格格blue的留言板

格格blue的留言板

板主 uno194497No.1944977 則留言人氣 51

此留言板設定為板主才可留言。

(1)格格blue2006-09-23 13:01 · 202.132.218.15x


*音樂語法*
※ 音樂語法(顯示)
<embed src="音樂網址" autostart="1" loop="1" volume="100" width="230" height="40"></embed>
※ 影片語法(顯示)
<embed src="MV網址" autostart="1" loop="1" volume="100" width="400" height="380"></embed>
※ 音樂語法(隱藏)
<embed src="音樂網址" autostart="1" hidden="true" loop="1" volume="100"></embed>



[多首播放]
<embed FlashVars="playlist=http://proxy.f3.ymdb.yahoofs.jp/bc/4503c6a5_4464/bc/444.mp3?bcBmRDFBUQn386D7"width="160"src="http://proxy.f3.ymdb.yahoofs.jp/bc/4503c6a5_4464/bc/mp3player.swf?bcBmRDFB52DNqX.g"type="application/x-shockwave-flash"height="210">

[基本]

<EMBED SRC="*.mp3" autostart="true" repeat="true" width="100" height="30" loop="true">

 
[愛播專用語法]
<IFRAME SRC="http://www.aeeboo.com/mp3player/mp3player_SV.swf?xmlfilepath=playersxml%2F6%2Faby000_12725%2Exml&serverpath=http://www.aeeboo.com/mp3player/mp3player_SV.swf?xmlfilepath=playersxml%2F6%2Faby000_12725%2Exml&serverpath=http://www.aeeboo.com/mp3player/"
WIDTH="180" HEIGHT="160" ALLOWTRANSPARENCY="TRUE"></IFRAME>

[黑色播放器]
<embed style="FILTER:xray" src="http://proxy.f3.ymdb.yahoofs.jp/bc/4503c6a5_4464/bc/music.mp3?bcAE8CFBI95Xti23" width=350 height=70 autostart=1 loop=1 volume=0 Showstatusbar=1 ShowControls=1 EnableContextMenu=0>

[迷你播放器]
<embed type="application/x-shockwave-flash" src="http://eting99.googlepages.com/dewplayer-mini.swf" width="150" height="20" flashvars="son=http://www.ytblog.net/blog_musfile/92458096.mp3"></embed>

[自動連結網址語法]
<script type="text/" src="http://www.tagtooga.com/mp3/playMp3.js"></script><a href=http://www.ytblog.net/blog_musfile/92458096.mp3>pp</a>

[半隱藏]
<EMBED AutoSize=1 SRC="http://www.ytblog.net/blog_musfile/92458096.mp3" width=300 height=24 AutoStart=1 Loop=1 Volume=0 ShowControls=0 Showstatusbar=1 EnableContextMenu=0></EMBED>

