檔案狀態:    住戶編號:278556
 寶貝姐姐 的日記本
快速選單
到我的日記本
看他的最新日記
加入我的收藏
瀏覽我的收藏
背景 《前一篇 回她的日記本 後一篇》 背景
 切換閱讀模式  回應  給他日記貼紙   給他愛的鼓勵  檢舉
篇名: 測試
作者: 寶貝姐姐 日期: 2008.06.05  天氣:  心情:

放在最上方[可讓日記完全無框]


 </table></td></tr><tr><TBODY><TR><TD ></tr></table><center>



回應欄位的背景[可調整寬高]

<style type="text/css">input { background: #按鈕框色碼 url(確定按鈕圖路徑); background-position: center;width:寬;height:高;}</style>
<style type="text/css">textarea { background: #底圖色碼 url(回應框圖片路徑); background-position: center top;width:圖寬;height:圖高;font-size:字體大小;font-family:新細明體;color:#回應字體色碼;} </style>



回應欄位的背景[回應字體置中]

<style type="text/css">input { background: #000000 url(確定按鈕圖路徑); background-position: center;width:寬;height:高;}</style>
<style type="text/css">textarea { background: #ffffff url(圖片路徑);background-position:center;background-repeat:repeat;width:圖寬; height:圖高;text-align:center;color:#000000;font-size:字體大小px;font-family:新 細明體,vernada;}</style></SPAN>

--------------------------------------------------

回應區字體顏色



<style type="text/css"><!--td{color:#色碼;font-family:新細明體;font-size:字體大小%;}--></style>

滑鼠指標


<style>body{cursor:url(游標路徑);}a{cursor:url(游標路徑);}</style>

無名適用

body{cursor:url(游標路徑);}a{cursor:url(游標路徑);}

日記加框


<table bgcolor="#內容色" border=0 cellspacing=15 cellpadding=0><tr><td><table border="外框" cellpadding="外框" cellspacing="與內框距離" border=1 bordercolorlight="#3D4A2C" bordercolordark="#3D4A2C"><tr><td><br />


加在透明背景語法的最前面[整個置中]


<style>td{text-align=center;}</style>


貼上Flash動畫

<embed src="路徑" width="圖寬" height="圖高"</embed>


Flash動畫背景透明


<embed src="路徑" wmode=transparent width="圖寬" height="圖高"</embed>


多重貼動畫語法


<embed style="LEFT: 0px; POSITION: absolute; TOP: 300px; absolute: " src="路徑" width="圖寬" height="圖高" type="application/x-shockwave-flash" quality="high" wmode="transparent" />


圖片會移動 


<MARQUEE SCROLLAMOUNT=移動速度><img src="貼圖網址"></MARQUEE></font>


--------------------------------------
字體由上往下再上移

<SPAN id=style style="LINE-HEIGHT: 13px"><marquee scrollamount="1" scrolldelay="150" direction="down" behavior="slide" height="300"><marquee scrollamount="1" scrolldelay="150" direction="up" height="300"><p /><pre><font face="新明細體" color="#800080" size="4"><pre><ul> <br />
<br><b><center><br />
打上你要的字 <br />
打上你要的字 <br />
打上你要的字 <br />
打上你要的字 <br />
打上你要的字 <br />
打上你要的字 <br />
</b></ul></pre></font></td></tr></tbody></table><br />
<br />
--------------------------------------------------------


Flash背景圖加文字


<embed src="flash背景圖路徑" width="" height="" type="application/x-shockwave-flash" wmode="transparent" /><div style="LEFT: -280px; POSITION: relative; TOP: -900px"><div id="layer1" style="Z-INDEX: -1; LEFT: 430px; WIDTH: 290px; POSITION: absolute; TOP: 120px; HEIGHT: 600px"><pre><span style="FONT-SIZE: 9pt; FILTER: Glow(Color=white, strength=5); WIDTH: 500px; COLOR: gray; FONT-FAMILY: Arial RED; HEIGHT: 500px"><span style="FONT-SIZE: 15pt; LETTER-SPACING: 2px"><font face="新細明體" color="#字體顏色"><span id="style" style="LINE-HEIGHT: 35px">


這個地方打上你要的字
隨你高興要打什麼
沒限制要打多少字
當然不超出背景圖為準
自己調整字體間距及行距


<ul><ul><p /></ul></ul></span></font></span></span></pre></div></div><p />



字體可調整的部分:


style="FONT-SIZE: 12pt    字體大小
style="LINE-HEIGHT: 35px"   字體行距
LETTER-SPACING: 2px  字體間距
font face="新細明體"  字型
color="#000000"       字體顏色[請參考RGB色碼表]
(Color=white, strength=5)字體陰影部分顏色及陰影大小
div style="LEFT: -280px  調整字體左右或置中
TOP: -900px  調整字體開始高度


----------------------------------------
Flash背景圖加上移文字


<embed src="flash背景圖" width="" height="" type="application/x-shockwave-flash" wmode="transparent" /><div style="LEFT: -350px; POSITION: relative; TOP: -630px"><div id="layer1" style="Z-INDEX: -1; LEFT: 430px; WIDTH: 290px; POSITION: absolute; TOP: 120px; HEIGHT: 600px"><pre><span style="FONT-SIZE: 9pt; FILTER: Glow(Color=white, strength=5); WIDTH: 400px; COLOR: gray; FONT-FAMILY: Arial RED; HEIGHT: 400px"><span style="FONT-SIZE: 11pt; LETTER-SPACING: -1px"><font face="Verdana" color="#000000"><span id="style" style="LINE-HEIGHT: 20px">
<marquee scrollamount="1" direction="up" height="300"><pre><center><font face="新明細體" color="#字體顏色" size="字體大小"><br />
這個地方打上你要的字<br />
<br />
這個地方打上你要的字<br />
<br />
這個地方打上你要的字<br />
<br />
這個地方打上你要的字<br />
<br />
這個地方打上你要的字<br />
<br><br />
</p><p /><center><pre /></center></font></center></pre></marquee></p><pre><center />


上移文字可更改地方
<marquee scrollamount="1" direction="up" height="300"><pre><center><font face="新明細體" color="#000000" size="4">


scrollamount="1"[字體移動速度]
direction="up"[字體往上或往下將up改成down即是字由上往下]
height="300"[字體出現的高度]
font face="新明細體"[字型]
color="#000000" [字體顏色]
size="4"[字體大小]
--------------------------------------------------------
霧邊背景加上移文字


<div id="第1個濾鏡" style="filter:Alpha(opacity=100,finishOpacity=0,style=2) ;-moz-opacity:1;width:圖寬;height:圖高"><img src="圖片路徑" height=圖高 width=圖寬 border=0></div><div style="LEFT: -350px; POSITION: relative; TOP: -630px"><div id="layer1" style="Z-INDEX: -1; LEFT: 430px; WIDTH: 290px; POSITION: absolute; TOP: 字體出現高度px; HEIGHT: 600px"><pre><span style="FONT-SIZE: 9pt; FILTER: Glow(Color=字體陰影顏色, strength=陰影小大); WIDTH: 400px; COLOR: gray; FONT-FAMILY: Arial RED; HEIGHT: 400px"><span style="FONT-SIZE: 11pt; LETTER-SPACING: -1px"><font face="Verdana" color="#000000"><span id="style" style="LINE-HEIGHT: 20px">
<marquee scrollamount="字體上移速度" direction="up" height="300"><pre><center><font face="新明細體" color="#字體顏色" size="字體大小"><br />
這個地方打上你要的字<br />
<br />
這個地方打上你要的字<br />
<br />
這個地方打上你要的字<br />
<br><br />
</p><p /><center><pre /></center></font></center></pre></marquee></p><pre><center /></div> 
 
--------------------------------------------
表格套用[日記回應區]
<table><td bgcolor="white">
---------------------------------------------------
文字


<marquee direction='up'> 向上捲動 </marquee>
<marquee direction='down'> 向下捲動 </marquee>


字往上移;字與字間可以使用<br>換行,換空一行可用<p>將up改成down
即是字由上往下
<MARQUEE scrollAmount=1 direction=up>這是第一行<p>這是第二行</MARQUEE>
--------------------------------------------------------
上移跑馬燈


<marquee scrollamount=2 direction=up><center><font size=3font color="#字體顏色">打上你要的字<br />
打上你要的字<br />
打上你要的字<br /></marquee>



marquee scrollamount=3文字速度,direction=up往上[也可改往下],font size=2文字大小,font color="#F08080"文字顏色。
<marquee scrollamount=3 direction=up><center><font size=2 font color="字顏色">打上你要的字</marquee>
如要換行,請在每行字尾自行加上<br />[強迫換行]


----------------------------------------------------
櫻花飄落


<table border=0 bgcolor="#F0F0F0"><tr align="center"><td style="color:#000000;font-size:14px;line-height:14px;">dekiru桜< /td></tr><tr align="center"><td style="color:#000000;font-size:12px;line-height:13px;">powered by<br><a id="DVEX_0" href="http://dekirujan.sakura.ne.jp/dekiru/">できるじゃん</a></td></tr></table>
<="
http://dekirujan.sakura.ne.jp/dekiru/dvex/dvex.cgi?id=sakura" type="text/javascript" charset="Shift_JIS"></script>
------------------------------------



至頂擋廣告


<SPAN ID="test" STYLE="border:solid;border-width:1;border-color:#ffffff;color:#FFFFFF;position:absolute;top:0;left:0;width:圖寬;height:圖高;overflow:hidden;background-image:url(圖片路徑);"><center>


以上


border:solid=框線類型border-width:1框線寬度border-color:#ffffff框線色碼
absolute;top:0;left:0;=調整圖片出現左右上下


..................................................


文章內置捲軸[縮短文章長度]


<div style="OVERFLOW: auto; WIDTH: 寬度px; HEIGHT: 高度px; border:邊框厚度px solid #邊框顏色">這邊打上文字即可</div>


以上
solid=外框的種類
solid(實線) double(雙線) dotted (點點)dashed (虛線)
inset(上凹框)outset(下凹框)grooved(2色凹框)ridged(暗色凹框)


....................................................



底色跑馬燈


<marquee marquee bgcolor=#色碼 width="" height="">底色跑馬燈</marquee>


以上
#色碼=請參考色碼表


...............................................



框線型跑馬燈



<marquee style="border-style:double;font-size:20px;"width="" height="">線型跑馬燈</marquee>


以上
font-size:20px;=字體大小dotted=線型種類
solid(實線) double(雙線) dotted (點點)dashed (虛線)
inset(上凹框)outset(下凹框)grooved(2色凹框)ridged(暗色凹框)


................................................



固定背景語法


右上角


<style type="text/css"> <!-- body{ background-image: url(圖片網址);  background-color : #000000;  background-attachment: fixed;  background-repeat: no-repeat;  background-position: right top; --></style>


右下角


<style type="text/css"> <!-- body{ background-image: url(圖片網址); background-color : #000000; background-attachment: fixed; background-repeat: no-repeat; background-position: right bottom; --></style>


左上角


<style type="text/css"> <!-- body{ background-image: url(圖片網址);  background-color : #000000;  background-attachment: fixed;  background-repeat: no-repeat;  background-position: left top; --></style>


左下角


<style type="text/css"> <!-- body{ background-image: url(圖片網址);  background-color : #000000;  background-attachment: fixed;  background-repeat: no-repeat;  background-position: left bottom; --></style>


上方


<style type="text/css"> <!-- body{ background-image: url(圖片網址);  background-color : #000000;  background-attachment: fixed;  background-repeat: no-repeat;  background-position: top; --></style>


下方


<style type="text/css"> <!-- body{ background-image: url(圖片網址);  background-color : #000000;  background-attachment: fixed;  background-repeat: no-repeat;  background-position: bottom; --></style>


...................................



做好游標讓人下載


<a href=滑鼠路徑 style="cursor: url('滑鼠路徑')" title="滑鼠移至此">滑鼠名稱</a>    滑鼠路徑<br /><br />


或是


</font><a rel="nofollow" style="CURSOR: url('游標路徑')" href="游標路徑"><font color=#00ccff size=1>指到這邊看看</font></a><font size=1><font color=#ffccff>游標名稱</font> <font color=#ccffcc> </font></font><a rel="nofollow" href="游標路徑"><font color=#ccffcc size=1>按此下載<br></font></a><br><br>< font size=1>


.......................................................



霧邊背景加上移文字


<div id="第1個濾鏡" style="filter:Alpha(opacity=100,finishOpacity=0,style=2) ;-moz-opacity:1;width:圖寬;height:圖高"><img src="圖片路徑" height=圖高 width=圖寬 border=0></div><div style="LEFT: -350px; POSITION: relative; TOP: -630px"><div id="layer1" style="Z-INDEX: -1; LEFT: 430px; WIDTH: 290px; POSITION: absolute; TOP: 字體出現高度px; HEIGHT: 600px"><pre><span style="FONT-SIZE: 9pt; FILTER: Glow(Color=字體陰影顏色, strength=陰影小大); WIDTH: 400px; COLOR: gray; FONT-FAMILY: Arial RED; HEIGHT: 400px"><span style="FONT-SIZE: 11pt; LETTER-SPACING: -1px"><font face="Verdana" color="#000000"><span id="style" style="LINE-HEIGHT: 20px">
<marquee scrollamount="字體上移速度" direction="up" height="300"><pre><center><font face="新明細體" color="#字體顏色" size="字體大小"><br />
這個地方打上你要的字<br />
<br />
這個地方打上你要的字<br />
<br />
這個地方打上你要的字<br />
<br><br />
</p><p /><center><pre /></center></font></center></pre></marquee></p><pre><center /></div> 


.......................................................



音樂盒



<embed src="http://etings.cocolog-nifty.com/blog/files/10.swf" wmode=transparent width="170" height="190" type="application/x-shockwave-flash"pluginpage="http://www.macromedia.com/go/getflashplayer"></embed>


以上
數字10可更改[範圍1~10]


.........................................................



小黑板公告


<TABLE border=2><TBODY bgColor=#008080><TD><MARQUEE direction=up height=60 width=160 scrollAmount=1><FONT color=#ffffff size=2>您輸入的文字</MARQUEE></FONT></TD></TBODY> </TABLE>


以上
TABLE border=2框寬度TBODY bgColor=#008080黑板底色MARQUEE direction=up文字上移height=60 width=160黑板寬高FONT color=#ffffff size=2字體色碼及大小






標籤:
瀏覽次數:112    人氣指數:1712    累積鼓勵:80
 切換閱讀模式  回應  給他日記貼紙   給他愛的鼓勵 檢舉
給本文愛的鼓勵:  最新愛的鼓勵
背景 《前一篇 回她的日記本 後一篇》 背景
 
住戶回應
 
時間:2008-06-05 14:30
她, 43歲,台北市,其他
*給你留了一則留言*
  
 
時間:2008-06-05 11:28
他, 73歲,台中市,軍警
*給你留了一則留言*
  
 
時間:2008-06-05 01:19
她, 44歲,亞洲其他,其他
*給你留了一則留言*
  
 
時間:2008-06-05 01:11
他, 42歲,新北市,資訊
*給你留了一則留言*
  


給我們一個讚!