**表示自動播放 autostart="1"
》表示不自動播放 autostart="0"
》播放一次即停止 loop="0"
》無限次重複播放 loop="1"
》調整音量大小 volume="0-100"
》播放器寬度 width="400"  (可自行更改為適合寬度)
》撥放器高度 hight="380"  (可自行更改為適合高度)
》隱藏播放器 hidden="true" (如不隱藏不需加入這段語法)
(2)格格blue2006-09-23 13:00 · 202.132.218.15x
透明語法
<img src="圖片網址" border="0" style=" background-color:shadowcolor; filter:alpha(opacity=40);">
在 alpha(opacity=40 中修改圖片的透明數值,1~100可自己調

連結
<p align="center"> + 麻吉2號 +<br>
<a target="_blank" href="要連結網址">
<img border="0" src="露狗圖片網址" width="88" height="31"></a></p>


(3)格格blue2006-09-23 12:57 · 202.132.218.15x
<img src="圖片網址" border="0" style=" background-color:shadowcolor; filter:alpha(opacity=40);">
在 alpha(opacity=40 中修改圖片的透明數值,1~100可自己調

img src=" http://home.pchome.com.tw/tv/zz729209/77/20050515_unis5998284_070511.jpg"style="filter:Alpha(opacity=100,style=3);" width='500'
透明語法
(4)格格blue2006-09-23 12:55 · 202.132.218.15x
css

標題底圖
 範例:
↓下面的CSS的語法,是部落格目前使用的
/*Main content header*/
.yc3pribd .mhd{ background:url(標題底圖) repeat; color:#FBF2CA(標題文字的顏色);}
將灰色的部份,貼上連結圖檔的網址,前後括號”()”也是語法之ㄧ喔,別刪除喔!
語法範例:
/*Main content header*/
.yc3pribd .mhd{ background:url(http://xxxxx.gif) repeat; color:#FBF2CA;}
color色碼部分,看個人意思要不要不更改~色碼表

招呼語底圖
 範例:
↓下面的CSS的語法,是部落格目前使用的
/*Opacity for blast*/
#yblast .bg {zoom:1; filter:alpha(opacity:100); background: url(圖檔網址) no-repeat}
將灰色的部份,貼上連結圖檔的網址,前後括號”()”也是語法之ㄧ喔,別刪除喔!
語法範例:
/*Opacity for blast*/
#yblast .bg {zoom:1; filter:alpha(opacity:100); background: url(http://xxxxx.gif) no-repeat}
>上面綠色部分,為調整透明度,數字越小越透明
>如果是選擇小圖示,要重覆並排,藍色部份改為”repeat”即可。



背景固定
 範例:
↓下面的CSS的語法,是部落格目前使用的
body {
background-image: url(圖檔網址);
background-repeat:no-repeat ;
background-position :0% 100%;
background-attachment: fixed;}
將灰色的部份,貼上連結圖檔的網址,前後括號”()”也是語法之ㄧ喔,別刪除喔!
語法範例:
body {
background-image: url(http://xxxxx.gif);
background-repeat:no-repeat ;
background-position :0% 100%;
background-attachment: fixed;}
紅色部分說明:
backgroud-position: 0% 0%; 左邊上方
backgroud-position: 0% 50%; 左邊中間
backgroud-position: 50% 0%; 中間上方
backgroud-position: 50% 50%; 正中間
backgroud-position:100% 0%; 右邊上方
backgroud-position: 0% 100%; 左邊下方
backgroud-position: 100% 50%; 右邊中間
backgroud-position: 50% 100%; 中間下方
backgroud-position: 100% 100%; 右邊下方
ps:當然百分比可以任意調動,不一定上面的~


文章背景
 範例:
↓下面的CSS的語法,是部落格目前使用的
/*Main content body*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p{
background-image:url(圖片網址);
color:#1A4066(文章分類的顏色)} #ymodcal .mbd td strong {color:#3B9DC1(日曆開始的顏色);}
將灰色的部份,貼上連結圖檔的網址,前後括號”()”也是語法之ㄧ喔,別刪除喔!
語法範例:
/*Main content body*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p{
background-image:url(http://xxxxx.gif);
color:#1A4066} #ymodcal .mbd td strong {color:#3B9DC1;}
color色碼部分,看個人意思要不要不更改~色碼表

左右側標題圖
 範例:
↓下面的CSS的語法,是部落格目前使用的
/*Nav module header*/
.yc3sec .mhd, .yc3subbd .mhd, .yc3sec .mhd a, .yc3subbd .mhd a,.yc3sec .mhd a:link, .yc3subbd .mhd a:link,.yc3sec .mhd a:visited, .yc3subbd .mhd a:visited{ background:#FBF2CA(標題原本底色); color:#90620E(標題字體顏色); background-image:url(圖片網址);}
#ymodcal .mbd td strong {color:#DD1D27;}
將灰色的部份,貼上連結圖檔的網址,前後括號”()”也是語法之ㄧ喔,別刪除喔!
語法範例:
/*Nav module header*/
.yc3sec .mhd, .yc3subbd .mhd, .yc3sec .mhd a, .yc3subbd .mhd a,.yc3sec .mhd a:link, .yc3subbd .mhd a:link,.yc3sec .mhd a:visited, .yc3subbd .mhd a:visited{ background:#FBF2CA; color:#90620E; background-image:url(http://xxxxx.gif);}
#ymodcal .mbd td strong {color:#DD1D27;}
color色碼部分,看個人意思要不要不更改~色碼表

左右側內容底圖
 範例:
↓下面的CSS的語法,是部落格目前使用的
/*Nav module body*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{ background: #FFFFFF(內容底色);background-image: url(圖檔網址);color:#FF0000(內容字體顏色)}
將灰色的部份,貼上連結圖檔的網址,前後括號”()”也是語法之ㄧ喔,別刪除喔!
語法範例:
/*Nav module body*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{ background: #FFFFFF;background-image: url(http://xxxxx.gif) ; color:#ff0000}

color色碼部分,看個人意思要不要不更改~色碼表
(5)格格blue2006-09-23 12:54 · 202.132.218.15x
♡計時器♡

<embed src="???名.swf" type="application/x-shockwave-flash"
width="150" height="150" bgcolor="#FFFFFF" quality="high"
scale="noborder" menu="false" wmode="transparent">


script language="" type="text/" src="????名.js"></script>


document.write('<embed src="????名.swf" type="application/x-shockwave-flash"');
document.write(' width="150" height="150" bgcolor="#FFFFFF" quality="high"');
document.write(' scale="noborder" menu="false" wmode="transparent">');

<embed src="sp15_1.swf" type="application/x-shockwave-flash"
width="150" height="150" bgcolor="#FFFFFF" quality="high"
scale="noborder" menu="false" wmode="transparent">


<object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="obj1" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" border="0" width="160" height="160">
<param name="movie" value="tokei02.swf">
<param name="quality" value="High">
<param name="wmode" value="transparent">
<embed src="tokei02.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj1" width="160" height="160" quality="High"wmode="transparent">
</embed>
</object>貓

螃蟹
<EMBED src=http://artkaede.com/flash/blog/btime1.swf WIDTH=150 HEIGHT=150 wmode=transparent quality=high loop=true bgcolor=#000000 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></EMBED>
<EMBED src=http://artkaede.com/flash/blog/mawaru2.swf WIDTH=150 HEIGHT=150 wmode=transparent quality=high loop=true bgcolor=#000000 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></EMBED>
語法
<embed src="http://artkaede.com/flash/blog/mawaru2.swf" WIDTH="100" HEIGHT="100" PLAY="true" LOOP="false" QUALITY="high" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" alt="aqualeaf 騌?�y?�V??�K�C�h"> </embed>


flash圖語法
<EMBED src="http://www.○/△□/ornament1.swf" type="application/x-shockwave-flash" width="300" height="270" bgcolor="#ffffff" pluginspage="http://www.macromedia.com/shockwave
/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
(6)格格blue2006-09-23 12:50 · 202.132.218.15x
文章標題字體

 範例:
↓下面的CSS的語法,是部落格目前使用的,而綠色部分是額外添加的
/*Article content module*/
.yblogcnt .blgtitlebar {margin-bottom:10px;zoom:1;}
.yblogcnt .blgtitlebar h2 {font-size:130%;font-weight:bold;background:url(圖片網址) no-repeat;padding-left:32px;font-family:標楷體(字體樣式);}
語法範例:
/*Article content module*/
.yblogcnt .blgtitlebar {margin-bottom:10px;zoom:1;}
.yblogcnt .blgtitlebar h2 {font-size:130%;font-weight:bold;background:url(http://xxxxx.gif) no-repeat;padding-left:32px;font-family:標楷體;}



欄位標題字型
 範例:
↓下面的CSS語法是目前部落格所使用的
/*Nav module litle*/
#ymodmsgbd .mhd h3,.ycntmod .mhd h3,
#ymsgboard .mhd q{font-size:13px(數字越大字體越大);}.ycntmod .mhd h3,
#ymodcal .mhd .selyr{font-size:12px(數字越大字體越大);}
#yarticle .mhd h3,
#ypartsingle .mhd h3,
#yphtlist .mhd h3,
#yjntlist .mhd h3,
#ymsgboard .mhd h3{font-size:12px(數字越大字體越大);}
語法範例:
/*Nav module litle*/
#ymodmsgbd .mhd h3,.ycntmod .mhd h3,
#ymsgboard .mhd q{font-size:13px;}.ycntmod .mhd h3,
#ymodcal .mhd .selyr{font-size:12px;}
#yarticle .mhd h3,
#ypartsingle .mhd h3,
#yphtlist .mhd h3,
#yjntlist .mhd h3,
#ymsgboard .mhd h3{font-size:12px;}


各位看到的置中效果 其實是修改 往右移的距離 看起向置中的
是CSS設定真好玩-設定文字 中的欄位標題字型延
伸使用
↓下面是欄位標題字型 最基本的語法
/*Nav module litle*/
#ymodmsgbd .mhd h3,.ycntmod .mhd h3,
#ymsgboard .mhd q{font-size:13px(數字越大字體越大);}.ycntmod .mhd h3,
#ymodcal .mhd .selyr{font-size:12px(數字越大字體越大);}
#yarticle .mhd h3,
#ypartsingle .mhd h3,
#yphtlist .mhd h3,
#yjntlist .mhd h3,
#ymsgboard .mhd h3{font-size:12px(數字越大字體越大);}
↓而下面是欄位標題字型的延伸使用
在上面綠色語法後面加上;padding-left:45px
調整數值 就可以了




右欄位標題小圖
 範例:
↓下面的CSS語法是目前部落格所使用的
/*Nav module list*/
.ycntmod .mbd ul.list li {background:url(文章標題前面圖檔位址) left .1em(圖片下移數值,數字越大下移越多) no-repeat;padding-left:17px(文章標題前面圖檔和右邊文字相差距離,數字越大,兩者之間距離越遠);margin-bottom:3px;_margin-bottom:3px;_line-height:1.5em(行距高度倍數,數字越大,高度倍數越高);}
.ycntmod .mbd ul.list li.more {margin:-3px 0 0 -3px;text-align:right;background:url(所有文章和更多回應圖檔位址) 48px center no-repeat;}
將灰色的部份,貼上連結圖檔的網址,前後括號”()”也是語法之ㄧ喔,別刪除喔!
語法範例:
/*Nav module list*/
.ycntmod .mbd ul.list li {background:url(http://XXXXX.gif) left .1em no-repeat;padding-left:17px;margin-bottom:3px;_margin-bottom:3px;_line-height:1.5em;}
.ycntmod .mbd ul.list li.more {margin:-3px 0 0 -3px;text-align:right;background:url(http://XXXXX.gif) 48px center no-repeat;}

圖檔不宜選擇過長寬過大的,容易影響整體效果,
當然除了上面特別標出來的數字,還有其他數字值可以調整,
可以依照選用的圖檔自行去修改!

更新日期標題小圖
 範例:
↓下面的CSS語法是目前部落格所使用的
/*Module latest upup*/
#ymodupdate .mbd .date{background:url(圖檔位址) left center no-repeat;padding-left:11px(圖檔和右邊文字相差距離,數字越大,兩者之間距離越遠);font-size:104%;font-family:verdana;}
將灰色的部份,貼上連結圖檔的網址,前後括號”()”也是語法之ㄧ喔,別刪除喔!
語法範例:
/*Module latest upup*/
#ymodupdate .mbd .date{background:url(http://XXXXX.gif) left center no-repeat;padding-left:11px(圖檔和右邊文字相差距離,數字越大,兩者之間距離越遠);font-size:104%;font-family:verdana;}
圖檔不宜選擇過長寬過大的,容易影響整體效果,
當然除了上面特別標出來的數字,還有其他數字值可以調整,
可以依照選用的圖檔自行去修改!

標題前圖示(任何適當大小圖檔都可以)
 範例:
↓下面的CSS的語法,是部落格目前使用的
/*Article content module*/
.yblogcnt .blgtitlebar {margin-bottom:10px;zoom:1;}
.yblogcnt .blgtitlebar h2 {font-size:120%;font-weight:bold;background:url(圖示網址) no-repeat;padding-left:32px;}
將灰色的部份,貼上連結圖檔的網址,前後括號”()”也是語法之ㄧ喔,別刪除喔!

動圖文字語法
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3"><img src="t-tv3-top.gif" width="365" height="96"></td>
</tr>
<tr>
<td width="25" bgcolor="#757575"></td>
<td width="314" bgcolor="#ff9999">
<center><marquee direction=up scrollamount=1 width="285" height="200"></center>
<center><font color="#ff3fad" size="5"><strong>Welcome!</strong></font><br><br>
<font color="#000000" size="2">
???????????????、<br><br>
情人節快樂<br><br>
入??????????<br><br>
</font></center>
</td>
<td width="26" bgcolor="#757575"></td>
</tr>
<tr>
<td colspan="3"><img src="t-tv3-bottom.gif" width="365" height="79"></td>
</tr>
</table>

小電視
<table border="0" cellpadding="0" cellspacing="0" width="105"
style="font-size:8pt; font-family : MS UI Gothic;">
<tr>
<td colspan="3"><img src="mini-tv2-top.gif"></td>
</tr>
<tr>
<td width="9" background="mini-tv2-left.gif"></td>
<td width="87" bgcolor="#FFFFFF"><marquee direction=up scrollamount=1 width="87" height="45">
<center>
Japanese Only<br><br>
IE 5.5<br><br>
???使?道??<br>??????<br>
.. R i e ..
</center></td>
<td width="9" background="mini-tv2-right.gif"></td>
</tr>
<tr>
<td colspan="3"><img src="mini-tv2-bottom.gif"></td>
</tr>
</table>


文字+圖片 佐置右跑

<marquee behavior="Alternate"scrollamount="3" width="300">
<IMG src="usa.gif" width="16" height="16" border="0">????</marquee>


<marquee behavior="Alternate"scrollamount="3" width="300">
<IMG src="usa.gif" width="16" height="16" border="0">Welcome?</marquee>

<marquee behavior="Alternate"scrollamount="4" width="300">
<IMG src="○○.gif" width="116" height="16" border="0">Merry Christmas?</marquee>

"動??????"
"移動?幅"
"?像?指定"
文字?入??場合
(7)格格blue2006-09-23 12:47 · 202.132.218.15x
css-版型


標題底圖
 範例:
↓下面的CSS的語法,是部落格目前使用的
/*Main content header*/
.yc3pribd .mhd{ background:url(標題底圖) repeat; color:#FBF2CA(標題文字的顏色);}
將灰色的部份,貼上連結圖檔的網址,前後括號”()”也是語法之ㄧ喔,別刪除喔!
語法範例:
/*Main content header*/
.yc3pribd .mhd{ background:url(http://xxxxx.gif) repeat; color:#FBF2CA;}
color色碼部分,看個人意思要不要不更改~色碼表

招呼語底圖
 範例:
↓下面的CSS的語法,是部落格目前使用的
/*Opacity for blast*/
#yblast .bg {zoom:1; filter:alpha(opacity:100); background: url(圖檔網址) no-repeat}
將灰色的部份,貼上連結圖檔的網址,前後括號”()”也是語法之ㄧ喔,別刪除喔!
語法範例:
/*Opacity for blast*/
#yblast .bg {zoom:1; filter:alpha(opacity:100); background: url(http://xxxxx.gif) no-repeat}
>上面綠色部分,為調整透明度,數字越小越透明
>如果是選擇小圖示,要重覆並排,藍色部份改為”repeat”即可。



背景固定
 範例:
↓下面的CSS的語法,是部落格目前使用的
body {
background-image: url(圖檔網址);
background-repeat:no-repeat ;
background-position :0% 100%;
background-attachment: fixed;}
將灰色的部份,貼上連結圖檔的網址,前後括號”()”也是語法之ㄧ喔,別刪除喔!
語法範例:
body {
background-image: url(http://xxxxx.gif);
background-repeat:no-repeat ;
background-position :0% 100%;
background-attachment: fixed;}
紅色部分說明:
backgroud-position: 0% 0%; 左邊上方
backgroud-position: 0% 50%; 左邊中間
backgroud-position: 50% 0%; 中間上方
backgroud-position: 50% 50%; 正中間
backgroud-position:100% 0%; 右邊上方
backgroud-position: 0% 100%; 左邊下方
backgroud-position: 100% 50%; 右邊中間
backgroud-position: 50% 100%; 中間下方
backgroud-position: 100% 100%; 右邊下方
ps:當然百分比可以任意調動,不一定上面的~


文章背景
 範例:
↓下面的CSS的語法,是部落格目前使用的
/*Main content body*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p{
background-image:url(圖片網址);
color:#1A4066(文章分類的顏色)} #ymodcal .mbd td strong {color:#3B9DC1(日曆開始的顏色);}
將灰色的部份,貼上連結圖檔的網址,前後括號”()”也是語法之ㄧ喔,別刪除喔!
語法範例:
/*Main content body*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p{
background-image:url(http://xxxxx.gif);
color:#1A4066} #ymodcal .mbd td strong {color:#3B9DC1;}
color色碼部分,看個人意思要不要不更改~色碼表

左右側標題圖
 範例:
↓下面的CSS的語法,是部落格目前使用的
/*Nav module header*/
.yc3sec .mhd, .yc3subbd .mhd, .yc3sec .mhd a, .yc3subbd .mhd a,.yc3sec .mhd a:link, .yc3subbd .mhd a:link,.yc3sec .mhd a:visited, .yc3subbd .mhd a:visited{ background:#FBF2CA(標題原本底色); color:#90620E(標題字體顏色); background-image:url(圖片網址);}
#ymodcal .mbd td strong {color:#DD1D27;}
將灰色的部份,貼上連結圖檔的網址,前後括號”()”也是語法之ㄧ喔,別刪除喔!
語法範例:
/*Nav module header*/
.yc3sec .mhd, .yc3subbd .mhd, .yc3sec .mhd a, .yc3subbd .mhd a,.yc3sec .mhd a:link, .yc3subbd .mhd a:link,.yc3sec .mhd a:visited, .yc3subbd .mhd a:visited{ background:#FBF2CA; color:#90620E; background-image:url(http://xxxxx.gif);}
#ymodcal .mbd td strong {color:#DD1D27;}
color色碼部分,看個人意思要不要不更改~色碼表

左右側內容底圖
 範例:
↓下面的CSS的語法,是部落格目前使用的
/*Nav module body*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{ background: #FFFFFF(內容底色);background-image: url(圖檔網址);color:#FF0000(內容字體顏色)}
將灰色的部份,貼上連結圖檔的網址,前後括號”()”也是語法之ㄧ喔,別刪除喔!
語法範例:
/*Nav module body*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{ background: #FFFFFF;background-image: url(http://xxxxx.gif) ; color:#ff0000}

color色碼部分,看個人意思要不要不更改~色碼表