目前分類:語法學習 (237)

瀏覽方式: 標題列表 簡短摘要

音樂播放語法


在 blog 上常看到有人播放背景音樂,但是在 Firefox 底下卻無法收聽,之前請示過古狗大神解決了這個問題,剛好看到革命少女在問音樂播放語法,順便整理了一下:

最簡單的播放音樂語法為: 【沒錯,這樣就能放音樂,甚至可以不加結束標籤

設定播放面板的寬度、高度(最好加上,因為有些人的預設播放器不是 Windows Media Player,不設大小的話,面板會變得非常小),以及是否自動播放、循環播放音樂:


【0:否,1:是】


以上語法用在 wma 檔沒有問題,但是用在 mp3 檔時,Firefox 不能讀,必須設定 type 加上這段語法:

type=video/x-ms-asf width=寬度 height=高度 autostart=0 loop=1>

rm 檔語法則是:type=audio/x-pn-realaudio-plugin

wma 檔不必加任何語法,若要加,標準語法為:type=audio/x-ms-wma

有時候音樂檔案太大會造成 IE 當機,或者因為網路連線太慢而使音樂斷斷續續。如果音樂太長,可以擷取片段播放就好,CDex 是很好的編輯工具,可以任意切割音樂時間。或不用 embed 語法改用 bgsound 語法,變成非串流播放,必須等全部檔案下載之後才能播放音樂。

oreokimo 發表在 痞客邦 留言(1) 人氣()

琳達教學:為你的文章穿上新衣




琳達教學:為你的文章穿上新衣
最近琳達所發表的文章裡,大都會有像下列簡單型的文章框
這種框雖沒有閃閃發亮,但只要顏色配的亮眼,其實看起來也不錯看啦~
它會隨著文章長短不一而自行調整框的大小
尤其是貼語法的部份相當好用喔~
接下來琳達教大家如何來改變顏色
不要當小白
綠色底的部份是英文色碼,也就是框的最外層,這裡提供了英文色碼表→  琳達英文色碼表
黃色底的部份也是色碼,是漸層的部份,這兒也提供色碼表給您參考→ ★琳達的色碼表★
紅色底的部份是文字的顏色,語法不變,更改色碼就可以嚕~
更改語法適合在記事本裡先做修改,語法完成後在新發文裡的下方之處
有個口觀看HTML 原始碼 (說明)的地方打勾→ 語法貼上→ 再將口觀看HTML 原始碼 (說明)取消打勾,你就可以看到你的文章框囉~再將文字或是圖檔貼在框裡,就醬子一篇文章給它穿上新衣服囉~
不要當小白
琳達自己也設計幾款不同的顏色加上配好的捲軸,好方便自己也可以使用,你也可以試試看喲~
希望你會喜歡此次的教學,也請你正確引用喔~
★要如何正確引用請參考★琳達教你如何引用BLOG文章★
★要外連帶走的請註明原出處:★Linda達令★
★想看更多,請至★琳達教學★ 喲~
★本站文章巳申請註作權,請尊重他人正確引用

★請別移除我的LOGO
  琳達 教學分享













<P align=center>
<TABLE id=table6 style="BORDER-RIGHT: golenrod 1px dashed; BORDER-TOP: golenrod 1px dashed; BORDER-LEFT: golenrod 1px dashed; BORDER-BOTTOM: golenrod 1px dashed" cellSpacing=5 cellPadding=3 width=528 bgColor=golenrod>
<TBODY>
<TR>
<TD style="BORDER-RIGHT: #b4fc00 1px dashed; BORDER-TOP: #b4fc00 1px dashed; BORDER-LEFT: #b4fc00 1px dashed; BORDER-BOTTOM: #b4fc00 1px dashed" bgColor=#b4fc00>
<TABLE id=table7>
<TBODY>
<TR>
<TD style="PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px" bgColor=white>
<P align=center><FONT color=#006c00 size=2>文字貼在此處</FONT></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>





文章框架加捲軸(亮綠)
<div style="OVERFLOW:auto;HEIGHT:400px;SCROLLBAR-TRACK-COLOR: #d8fc90;SCROLLBAR-FACE-COLOR: #6cd800;SCROLLBAR-HIGHLIGHT-COLOR: #d8fc24;SCROLLBAR-SHADOW-COLOR: #d8fc24;SCROLLBAR-3DLIGHT-COLOR: #d8fc24;SCROLLBAR-DARKSHADOW-COLOR: #d8fc24;SCROLLBAR-ARROW-COLOR: #489048;">文章寫入位置<div>














文字貼在此處





文章框架加捲軸(紫色)
<div style="OVERFLOW:auto;HEIGHT:400px;SCROLLBAR-TRACK-COLOR: #ded5ff;SCROLLBAR-FACE-COLOR: #b424fc;SCROLLBAR-HIGHLIGHT-COLOR: #d890fc;SCROLLBAR-SHADOW-COLOR: #d890fc;SCROLLBAR-3DLIGHT-COLOR: #d890fc;SCROLLBAR-DARKSHADOW-COLOR: #d890fc;SCROLLBAR-ARROW-COLOR: #6c0090;">文章寫入位置<div>













文字貼在此處





文章框架加捲軸(黃色)
<div style="OVERFLOW:auto;HEIGHT:400px;SCROLLBAR-TRACK-COLOR: #fcfcb4;SCROLLBAR-FACE-COLOR: #fc9024;SCROLLBAR-HIGHLIGHT-COLOR: #fcfc00;SCROLLBAR-SHADOW-COLOR: #fcfc00;SCROLLBAR-3DLIGHT-COLOR: #fcfc00;SCROLLBAR-DARKSHADOW-COLOR: #fcfc00;SCROLLBAR-ARROW-COLOR: #fcfc00;">文章寫入位置<div>













文字貼在此處





文章框架加捲軸(亮藍)
<div style="OVERFLOW:auto;HEIGHT:400px;SCROLLBAR-TRACK-COLOR: #b4fcfc;SCROLLBAR-FACE-COLOR: #48fcfc;SCROLLBAR-HIGHLIGHT-COLOR: #0090fc;SCROLLBAR-SHADOW-COLOR: #0090fc;SCROLLBAR-3DLIGHT-COLOR: #0090fc;SCROLLBAR-DARKSHADOW-COLOR: #0090fc;SCROLLBAR-ARROW-COLOR: #0090fc;">文章寫入位置<div>
http://hi.baidu.com/sherrycole










文字貼在此處




文章框架加捲軸(深藍)
<div style="OVERFLOW:auto;HEIGHT:400px;SCROLLBAR-TRACK-COLOR: #ffffff;SCROLLBAR-FACE-COLOR: #4169E1;SCROLLBAR-HIGHLIGHT-COLOR: #191970;SCROLLBAR-SHADOW-COLOR: #191970;SCROLLBAR-3DLIGHT-COLOR: #191970;SCROLLBAR-DARKSHADOW-COLOR: #191970;SCROLLBAR-ARROW-COLOR: #191970;">文章寫入位置<div>
http://hi.baidu.com/sherrycole










文字貼在此處



 

文章框架加捲軸(橘黃)
<div style="OVERFLOW:auto;HEIGHT:400px;SCROLLBAR-TRACK-COLOR: #fcb400;SCROLLBAR-FACE-COLOR: #fc9024;SCROLLBAR-HIGHLIGHT-COLOR: #fc0000;SCROLLBAR-SHADOW-COLOR: #fc0000SCROLLBAR-3DLIGHT-COLOR: #fc0000;SCROLLBAR-DARKSHADOW-COLOR: #fc0000;SCROLLBAR-ARROW-COLOR: #fc0000;">文章寫入位置<div>











文字貼在此處




文章框架加捲軸(粉紅)
<div style="OVERFLOW:auto;HEIGHT:400px;SCROLLBAR-TRACK-COLOR: #fcfcfc;SCROLLBAR-FACE-COLOR: #fcb4d8;SCROLLBAR-HIGHLIGHT-COLOR: #d8006c;SCROLLBAR-SHADOW-COLOR: #d8006c;SCROLLBAR-3DLIGHT-COLOR: #d8006c;SCROLLBAR-DARKSHADOW-COLOR: #d8006c;SCROLLBAR-ARROW-COLOR: #d8006c;">文章寫入位置<div>


 










文字貼在此處




文章框架加捲軸(磚紅色)
<div style="OVERFLOW:auto;HEIGHT:400px;SCROLLBAR-TRACK-COLOR: #fcfcfc;SCROLLBAR-FACE-COLOR: #b44800;SCROLLBAR-HIGHLIGHT-COLOR: #fcd8d8;SCROLLBAR-SHADOW-COLOR: #fcd8d8;SCROLLBAR-3DLIGHT-COLOR: #b44800;SCROLLBAR-DARKSHADOW-COLOR: #b44800;SCROLLBAR-ARROW-COLOR: #fcfcfc;">文章寫入位置<div>


 










文字貼在此處



 

文章框架加捲軸
<div style="OVERFLOW:auto;HEIGHT:600px;SCROLLBAR-TRACK-COLOR: #a881a0;SCROLLBAR-FACE-COLOR: #904848;SCROLLBAR-HIGHLIGHT-COLOR: #b490d8;SCROLLBAR-SHADOW-COLOR: #b490d8;SCROLLBAR-3DLIGHT-COLOR: #904848;SCROLLBAR-DARKSHADOW-COLOR: #904848;SCROLLBAR-ARROW-COLOR: #b490d8;">文章寫入位置<div>



 










文字貼在此處





文章框架加捲軸(黑色)
<div style="OVERFLOW:auto;HEIGHT:400px;SCROLLBAR-TRACK-COLOR: #a9a9a9;SCROLLBAR-FACE-COLOR: #000000;SCROLLBAR-HIGHLIGHT-COLOR: #a9a9a9;SCROLLBAR-SHADOW-COLOR: #a9a9a9;SCROLLBAR-3DLIGHT-COLOR: #a9a9a9;SCROLLBAR-DARKSHADOW-COLOR: #a9a9a9;SCROLLBAR-ARROW-COLOR: #ffffff;">文章寫入位置<div>





 

oreokimo 發表在 痞客邦 留言(0) 人氣()


 

























































語法說明


SCROLLBAR-ARROW-COLOR:

箭頭色碼


BORDER-BOTTOM-STYLE:

下框線


SCROLLBAR-FACE-COLOR:

軸面色碼


BORDER-RIGHT-STYLE:

右框線


BACKGROUND-COLOR:

背景色


WIDTH:

捲軸框寬度


SCROLLBAR-DARKSHADOW-COLOR:

右立體邊色碼


BORDER-TOP-STYLE:

上框線


HEIGHT:

捲軸框高度


SCROLLBAR-HIGHLIGHT-COLOR:

軸面左邊色碼


COLOR:

可以是外框色也可以是字體色
字體要跟框不同色再打字處套語法
想說的話


SCROLLBAR-SHADOW-COLOR:

軸面右邊色碼


FONT-SIZE:

字體大小


BORDER-LEFT-STYLE:

左框線


SCROLLBAR-TRACK-COLOR:

軸軌色碼


SCROLLBAR-3DLIGHT-COLOR:

左立體邊色碼



一個捲軸有7個顏色

捲軸框內為7個語法解說與用顏色做區分對照



SCROLLBAR-ARROW-COLOR=箭頭(語法): 套上色碼(紫色為例)
SCROLLBAR-FACE-COLOR= 軸面(語法): 套上色碼(藍色為例)
SCROLLBAR-SHADOW-COLOR= 軸面右邊(語法): 套上色碼(紅色為例)
SCROLLBAR-DARKSHADOW-COLOR=右立體邊(語法): 套上色碼(黃色為例)
SCROLLBAR-HIGHLIGHT-COLOR=軸面左邊(語法): 套上色碼(白色為例)
SCROLLBAR-3DLIGHT-COLOR=左立體邊(語法): 套上色碼(綠色為例)
SCROLLBAR-TRACK-COLOR=軸軌(語法): 套上色碼(黑色為例)


 



想自己配色的附上我常用的日本 色碼表

 

 

框框語法有兩種,一種不能調整粗細,一種可以

指令碼有9種


不可調粗細語法:

BORDER-BOTTOM-STYLE:下框線指令碼
BORDER-RIGHT-STYLE: 右框線指令碼
BORDER-TOP-STYLE: 上框線指令碼
BORDER-LEFT-STYLE:左框線指令碼



可調粗細語法:

BORDER-BOTTOM:下框線色碼  ?px 指令碼
BORDER-RIGHT: 右框線色碼  ?px 指令碼
BORDER-TOP: 上框線色碼  ?px 指令碼
BORDER-LEFT:左框線色碼  ?px 指令碼



各框線指令碼實例:

none無框線      dotted點線        dashed虛線        solid實線       double雙線


ridge立體凸線   groove立體凹線   outset立體隆起線   inset立體嵌入線


 

就這樣形成各色捲軸加各式框了

 

 

以上是語法解說,以下是方便想用現成的人直接套用

語法都在每個捲軸框裡,若要改些顏色,再套用下去修改即可


以上已經說過框線有兩種語法

我比較喜歡用第二種語法,可調整線的粗細




再度說明:不要框線,去掉框線語法,可省掉輸入語法這道手續

不要的東西直接去掉語法即可

例:不要的東西去掉~去掉~去掉~語法就可以了




 BACKGROUND-COLOR: ←不要背景色,去掉背景色語法


 



 



SCROLLBAR-ARROW-COLOR=箭頭色語法
SCROLLBAR-FACE-COLOR= 軸面色語法
SCROLLBAR-SHADOW-COLOR= 軸面右邊色語法
SCROLLBAR-DARKSHADOW-COLOR=右立體邊色語法
SCROLLBAR-HIGHLIGHT-COLOR=軸面左邊色語法
SCROLLBAR-3DLIGHT-COLOR=左立體邊色語法
SCROLLBAR-TRACK-COLOR=軸軌色語法
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
捲軸不要有顏色去掉,注意建議全部都要去否則顏色會很怪


 



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


立體凸線



<div align=center>
<div style="SCROLLBAR-ARROW-COLOR: #ffffff; BORDER-BOTTOM: #ffffff 4px ridge; BORDER-LEFT: #ffffff 4px ridge; SCROLLBAR-FACE-COLOR: #000000; BACKGROUND-COLOR: #ffffff; WIDTH: 400px; SCROLLBAR-DARKSHADOW-COLOR: #000000; HEIGHT: 100px; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; COLOR: #000000; SCROLLBAR-SHADOW-COLOR: #000000; FONT-SIZE: 10pt; OVERFLOW: auto; BORDER-TOP: #ffffff 4px ridge; SCROLLBAR-TRACK-COLOR: #909090; BORDER-RIGHT: #ffffff 4px ridge; SCROLLBAR-3DLIGHT-COLOR: #003366">想說的話</div></div>


<div align=center>
<div style="SCROLLBAR-ARROW-COLOR: #cc0099; BORDER-BOTTOM: #ffffff 4px ridge; BORDER-LEFT: #ffffff 4px ridge; SCROLLBAR-FACE-COLOR: #ededed; BACKGROUND-COLOR: #ffffff; WIDTH: 400px; SCROLLBAR-DARKSHADOW-COLOR: #9933ff; HEIGHT: 100px; SCROLLBAR-HIGHLIGHT-COLOR: #ffff00; COLOR: #cc0099; SCROLLBAR-SHADOW-COLOR: #ccccff; FONT-SIZE: 10pt; OVERFLOW: auto; BORDER-TOP: #ffffff 4px ridge; SCROLLBAR-TRACK-COLOR: #ffff99; BORDER-RIGHT: #ffffff 4px ridge; SCROLLBAR-3DLIGHT-COLOR: #cc66ff">想說的話</div></div>
-----------------------------------------------------------------------------------------------------------------------------------------------


雙線




<div align=center>
<div style="SCROLLBAR-ARROW-COLOR: #ffffff; BORDER-BOTTOM: #000000 4px double; BORDER-LEFT: #000000 4px double; SCROLLBAR-FACE-COLOR: #000000; BACKGROUND-COLOR: #ffffff; WIDTH: 400px; SCROLLBAR-DARKSHADOW-COLOR: #000000; HEIGHT: 100px; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; COLOR: #000000; SCROLLBAR-SHADOW-COLOR: #000000; FONT-SIZE: 10pt; OVERFLOW: auto; BORDER-TOP: #000000 4px double; SCROLLBAR-TRACK-COLOR: #909090; BORDER-RIGHT: #000000 4px double; SCROLLBAR-3DLIGHT-COLOR: #003366">想說的話</div></div>


<div align=center>
<div style="SCROLLBAR-ARROW-COLOR: #cc0099; BORDER-BOTTOM: #cc0099 4px double; BORDER-LEFT: #cc0099 4px double; SCROLLBAR-FACE-COLOR: #ededed; BACKGROUND-COLOR: #ffffff; WIDTH: 400px; SCROLLBAR-DARKSHADOW-COLOR: #9933ff; HEIGHT: 100px; SCROLLBAR-HIGHLIGHT-COLOR: #ffff00; COLOR: #cc0099; SCROLLBAR-SHADOW-COLOR: #ccccff; FONT-SIZE: 10pt; OVERFLOW: auto; BORDER-TOP: #cc0099 4px double; SCROLLBAR-TRACK-COLOR: #ffff99; BORDER-RIGHT: #cc0099 4px double; SCROLLBAR-3DLIGHT-COLOR: #cc66ff">想說的話</div></div>

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


實線



<div align=center>
<div style="SCROLLBAR-ARROW-COLOR: #ff3333; BORDER-BOTTOM: #003399 2px solid; BORDER-LEFT: #003399 2px solid; SCROLLBAR-FACE-COLOR: #333333; BACKGROUND-COLOR: #ffffff; WIDTH: 400px; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; HEIGHT: 100px; SCROLLBAR-HIGHLIGHT-COLOR: #0099ff; COLOR: #003399; SCROLLBAR-SHADOW-COLOR: #000000; FONT-SIZE: 10pt; OVERFLOW: auto; BORDER-TOP: #003399 2px solid; SCROLLBAR-TRACK-COLOR: #0191c8; BORDER-RIGHT: #003399 2px solid; SCROLLBAR-3DLIGHT-COLOR: #003399">想說的話</div></div>


<div align=center>
<div style="SCROLLBAR-ARROW-COLOR: #000099; BORDER-BOTTOM: #ffcc00 2px solid; BORDER-LEFT: #ffcc00 2px solid; SCROLLBAR-FACE-COLOR: #ffcc00; BACKGROUND-COLOR: #ffffff; WIDTH: 400px; SCROLLBAR-DARKSHADOW-COLOR: #3399ff; HEIGHT: 100px; SCROLLBAR-HIGHLIGHT-COLOR: #cc6633; COLOR: #ffcc00; SCROLLBAR-SHADOW-COLOR: #ffcc66; FONT-SIZE: 10pt; OVERFLOW: auto; BORDER-TOP: #ffcc00 2px solid; SCROLLBAR-TRACK-COLOR: #fcc800; BORDER-RIGHT: #ffcc00 2px solid; SCROLLBAR-3DLIGHT-COLOR: #0099cc">想說的話</div></div>

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


立體嵌入線



<div align=center>
<div style="SCROLLBAR-ARROW-COLOR: #ff0066; BORDER-BOTTOM: #ffffff 4px inset; BORDER-LEFT: #ffffff 4px inset; SCROLLBAR-FACE-COLOR: #ff99ff; BACKGROUND-COLOR: #ffffff; WIDTH: 400px; SCROLLBAR-DARKSHADOW-COLOR: #cc0033; HEIGHT: 100px; SCROLLBAR-HIGHLIGHT-COLOR: #ffccff; COLOR: #ff99ff; SCROLLBAR-SHADOW-COLOR: #ff3399; FONT-SIZE: 10pt; OVERFLOW: auto; BORDER-TOP: #ffffff 4px inset; SCROLLBAR-TRACK-COLOR: #ffb2ff; BORDER-RIGHT: #ffffff 4px inset; SCROLLBAR-3DLIGHT-COLOR: #ff66ff">想說的話</div></div>


<div align=center>
<div style="SCROLLBAR-ARROW-COLOR: #660066; BORDER-BOTTOM: #ffffff 4px inset; BORDER-LEFT: #ffffff 4px inset; SCROLLBAR-FACE-COLOR: #cc99ff; BACKGROUND-COLOR: #ffffff; WIDTH: 400px; SCROLLBAR-DARKSHADOW-COLOR: #663333; HEIGHT: 100px; SCROLLBAR-HIGHLIGHT-COLOR: #ffccff; COLOR: #cc99ff; SCROLLBAR-SHADOW-COLOR: #996699; FONT-SIZE: 10pt; OVERFLOW: auto; BORDER-TOP: #ffffff 4px inset; SCROLLBAR-TRACK-COLOR: #ddbcff; BORDER-RIGHT: #ffffff 4px inset; SCROLLBAR-3DLIGHT-COLOR: #cccccc">想說的話</div></div>
---------------------------------------------------------------------------------------------------------------------------------------------------

立體隆起線



<div align=center>
<div style="SCROLLBAR-ARROW-COLOR: #660033; BORDER-BOTTOM: #ffffff 4px outset; BORDER-LEFT: #ffffff 4px outset; SCROLLBAR-FACE-COLOR: #66cc66; BACKGROUND-COLOR: #ffffff; WIDTH: 400px; SCROLLBAR-DARKSHADOW-COLOR: #6600cc; HEIGHT: 100px; SCROLLBAR-HIGHLIGHT-COLOR: #333333; COLOR: #66cc66; SCROLLBAR-SHADOW-COLOR: #6666cc; FONT-SIZE: 10pt; OVERFLOW: auto; BORDER-TOP: #ffffff 4px outset; SCROLLBAR-TRACK-COLOR: #baff75; BORDER-RIGHT: #ffffff 4px outset; SCROLLBAR-3DLIGHT-COLOR: #9999cc">想說的話</div></div>


<div align=center>
<div style="SCROLLBAR-ARROW-COLOR: #0066cc; BORDER-BOTTOM: #ffffff 4px outset; BORDER-LEFT: #ffffff 4px outset; SCROLLBAR-FACE-COLOR: #ffff00; BACKGROUND-COLOR: #ffffff; WIDTH: 400px; SCROLLBAR-DARKSHADOW-COLOR: #333300; HEIGHT: 100px; SCROLLBAR-HIGHLIGHT-COLOR: #333300; COLOR: #ffff00; SCROLLBAR-SHADOW-COLOR: #3399cc; FONT-SIZE: 10pt; OVERFLOW: auto; BORDER-TOP: #ffffff 4px outset; SCROLLBAR-TRACK-COLOR: #ffff7a; BORDER-RIGHT: #ffffff 4px outset; SCROLLBAR-3DLIGHT-COLOR: #0099cc">想說的話</div></div>

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


立體凹線



<div align=center>
<div style="SCROLLBAR-ARROW-COLOR: #ff9900; BORDER-BOTTOM: #ffffff 4px groove; BORDER-LEFT: #ffffff 4px groove; SCROLLBAR-FACE-COLOR: #003399; BACKGROUND-COLOR: #ffffff; WIDTH: 400px; SCROLLBAR-DARKSHADOW-COLOR: #000000; HEIGHT: 100px; SCROLLBAR-HIGHLIGHT-COLOR: #ff6600; COLOR: #003399; SCROLLBAR-SHADOW-COLOR: #934f2e; FONT-SIZE: 10pt; OVERFLOW: auto; BORDER-TOP: #ffffff 4px groove; SCROLLBAR-TRACK-COLOR: #9999ff; BORDER-RIGHT: #ffffff 4px groove; SCROLLBAR-3DLIGHT-COLOR: #3399cc">想說的話</div></div>


<div align=center>
<div style="SCROLLBAR-ARROW-COLOR: #660033; BORDER-BOTTOM: #ffffff 4px groove; BORDER-LEFT: #ffffff 4px groove; SCROLLBAR-FACE-COLOR: #66cc66; BACKGROUND-COLOR: #ffffff; WIDTH: 400px; SCROLLBAR-DARKSHADOW-COLOR: #6600cc; HEIGHT: 100px; SCROLLBAR-HIGHLIGHT-COLOR: #333333; COLOR: #66cc66; SCROLLBAR-SHADOW-COLOR: #6666cc; FONT-SIZE: 10pt; OVERFLOW: auto; BORDER-TOP: #ffffff 4px groove; SCROLLBAR-TRACK-COLOR: #baff75; BORDER-RIGHT: #ffffff 4px groove; SCROLLBAR-3DLIGHT-COLOR: #9999cc">想說的話</div></div>
-------------------------------------------------------------------------------------------------------------------------------------------------------

虛線



<div align=center>
<div style="SCROLLBAR-ARROW-COLOR: #663399; BORDER-BOTTOM: #9999ff 2px dashed; BORDER-LEFT: #9999ff 2px dashed; SCROLLBAR-FACE-COLOR: #ffffff; BACKGROUND-COLOR: #ffffff; WIDTH: 400px; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; HEIGHT: 100px; SCROLLBAR-HIGHLIGHT-COLOR: #9999ff; COLOR: #9999ff; SCROLLBAR-SHADOW-COLOR: #663399; FONT-SIZE: 10pt; OVERFLOW: auto; BORDER-TOP: #9999ff 2px dashed; SCROLLBAR-TRACK-COLOR: #e0e0ff; BORDER-RIGHT: #9999ff 2px dashed; SCROLLBAR-3DLIGHT-COLOR: #663399">想說的話</div></div>


<div align=center>
<div style="SCROLLBAR-ARROW-COLOR: #336699; BORDER-BOTTOM: #336699 2px dashed; BORDER-LEFT: #336699 2px dashed; SCROLLBAR-FACE-COLOR: #ffffff; BACKGROUND-COLOR: #ffffff; WIDTH: 400px; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; HEIGHT: 100px; SCROLLBAR-HIGHLIGHT-COLOR: #99ccff; COLOR: #336699; SCROLLBAR-SHADOW-COLOR: #336699; FONT-SIZE: 10pt; OVERFLOW: auto; BORDER-TOP: #336699 2px dashed; SCROLLBAR-TRACK-COLOR: #c6e2ff; BORDER-RIGHT: #336699 2px dashed; SCROLLBAR-3DLIGHT-COLOR: #336699">想說的話</div></div>
--------------------------------------------------------------------------------------------------------------------------------------------------------

點線



<div align=center>
<div style="SCROLLBAR-ARROW-COLOR: #0033cc; BORDER-BOTTOM: #33ccff 3px dotted; BORDER-LEFT: #33ccff 3px dotted; SCROLLBAR-FACE-COLOR: #33ccff; BACKGROUND-COLOR: #ffffff; WIDTH: 400px; SCROLLBAR-DARKSHADOW-COLOR: #003366; HEIGHT: 100px; SCROLLBAR-HIGHLIGHT-COLOR: #99ffff; COLOR: #33ccff; SCROLLBAR-SHADOW-COLOR: #006699; FONT-SIZE: 10pt; OVERFLOW: auto; BORDER-TOP: #33ccff 3px dotted; SCROLLBAR-TRACK-COLOR: #7fffff; BORDER-RIGHT: #33ccff 3px dotted; SCROLLBAR-3DLIGHT-COLOR: #0099ff">想說的話</div></div>


<div align=center>
<div style="SCROLLBAR-ARROW-COLOR: #339900; BORDER-BOTTOM: #339900 3px dotted; BORDER-LEFT: #339900 3px dotted; SCROLLBAR-FACE-COLOR: #99ff99; BACKGROUND-COLOR: #ffffff; WIDTH: 400px; SCROLLBAR-DARKSHADOW-COLOR: #009900; HEIGHT: 100px; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; COLOR: #339900; SCROLLBAR-SHADOW-COLOR: #33cc00; FONT-SIZE: 10pt; OVERFLOW: auto; BORDER-TOP: #339900 3px dotted; SCROLLBAR-TRACK-COLOR: #ccffcc; BORDER-RIGHT: #339900 3px dotted; SCROLLBAR-3DLIGHT-COLOR: #99ff00">想說的話</div></div>
--------------------------------------------------------------------------------------------------------------------------------------------------------

無框線



<div align=center>
<div style="SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-FACE-COLOR: #00cccc; BACKGROUND-COLOR: #ffffff; WIDTH: 400px; SCROLLBAR-DARKSHADOW-COLOR: #0000cc; HEIGHT: 100px; SCROLLBAR-HIGHLIGHT-COLOR: #ccffff; COLOR: #00cccc; SCROLLBAR-SHADOW-COLOR: #3399cc; FONT-SIZE: 10pt; OVERFLOW: auto; SCROLLBAR-TRACK-COLOR: #59cccc; SCROLLBAR-3DLIGHT-COLOR: #00cccc">想說的話</div></div>


<div align=center>
<div style="SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-FACE-COLOR: #00cc99; BACKGROUND-COLOR: #ffffff; WIDTH: 400px; SCROLLBAR-DARKSHADOW-COLOR: #00ffcc; HEIGHT: 100px; SCROLLBAR-HIGHLIGHT-COLOR: #33ffff; COLOR: #00cc99; SCROLLBAR-SHADOW-COLOR: #669966; FONT-SIZE: 10pt; OVERFLOW: auto; SCROLLBAR-TRACK-COLOR: #66e5cc; SCROLLBAR-3DLIGHT-COLOR: #ccffff">想說的話</div></div>
------------------------------------------------------------------------------------------------------------------------------------------------------------

文章區或自訂欄位自動捲軸產生語法





文章區或自訂欄位自動捲軸產生語法



 
語法:


<div style="POSITION: relative; HEIGHT: 輸入數值px; OVERFLOW: auto">輸入內容</div>

 


範例語法:


<div style="POSITION: relative; HEIGHT: 200px; OVERFLOW: auto">文章區或自訂欄位自動捲軸語法範例</div>



語法解說:

HEIGHT: 輸入數值px=高度以上範例200


 


文章區範例



 



 


自訂欄位區範例






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


有框線捲軸框語法



這是捲軸框語法可輸入文章內容、圖片或連結


<div align=center><div style="BORDER-BOTTOM: #780000 2px solid; BORDER-LEFT: #87e100 2px solid; BACKGROUND-COLOR: #fff0f0; WIDTH: 500px; HEIGHT: 100px; COLOR: #f00f00; FONT-SIZE: 40pt; OVERFLOW: auto; BORDER-TOP: #001e78 2px solid; BORDER-RIGHT: #f0e100 2px solid">這是捲軸框語法可輸入文章內容、圖片或連結</div></div>







 



無框線捲軸框語法




這是捲軸框語法可輸入文章內容、圖片或連結

<div align=center><div style="BACKGROUND-COLOR: #f0ff00; WIDTH: 500px; HEIGHT: 100px; COLOR: #3c0ff0; FONT-SIZE: 40pt; OVERFLOW: auto">這是捲軸框語法可輸入文章內容、圖片或連結</div></div>





 


無框線無背景色捲軸框語法



 


這是捲軸框語法可輸入文章內容、圖片或連結


<div align=center><div style="WIDTH: 500px; HEIGHT: 100px; COLOR: #3c0ff0; FONT-SIZE: 40pt; OVERFLOW: auto">這是捲軸框語法可輸入文章內容、圖片或連結</div></div>


 



 


 


BORDER-BOTTOM:下框線的顏色


BORDER-LEFT:左框線的顏色


BACKGROUND-COLOR:背景色


WIDTH:


HEIGHT:


COLOR:字體顏色


FONT-SIZE:字體大小


BORDER-TOP:上框線的顏色


BORDER-RIGHT:右框線的顏色


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



文章區加背景圖與顏色及外框語法



語法:




<table border=5 cellSpacing=6 cellPadding=10 background=圖片連結網址 align=center><tbody><tr><td>輸入心情記事</td>< /tr></tbody></table>



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





以上來自:吾愛鼯家亞&恩&我的袋中秘蜜







引用:http://tw.myblog.yahoo.com/jw!R.LG_UeaHBKsESHCfX.uaT0-/article?mid=17949

oreokimo 發表在 痞客邦 留言(0) 人氣()


歡迎與♧Amy甜甜屋♥分享







不會引用滴好友請參閱引用及懶人包引用需知教學



















1.將所選用的圖片網址,加到語法中
2.你的大頭貼下方 【編輯個人檔案】→ 【面板設定】→【自訂樣式】
3.將需要語法貼到自訂樣式(css語法)中


/*blog profile 部落格檔案、個人資料、自我介紹加圖片*/
table#bloginfo th {background:url(部落格檔案標題圖片的網址);}
table#bloginfo td {background:url(部落格檔案敘述圖片的網址);}
table#usrinfo th {background:url(個人資料標題圖片的網址);}
table#usrinfo td {background:url(個人資料敘述圖片的網址);}
#yusrintro p {background:url(自我介紹圖片的網址);}


 


【更換標題圖】


BODY { Font-Family: verdana; TEXT-ALIGN: center; }
#yblogtitle h1 {
    display:block;
    float:left;
    background:url(圖片網址) 0 0 no-repeat;
    width:px;
    height:px;
    font-size:0;
    line-height:0;
    text-indent:-5000px;
    overflow:hidden;
    cursor:pointer;
    cursor:hand;}


Opacity for blast招呼語字體顏色圖框置中


#yblast .text{color:#字體顏色;}
#yblast{
text-align:center}
#yblast .text{font-size:
14px(字體的尺寸);font-weight:bolder}
#yblast .bg{background-image:url(
網址);background-repeat:no-repeat; background-position:50%(圖檔左右移動) 80%(招呼語圖下邊緣與中間最新文章距離);width:540px(圖檔的寬度);height:66px(圖檔的高度)}


招呼語不設定圖檔以文字替


/*招呼語色+調整高度+置中+字體大小*/
#yblast .bg {background: transparent no-repeat}
#yblast .text{color
:#ffffff;padding-top:30px;}
#yblast{
text-align:center}
#yblast .text{font-
size:14px;font-weight:bolder}


 


【更換性別圖】


/*更換性別圖*/
#ymodprf .horos img{display:none;}
#ymodprf .horos{width:px;height:px;background:url(圖片網址) center no-repeat;}


【更換訂閱圖】


/*btnsbsrb更換訂閱部落格圖示*/
div#btnsbsrb a{display:block;width:px;height:px;overflow:hidden;background:url(圖片網址) no-repeat;margin:0;}
div#btnsbsrb_nologin a{display:block;width:px;height:px;overflow:hidden;background:url(圖片網址) no-repeat;margin:0;}
#yblogtitle .tft {text-align:right;padding-bottom:0px;position:relative;}


【更換背景圖】


背景圖固定


『需調整角度』


/*Background*/
body {
background-image: url(圖片網址);
background-repeat:no-repeat ;
background-position :50% 50%;
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%; 右邊下方


『以圖片大小』


/*Background*/
body{background-image:url(圖片網址);background-attachment:fixed;}


背景圖重複


/*Background背景圖重複*/
body{background:#000000 url(圖片網址) repeat;}


【更換回應引用圖】


/*make coomment bar*/div.btncomment a {display:block;height:px;width:px;background:url(回應圖網址) no-repeat;}div.btntrackback a {display:block;height:px;width:px;background:url(引用圖網址) no-repeat;}


/*guestbook留言版加圖片*/


#ymsgboard q a {background:url(留言板按鈕圖網址) ;}
#ymsgboard .mhd {background:url(留言板標題圖網址) ;}
#ymsgboard .mbd {background:url(留言板底圖網址) ;}


【更換滑鼠游標】


一種游標


body{cursor:url(游標圖檔)}


兩種游標


body{cursor:url(游標圖檔1)}
a:hover{cursor:url(游標網址2)}


【更換邊框】


無框線版面-讓整個部落格框線消失語法"


/*shared rounded corner for all modules無框線語法*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url() left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url() right top no-repeat;height:5px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url() left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url() right bottom no-repeat;height:5px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:5px;background:url() repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:5px;background:url() right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}


邊框線面板-多重框框語法"


/*Opacity for blogtitle*/
#yblogtitle .rctop, #blogtitle .rctop div, #yblogtitle .rcl, #yblogtitle .rcr, #yblogtitle .rcbtm, #yblogtitle .rcbtm div {zoom:1; filter:alpha(opacity:70)
border-bottom:3px double 色碼;
border-top:3px double 色碼;
border-left:3px double 色碼;
border-right:3px double 色碼}


 


/*Opacity for main content*/
.yc3pribd .rctop,.yc3pribd .rctop div,.yc3pribd .rcl,.yc3pribd .rcr,.yc3pribd .rcbtm,.yc3pribd .rcbtm div {zoom:1; filter:alpha(opacity:70)
border-bottom:3px double 色碼;
border-top:3px double 色碼;
border-left:3px double色碼;
border-right:3px double 色碼}


 


/*Opacity for sub column*/
.yc3subbd .rctop,.yc3subbd .rctop div,.yc3subbd .rcl,.yc3subbd .rcr,.yc3subbd .rcbtm,.yc3subbd .rcbtm div, .yc3sec .rctop,.yc3sec .rctop div,.yc3sec .rcl,.yc3sec .rcr,.yc3sec .rcbtm,.yc3sec .rcbtm div {zoom:1; filter:alpha(opacity:70)
border-bottom:3px double 色碼;
border-top:3px double 色碼;
border-left:3px double 色碼;
border-right:3px double 色碼}


 


邊框圖版面-讓整個部落格加邊框圖語法"


/*shared rounded corner for all modules加框語法*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(上邊框圖檔網址) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(右上角圖檔網址) right top no-repeat;height:30px;font-size:0;position:relative;right:-5px;}


.ycntmod .rcbtm {zoom:1;background:url(下邊框圖檔網址) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(右下角圖檔網址) right bottom no-repeat;height:30px;font-size:0;position:relative;right:-5px;}


.ycntmod .rcl {padding-left:12px;background:url(左邊框圖檔網址) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:12px;background:url(右邊框圖檔網址) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}


【自定欄位貼圖】


沒連結


<img src="圖檔網址">


有連結


<a href="連結網址"><img src=" 圖片網址"><a>></a>


【自定欄位貼樂果】樂果=LOGO


<center><p></p>
<p><a href="網址"><img src="圖片網址" alt=""""""""""""""""""""""""註解文字"""""""""""""""""""""""" border="0" width="88" height="31"></a></p> <p><table border="1" width="126" cellspacing="0"><tr><td>&lt;a href=&quot;網址&quot;&gt;&lt;img src=&quot;圖片網址&quot; alt=""""""""""""""""""""""""&quot;註解文字&quot;"""""""""""""""""""""""" border=&quot;0&quot;&gt;&lt;/a&gt;</td></tr></table><br></center>


目錄放置


<IMG src=目錄圖網址>
<A href="留言網址"><IMG src="留言圖片網址"></A>
<A href="相簿網址"><IMG src="相簿圖片網址"></A>
<A href="自製網址"><IMG src="自製圖片網址"></A>


文字連結語法


<a href="網址">文字</a>



【框線語法】


 


/*部落格大框線*/
body {border: 框線大小px double #框線色碼;}


/*部落格周圍框線*/
html{
border-top : 大小px solid #色碼;
border-bottom : 大小px solid #色碼;
border-left : 大小px solid #色碼;
border-right : 大小px solid #色碼; }


【按鈕框框】


/*按鈕框框*/
input,select{
background: #框底色碼;
color: #文字色碼;
border: 1px solid #框線色碼;
FONT-SIZE: 9px;
font-family:verdana;}


【Links連結效果】


/*Links連結去底線*/
a,a:link,a:visited{color:#未連結時色碼;text-decoration: none}
a:hover{color:#連結時色碼;text-decoration: none;}


/*Links連結浮出效果*/
a:hover{ border: 2px #文字色碼 outset }


 


/*Links連結移下效果*/
a:hover { position:relative;top:1px;left:1px;}


【隱藏相關語法】


/*Profile隱藏自我介紹欄*/
#ymodprf{display:none}


/*隱藏部落格標題*/
#yblogtitle{display:none;}



/*隱藏部格描述*/
#yblogtitle .mbd .tbd{display:none;}


/*隱藏名稱標題*/
#yblogtitle h1{display:none}
#yblogtitle .mbd .thd{display:none}


/*隱藏窄欄框上的『上傳個人相片』及『編輯個人檔案』按鈕*/
#ymodprf .btneditprf a {display:none;}
#ymodprf .btnulprfphoto a {display:none;}


/*Blog album module隱藏部落格相簿欄位*/
#ymodalbum{display:none;}


/*隱藏留言板*/
#ymodmsgbd h3{display:none}


/*隱藏我要留言免受廣告干擾*/
#yblast .text a{display:none;}


隱藏【留言時間


.yvstrcmnthd .date {display:none;}
.yvstrcmnthd cite {display:none;}


/*招呼語圖框 我要留言 字樣刪除*/
#yblast .text a{display:none;}


/*隱藏招呼語*/
#yblast{display:none;}


/*Blog latest update module隱藏更新日期欄*/
#ymodupdate{display:none}


/*隱藏搜尋欄位*/


#boxSearch{display:none;}


/*隱藏回應欄、隱藏回應*/
#yartcmt{display:none;}


/*隱藏最新回應欄位*/


#boxNewComment{display:none;}


/*隱藏回應按鈕*/
div.btncomment a {display:none;}


/*隱藏回應欄位*/
#rtemodule {display:none;}


/*隱藏引用*/
#yarttrk{display:none;}


/*隱藏參觀人氣欄位*/#boxCounter{display:none;}



/*隱藏參觀人氣字樣*/.boxCountero{display:none;}



/*隱藏參觀人氣標題*/.boxCounter1{display:none;}


/*隱藏rss圖示*/.syndicate{display:none;}


/*獨立顯示留言板按鈕*/
#ymodmsgbd .mhd {display:block;}


/*獨立顯示相簿按鈕*/
#ymodalbum .mhd {display:block;}


/*隱藏內文發表日期*/
/*隱藏發文時間*/
#ypartsingle .date,#yarticle .date {display:none}


隱藏 ( 個 ) 篇文章引用按鈕 (HTML編輯中,在最後面加入一段語法)


<style>
<!--
.btntrackback{visibility:hidden;}
-->
</style>


隱藏 個人暱稱


#ymodprf .nickname{display:none}


隱藏 個人星座


#ymodprf .horos{display:none}


隱藏 性別小圖示


#ymodprf .horos img {display:none}


/*隱藏月曆欄位*/
#ymodcal{display:none;}



/*隱藏統計資料欄位*/
#ymodstats{display:none;}


/*強制下方捲軸不出現*/
body{overflow-x:hidden;}


/*Blog category list module隱藏左右欄位標題*/
.yc3sec .mhd,.yc3sub .mhd{display:none}
.yc3sec .mbd,.yc3sub .mbd{zoom:1;filter:alpha(opacity:底圖透明度)}


/*Article隱藏文章寬欄位*/.yc3pribd .mhd{display:none}
.yc3pribd .mbd{zoom:1;filter:alpha(opacity:底圖透明度)}


/*隱藏文章分類欄位*/
#ymodfolder{display:none;}


/* 隱藏頁首和頁尾*/
#yhtw_masthead,#yhtw_mastfoot{display:none;}


/*隱藏下方捲軸奇摩頁尾*/
body{overflow-x:hidden;}#yhtw_mastfoot{display:none;}


/* 隱藏整個部落格*/


body{background-image:url(背景圖網址); background-attachment:fixed;}
.ycntmod { filter:alpha(opacity:0); }


隱藏【訂閱部落格】IE瀏覽器


#btnsbsrb_nologin{display:none;}


/*Opacity for blast 隱藏整個部落格語法*/Firefox 火狐瀏覽器


#yblast .bg {filter:alpha(opacity:0); }
#ymodprf {display:none;}
#usrinfo {display:none;}
#yblast {display:none}
#yleavemsg {display:none}
#ymsgboard {display:none}
#ymodalbum, #yphtgallery {display:none}
#ymodupdate {display:none}
#ybloginfo, #yusrintro {display:none }
#btnsbsrb_nologin {display:none}
#yartcmt {display:none}
.ycmntreply {display:none}
#rtemodule {display:none}
#yarticle, #ysbscrblist {display:none }
#yBlogtitle .mbd, #yBlogtitle .mft{color:000000; filter:alpha(opacity=0);}
#yblogtitle a {text-decoration: none}
#yblogtitle .rctop, #yblogtitle .rctop div, #yblogtitle .rcbtm, #yblogtitle .rcbtm div, #yblogtitle .rcl, #yblogtitle .rcr { filter:alpha(opacity:0) }
.tft #btnsbsrb { display:none }
#yusrinfo { display:none }
#yhtw_mastfoot {display:none}


【鎖右鍵語法】


/*滑鼠鎖右鍵專用語法document body oncontextmenur*/
body {star:expression( document.body.oncontextmenu  = function(){return false;});}


 


















轉載文章請【引 用】註明出處連結Logo


引用:http://tw.myblog.yahoo.com/jw!CUN9L0SLGRSg0Td5S5I-/article?mid=21160

oreokimo 發表在 痞客邦 留言(0) 人氣()


 


文章框架(收集)




 





































































































































































亮麗文章框黑色文章框學習多層框
學習基本框鏤空文章框雙框系列框
學習二閃框學習深色框 學習多層框
學習簡易框銀白邊框框 隨性文章框
可愛圖片框紫色文章框星星雙線框
同色豪華框虛線點點框簡單圖片框
立體凹線框簡單文章框戀花花兒框
戀花玫瑰框閃閃文章框深色亮麗框
星星磚點框戀花學習框閃鑽文章框
閃亮文章框 學習色碼框音樂文章框
外框立體框蓮花文章框簡單最美框
外框立體~二 寬框文章框 框架加顏色
同色系列框點點星星框深色雙線
動圖立體框 多層立體框學短文裝飾
美女圖框立體文章框流星文章框
溫馨文章框溫馨文章框2溫馨文章框3
色碼文章框框圖文編輯淡雅情境立體框框
立體同色框立體框框3 棕の澄玩變化框
百花撩亂框框 應該素框框 不規則文章框
動人心弦框框 不規則立體框框框隨意改
隨意不規則立體就是戀花立體框玩弄花兒框
就是愛玩弄花兒浪漫情懷框框浪漫情懷框框二
自繪圖變化框框 自繪圖變化框(二)簡單也浪漫文章框
框框編輯淡雅花二 簡單立體文章框動人心弦圖文框
立體框搭配flash圖立體框框搭配flash圖二 立體框框搭配flash圖三
浪漫情懷框框三 就是愛玩弄花兒框 實用框嵌入+隆起
波動閃框花圖文章框彩虹邊文章框框同色框(嵌入+隆起)
浪漫~圖文編輯框(二) 浪漫~圖文編輯框隨意玩框框
淡雅時針+文章框框浪漫~圖文編輯框(二) 多層模式立體文章框框
玩弄~立體文章框框立體框框搭配flash圖(八)隨意玩框框(二)
閃鑽變化立體寬框變化立體立體框框搭配flash圖(六)
立體文章框2圖文淡雅花玩弄變化框 立體框框搭配flash圖(九)
秋季色彩變化框框綻放之美~文章框框 立體框框搭配flash圖(四)
立體框框搭配flash圖(七)立體框框搭配flash圖(五)立體框框搭配flash圖(十)

分段式文章圖框~黑嘉丽



tina 製4款多段式輸入文字~381


歐風唯美插畫框架文章框

喵喵文框~75黑色系篇



薇妮製風景文章框(7)swf



適合文章公告swf-11


情境圖框動畫文章框-下午茶

FLASH動畫文章框-2



花間圖框


薇妮製風景文章框(4)swf



FLASH動畫文章框-1


文章框架(收集)


實用文章框*来一杯


秋之美文章框(75)


欄 40, 列 1

文章框架十組

欄 40, 列 3


























































































































































                                                                             
文章框架加捲軸










<P align=center>
<TABLE id=table6 style="BORDER-RIGHT: golenrod 1px dashed; BORDER-TOP: golenrod 1px dashed; BORDER-LEFT: golenrod 1px dashed; BORDER-BOTTOM: golenrod 1px dashed" cellSpacing=5 cellPadding=3 width=528 bgColor=golenrod>
<TBODY>
<TR>
<TD style="BORDER-RIGHT: #b4fc00 1px dashed; BORDER-TOP: #b4fc00 1px dashed; BORDER-LEFT: #b4fc00 1px dashed; BORDER-BOTTOM: #b4fc00 1px dashed" bgColor=#b4fc00>
<TABLE id=table7>
<TBODY>
<TR>
<TD style="PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px" bgColor=white>
<P align=center><FONT color=#006c00 size=2>文字貼在此處</FONT></P></TD></TR></TBODY& gt;</TABLE></TD></TR></TBODY></TABLE></P>




文章框架加捲軸(亮綠)
<div style="OVERFLOW:auto;HEIGHT:400px;SCROLLBAR-TRACK-COLOR: #d8fc90;SCROLLBAR-FACE-COLOR: #6cd800;SCROLLBAR-HIGHLIGHT-COLOR: #d8fc24;SCROLLBAR-SHADOW-COLOR: #d8fc24;SCROLLBAR-3DLIGHT-COLOR: #d8fc24;SCROLLBAR-DARKSHADOW-COLOR: #d8fc24;SCROLLBAR-ARROW-COLOR: #489048;">文章寫入位置<div>











文字貼在此處




文章框架加捲軸(紫色)
<div style="OVERFLOW:auto;HEIGHT:400px;SCROLLBAR-TRACK-COLOR: #ded5ff;SCROLLBAR-FACE-COLOR: #b424fc;SCROLLBAR-HIGHLIGHT-COLOR: #d890fc;SCROLLBAR-SHADOW-COLOR: #d890fc;SCROLLBAR-3DLIGHT-COLOR: #d890fc;SCROLLBAR-DARKSHADOW-COLOR: #d890fc;SCROLLBAR-ARROW-COLOR: #6c0090;">文章寫入位置<div>











文字貼在此處




文章框架加捲軸(黃色)
<div style="OVERFLOW:auto;HEIGHT:400px;SCROLLBAR-TRACK-COLOR: #fcfcb4;SCROLLBAR-FACE-COLOR: #fc9024;SCROLLBAR-HIGHLIGHT-COLOR: #fcfc00;SCROLLBAR-SHADOW-COLOR: #fcfc00;SCROLLBAR-3DLIGHT-COLOR: #fcfc00;SCROLLBAR-DARKSHADOW-COLOR: #fcfc00;SCROLLBAR-ARROW-COLOR: #fcfc00;">文章寫入位置<div>












文字貼在此處





文章框架加捲軸(亮藍)
<div style="OVERFLOW:auto;HEIGHT:400px;SCROLLBAR-TRACK-COLOR: #b4fcfc;SCROLLBAR-FACE-COLOR: #48fcfc;SCROLLBAR-HIGHLIGHT-COLOR: #0090fc;SCROLLBAR-SHADOW-COLOR: #0090fc;SCROLLBAR-3DLIGHT-COLOR: #0090fc;SCROLLBAR-DARKSHADOW-COLOR: #0090fc;SCROLLBAR-ARROW-COLOR: #0090fc;">文章寫入位置<div>










文字貼在此處



 

文章框架加捲軸(橘黃)
<div style="OVERFLOW:auto;HEIGHT:400px;SCROLLBAR-TRACK-COLOR: #fcb400;SCROLLBAR-FACE-COLOR: #fc9024;SCROLLBAR-HIGHLIGHT-COLOR: #fc0000;SCROLLBAR-SHADOW-COLOR: #fc0000SCROLLBAR-3DLIGHT-COLOR: #fc0000;SCROLLBAR-DARKSHADOW-COLOR: #fc0000;SCROLLBAR-ARROW-COLOR: #fc0000;">文章寫入位置<div>











文字貼在此處




文章框架加捲軸(粉紅)
<div style="OVERFLOW:auto;HEIGHT:400px;SCROLLBAR-TRACK-COLOR: #fcfcfc;SCROLLBAR-FACE-COLOR: #fcb4d8;SCROLLBAR-HIGHLIGHT-COLOR: #d8006c;SCROLLBAR-SHADOW-COLOR: #d8006c;SCROLLBAR-3DLIGHT-COLOR: #d8006c;SCROLLBAR-DARKSHADOW-COLOR: #d8006c;SCROLLBAR-ARROW-COLOR: #d8006c;">文章寫入位置<div>


 










文字貼在此處




文章框架加捲軸(磚紅色)
<div style="OVERFLOW:auto;HEIGHT:400px;SCROLLBAR-TRACK-COLOR: #fcfcfc;SCROLLBAR-FACE-COLOR: #b44800;SCROLLBAR-HIGHLIGHT-COLOR: #fcd8d8;SCROLLBAR-SHADOW-COLOR: #fcd8d8;SCROLLBAR-3DLIGHT-COLOR: #b44800;SCROLLBAR-DARKSHADOW-COLOR: #b44800;SCROLLBAR-ARROW-COLOR: #fcfcfc;">文章寫入位置<div>


 










文字貼在此處



 

文章框架加捲軸
<div style="OVERFLOW:auto;HEIGHT:600px;SCROLLBAR-TRACK-COLOR: #a881a0;SCROLLBAR-FACE-COLOR: #904848;SCROLLBAR-HIGHLIGHT-COLOR: #b490d8;SCROLLBAR-SHADOW-COLOR: #b490d8;SCROLLBAR-3DLIGHT-COLOR: #904848;SCROLLBAR-DARKSHADOW-COLOR: #904848;SCROLLBAR-ARROW-COLOR: #b490d8;">文章寫入位置<div>



 










文字貼在此處





文章框架加捲軸(黑色)
<div style="OVERFLOW:auto;HEIGHT:400px;SCROLLBAR-TRACK-COLOR: #a9a9a9;SCROLLBAR-FACE-COLOR: #000000;SCROLLBAR-HIGHLIGHT-COLOR: #a9a9a9;SCROLLBAR-SHADOW-COLOR: #a9a9a9;SCROLLBAR-3DLIGHT-COLOR: #a9a9a9;SCROLLBAR-DARKSHADOW-COLOR: #a9a9a9;SCROLLBAR-ARROW-COLOR: #ffffff;">文章寫入位置<div>
                                                                                           





oreokimo 發表在 痞客邦 留言(0) 人氣()



 



*網頁超連結

語法說明:
















/*主題*/內容標題{常用修改樣式}
/*Links網頁超連結*/a,a:link,a:visited
(原始超連結文字)
color:#FFFFFF(字體顏色)
font-family:新細明體(文字字型)
font-size:9px(文字尺寸)
font-weight:bold(文字粗體)
background-color:#FFFFFF(文字背景顏色)
position:relative;top:2px;left:2px(文字位移數值)
text-decoration:none(刪除底線)
a:hover
(滑鼠經過時變化)
color:#FFFFFF(字體顏色)
font-family:新細明體(文字字型)
font-size:9px(文字尺寸)
font-weight:bold(文字粗體)
background-color:#FFFFFF(文字背景顏色)
background-image:url(http://圖檔網址.gif)(文字背景圖檔)
border:1px dotted #FFFFFF(文字點狀框線)
position:relative;top:2px;left:2px(文字位移數值)
text-decoration:none(刪除底線)


 


範例:


/*Links網頁超連結*/
a,a:link,a:visited{color:#6600CC;text-decoration:none}
a: hover{color:#FFFF00;background-image:url(http://圖檔網址.gif);background- repeat:repeat;border:1px dotted #6600CC;position:relative;top:1px;left:1px}


 



*部落格背景


語法說明:


 












/*主題*/內容標題{常用修改樣式}
/*Background部落格背景*/body
(整個部落格背景)
background-color:#FFFFFF(背景顏色)
background-image:url(http://圖檔網址.gif)(背景圖檔)
background-attachment:fixed(背景固定不動)
background-repeat:repeat(背景重複排列)
background-repeat:no-repeat(單一背景不重複)
background-repeat:repeat-x(背景在x軸重複排列)
background-repeat:repeat-y(背景在y軸重複排列)
background-position:0% 0%(單一背景在x與y軸的位置)
border:10px double #FFFFFF(背景加雙框線)

 


範例:


/*Background部落格背景*/
body{background-color:#9966FF;background-image:url(http://圖檔網址.gif);background-attachment:fixed}


 



*奇摩置頂欄


語法說明:


 





















/*主題*/內容標題{常用修改樣式}
/*Master header奇摩置頂欄*/#yhtw_masthead
(整列置頂欄)
display:none(不顯示)
background-color:#FFFFFF(背景顏色)
background-image:url(http://圖檔網址.gif)(背景圖檔)
background-repeat:no-repeat(單一背景不重複)
color:#FFFFFF(字體顏色)
font-family:新細明體(文字字型)
font-weight:bold(文字粗體)
border:3px double #FFFFFF(背景加雙框線)
filter:alpha(opacity=50)(背景透明度)
#yhtw_masthead .mhlogo
(部落格logo)
display:none(不顯示)
background-color:#FFFFFF(背景顏色)
border:3px double #FFFFFF(背景加雙框線)
font-family:新細明體(文字字型)
#yhtw_masthead .mhuser
(您好會員登出會.....)
display:none(不顯示)
background-color:#FFFFFF(背景顏色)
border:3px double #FFFFFF(背景加雙框線)
font-family:新細明體(文字字型)
#yhtw_masthead .mhsch
(請選擇功能服務.....)
display:none(不顯示)
background-color:#FFFFFF(背景顏色)
border:3px double #FFFFFF(背景加雙框線)
color:#FFFFFF(字體顏色)
font-family:新細明體(文字字型)
filter:alpha(opacity=50)(背景透明度)

 


範例:


/*Master header奇摩置頂欄*/
#yhtw_masthead{display:none}


 



*奇摩置底欄


語法說明:


 












/*主題*/內容標題{常用修改樣式}
/*Master foot奇摩置底欄*/#yhtw_mastfoot
(整列置底欄)
display:none(不顯示)

 


範例:


/*Master foot奇摩置底欄*/
#yhtw_mastfoot{display:none}


 



*主標題欄位


語法說明:


 
























/*主題*/內容標題{常用修改樣式}
/*Blog title主標題欄位*/#yblogtitle .mbd
(整個主標題欄)
background-color:#FFFFFF(背景顏色)
background-image:url(http://圖檔網址.gif)(背景圖檔)
background-repeat:no-repeat(單一背景不重複)
background-position:0% 0%(單一背景在x與y軸的位置)
border:3px double #FFFFFF(背景加雙框線)
text-align:center(文字位置)
zoom:1;filter:alpha(opacity:0)(背景透明度)
#yblogtitle .mbd .thd
(主標題文字)
background-color:#FFFFFF(背景顏色)
background-image:url(http://圖檔網址.gif)(背景圖檔)
background-repeat:no-repeat(單一背景不重複)
background-position:0% 0%(單一背景在x與y軸的位置)
border:3px double #FFFFFF(背景加雙框線)
font-family:新細明體(文字字型)
font-size:9px(文字尺寸)
text-align:center(文字位置)
width:60px; height:60px(欄位尺寸)
#yblogtitle h1
(主標題文字超連結)
display:block; float:left(以圖檔為超連結)
background-color:#FFFFFF(背景顏色)
background-image:url(http://圖檔網址.gif)(背景圖檔)
background-repeat:no-repeat(單一背景不重複)
background-position:0% 0%(單一背景在x與y軸的位置)
color:#FFFFFF(字體顏色)
font-weight:bold(文字粗體)
text-align:center(文字位置)
width:60px; height:60px(欄位尺寸)
#yblogtitle .mbd .tbd
(描述文字)
display:none(不顯示)
background-color:#FFFFFF(背景顏色)
background-image:url(http://圖檔網址.gif)(背景圖檔)
background-repeat:no-repeat(單一背景不重複)
background-position:0% 0%(單一背景在x與y軸的位置)
border:3px double #FFFFFF(背景加雙框線)
color:#FFFFFF(字體顏色)
font-family:新細明體(文字字型)
#yblogtitle .rctop,
#yblogtitle .rctop div,
#yblogtitle .rcl,
#yblogtitle .rcr,
#yblogtitle .rcbtm,
#yblogtitle .rcbtm div
(整欄及框線)
zoom:1;filter:alpha(opacity:0)(背景透明度)

 


範例:


/*Blog title主標題欄位*/
#yblogtitle .mbd{text-align:center}
#yblogtitle .mbd .thd{background-image:url(http://圖檔網址.gif);background-repeat:no-repeat; background-position:0% 100%;width:380px;height:45px;font-size:16px;text-align:right}
#yblogtitle h1{color:#FFFFFF;font-weight:bold}
#yblogtitle .mbd .tbd{display:none}
#yblogtitle .rctop,#yblogtitle .rctop div,#yblogtitle .rcl,#yblogtitle .rcr,#yblogtitle .rcbtm,#yblogtitle .rcbtm div{zoom:1;filter:alpha(opacity:0)}


 



*招呼語欄


語法說明:


 


















/*主題*/內容標題{常用修改樣式}
/*Blog blast module招呼語欄位*/#yblast
(整個招呼語欄)
text-align:center(文字位置)
filter:alpha(opacity=50)(背景透明度)
#yblast .bg
(招呼語欄背景)
background-color:#FFFFFF(背景顏色)
background-image:url(http://圖檔網址.gif)(背景圖檔)
background-repeat:no-repeat(單一背景不重複)
background-position:0% 0%(單一背景在x與y軸的位置)
border:10px double #FFFFFF(背景加雙框線)
filter:alpha(opacity=50)(背景透明度)
width:60px; height:60px(欄位尺寸)
#yblast .text
(招呼語文字)
display:none(不顯示)
color:#FFFFFF(字體顏色)
font-family:新細明體(文字字型)
font-size:9px(文字尺寸)
font-weight:bold(文字粗體)
text-align:center(文字位置)
filter:alpha(opacity=50)(背景透明度)

 


範例:


/*Blog blast module招呼語欄位*/
#yblast{text-align:right}
#yblast .bg{background-image:url(http://圖檔網址.gif);background-repeat:no-repeat;width:150px;height:30px}
#yblast .text{font-size:10px}


 



*文章欄


語法說明:


 





















/*主題*/內容標題{常用修改樣式}
/*Article文章寬欄位*/.yc3pribd .mhd
(文章標題欄)
display:none(不顯示)
background-color:#FFFFFF(背景顏色)
background-image:url(http://圖檔網址.gif)(背景圖檔)
background-repeat:no-repeat(單一背景不重複)
background-position:0% 0%(單一背景在x與y軸的位置)
border:10px double #FFFFFF(背景加雙框線)
color:#FFFFFF(字體顏色)
font-family:新細明體(文字字型)
font-size:9px(文字尺寸)
font-weight:bold(文字粗體)
text-align:center(文字位置)
filter:alpha(opacity=50)(背景透明度)
.yc3pribd .mbd
(文章內容欄)
background-color:#FFFFFF(背景顏色)
background-image:url(http://圖檔網址.gif)(背景圖檔)
background-attachment:fixed(背景固定不動)
background-repeat:repeat(背景重複排列)
background-repeat:no-repeat(單一背景不重複)
background-position:0% 0%(單一背景在x與y軸的位置)
border:10px double #FFFFFF(背景加雙框線)
color:#FFFFFF(字體顏色)
font-family:新細明體(文字字型)
font-size:9px(文字尺寸)
font-weight:bold(文字粗體)
text-align:center(文字位置)
zoom:1;filter:alpha(opacity:0)(背景透明度)
.blgtitlebar h2
(文章內容標題)
display:none(不顯示)
background-color:#FFFFFF(背景顏色)
background-image:url(http://圖檔網址.gif)(背景圖檔)
background-repeat:no-repeat(單一背景不重複)
background-position:0% 0%(單一背景在x與y軸的位置)
border:10px double #FFFFFF(背景加雙框線)
color:#FFFFFF(字體顏色)
font-family:新細明體(文字字型)
font-size:9px(文字尺寸)
font-weight:bold(文字粗體)
text-align:center(文字位置)
zoom:1;filter:alpha(opacity:0)(背景透明度)
.yc3pribd .rctop,
.yc3pribd .rctop div,
.yc3pribd .rcl,
.yc3pribd .rcr,
.yc3pribd .rcbtm,
.yc3pribd .rcbtm div
(整欄及框線)
zoom:1;filter:alpha(opacity:0)(背景透明度)

 


範例:


/*Article文章寬欄位*/
.yc3pribd .mhd{display:none}
.yc3pribd .mbd{color:#6600CC;font-size:10px;zoom:1;filter:alpha(opacity:0)}
.blgtitlebar h2{background-image:url(http://圖檔網址.gif);background-repeat:no-repeat;color:#FFFF00;padding-left:30px}
.yc3pribd .rctop,.yc3pribd .rctop div,.yc3pribd .rcl,.yc3pribd .rcr,.yc3pribd .rcbtm,.yc3pribd .rcbtm div{zoom:1;filter:alpha(opacity:0)}


 



*左右窄欄


語法說明:


 



























/*主題*/內容標題{常用修改樣式}
/*Blog category list module左右窄欄位*/.yc3sec .mhd,.yc3sub .mhd
(左右上標欄)
display:none(不顯示)
background-color:#FFFFFF(背景顏色)
background-image:url(http://圖檔網址.gif)(背景圖檔)
background-repeat:repeat(背景重複排列)
background-repeat:no-repeat(單一背景不重複)
background-position:0% 0%(單一背景在x與y軸的位置)
border:10px double #FFFFFF(背景加雙框線)
filter:alpha(opacity=50)(背景透明度)
.yc3sec .mhd h3,.yc3sub .mhd h3
(左右欄標題文字)
background-color:#FFFFFF(背景顏色)
background-image:url(http://圖檔網址.gif)(背景圖檔)
background-repeat:no-repeat(單一背景不重複)
background-position:0% 0%(單一背景在x與y軸的位置)
color:#FFFFFF(字體顏色)
font-family:新細明體(文字字型)
font-size:9px(文字尺寸)
font-weight:bold(文字粗體)
text-align:center(文字位置)
zoom:1;filter:alpha(opacity:0)(背景透明度)
.yc3sec .mbd,.yc3sub .mbd
(左右欄內容)
background-color:#FFFFFF(背景顏色)
background-image:url(http://圖檔網址.gif)(背景圖檔)
background-repeat:repeat(背景重複排列)
background-repeat:no-repeat(單一背景不重複)
background-position:0% 0%(單一背景在x與y軸的位置)
color:#FFFFFF(字體顏色)
font-family:新細明體(文字字型)
font-size:9px(文字尺寸)
text-align:center(文字位置)
zoom:1;filter:alpha(opacity:0)(背景透明度)
.ycntmod .mbd ul.list li
(標前圖示)
background-image:url(http://圖檔網址.gif)(背景圖檔)
background-repeat:no-repeat(單一背景不重複)
padding-left:25px(標題位移數值)
_line-height:1.5em(標題行距倍數)
.ycntmod .mbd ul.list li.more
(所有文章及更多回應)
background-image:url(http://圖檔網址.gif)(背景圖檔)
background-repeat:no-repeat(單一背景不重複)
.yc3sec .rctop,
.yc3sec .rctop div,
.yc3sec .rcl,
.yc3sec .rcr,
.yc3sec .rcbtm,
.yc3sec .rcbtm div,
.yc3sub .rctop,
.yc3sub .rctop div,
.yc3sub .rcl,
.yc3sub .rcr,
.yc3sub .rcbtm,
.yc3sub .rcbtm div
(整欄及框線)
zoom:1;filter:alpha(opacity:0)(背景透明度)

 


範例:


/*Blog category list module左右窄欄位*/
.yc3sec .mhd,.yc3sub .mhd{filter:alpha(opacity=0)}
.yc3sec .mhd h3,.yc3sub .mhd h3{background:url(http://圖檔網址.gif);background-repeat:no-repeat;color: #FFFFFF;font-weight:bold;font-size:12px;padding-left:25px;padding-top:5px}
.yc3sec .mbd,.yc3sub .mbd{color:#6600CC;font-size:10px;zoom:1;filter:alpha(opacity:0)}
.ycntmod .mbd ul.list li{background-image:url(http://圖檔網址.gif);background-repeat:no-repeat; padding-left:25px;padding-top:10px;_line-height:1.5em}
.ycntmod .mbd ul.list li.more{background-image:url(http://圖檔網址.gif);background-repeat:no-repeat}
.yc3sec .mhd a:visited,.yc3subbd .mhd a:visited{color:#FFFFFF}


 



*欄位框線圖


語法說明:


 



























/*主題*/內容標題{常用修改樣式}
/*Shared rounded corner for all modules欄位框線圖*/.ycntmod .rctop
(框線左上角)
background:url(http://圖檔網址.gif) left top no-repeat(左上框線圖檔)
margin-right:8px(右邊位移數值)
.ycntmod .rctop div
(框線右上角)
background:url(http://圖檔網址.gif) right top no-repeat(右上框線圖檔)
height:30px (上方圖檔高度)
right:8px(圖檔位移數值)
.ycntmod .rcl
(框線左直線)
background:url(http://圖檔網址.gif) repeat-y(左直框線圖檔)
.ycntmod .rcr
(框線右直線)
background:url(http://圖檔網址.gif) right repeat-y(右直框線圖檔)
.ycntmod .rcbtm
(框線左下角)
background:url(http://圖檔網址.gif) left bottom no-repeat(左下框線圖檔)
margin-right:8px(右邊位移數值)
.ycntmod .rcbtm div
(框線右下角)
background:url(http://圖檔網址.gif) right bottom no-repeat(右下框線圖檔)
height:30px (上方圖檔高度)
right:8px(圖檔位移數值)

 


範例:


/*Shared rounded corner for all modules欄位框線圖*/
.ycntmod .rctop{background:url(http://左上圖檔網址.gif) left top no-repeat;margin-right:20px}
.ycntmod .rctop div{background:url(http://右上圖檔網址.gif) right top no-repeat;height:20px;right:-20px}
.ycntmod .rcl{background:url(http://左直圖檔網址.gif) repeat-y}
.ycntmod .rcr{background:url(http://右直圖檔網址.gif) right repeat-y}
.ycntmod .rcbtm {zoom:1;background:url(http://左下圖檔網址.gif) left bottom no-repeat;margin-right:20px}
.ycntmod .rcbtm div {background:url(http://右下圖檔網址.gif) right bottom no-repeat;height:20px;right:-20px}


註:左右窄欄位的預設寬度為width:140px,設定為120px較不會影響框線


 



*捲軸


語法說明:


 












/*主題*/內容標題{常用修改樣式}
/*Scrollbar捲軸區色彩*/html
(網頁主體)
scrollbar-face-color:#FFFFFF(捲軸的軸面顏色)
scrollbar-track-color:#FFFFFF(捲軸的軸軌顏色)
scrollbar-3dlight-color:#FFFFFF(捲軸立體邊左上暗顏色)
scrollbar-highlight-color:#FFFFFF(捲軸立體邊左上亮顏色)
scrollbar-shadow-color:#FFFFFF(捲軸立體邊右下亮顏色)
scrollbar-darkshadow-color:#FFFFFF(捲軸立體邊右下暗顏色)
scrollbar-arrow-color:#FFFFFF(捲軸上下三角型顏色)

 


範例:


/*Scrollbar捲軸區色彩*/
html{scrollbar-face-color:#9470DB;scrollbar-track-color:#C48AFF;scrollbar-3dlight-color:#AB57FF;scrollbar-highlight-color:#6B00D6;scrollbar-shadow-color:#AB57FF;scrollbar-darkshadow-color:#6B00D6;scrollbar-arrow-color:#7800F0}


 



*自我介紹


語法說明:


 
























/*主題*/內容標題{常用修改樣式}
/*Profile自我介紹欄*/#ymodprf
(整個自我介紹欄)
display:none(不顯示)
filter:alpha(opacity=50)(背景透明度)
#yprf
(個人相片)
display:none(不顯示)
#ymodprf .nickname
(個人暱稱)
display:none(不顯示)
font-family:新細明體(文字字型)
font-size:9px(文字尺寸)
font-weight:bold(文字粗體)
text-align:center(文字位置)
#ymodprf .horos
(個人星座)
display:none(不顯示)
background-image:url(http://圖檔網址.gif)(背景圖檔)
background-repeat:no-repeat(單一背景不重複)
background-position:0% 0%(單一背景在x與y軸的位置)
color:#FFFFFF(字體顏色)
font-family:新細明體(文字字型)
font-size:9px(文字尺寸)
font-weight:bold(文字粗體)
text-align:center(文字位置)
width:140px; height:60px(欄位尺寸)
#ymodprf .horos img
(性別小圖示)
display:none(不顯示)

 


範例:


/*Profile自我介紹欄*/
#yprf{display:none}
#ymodprf .nickname{font-size:12px;font-weight:bold;filter:alpha(opacity:0)}
#ymodprf .horos{background-image:url(http://圖檔網址.gif);background-repeat:no- repeat;background-position:0% 50%;color:#FFFFFF;width:40px; height:50px}
#ymodprf .horos img{display:none}


 



*更新日期


語法說明:


 















/*主題*/內容標題{常用修改樣式}
/*Blog latest update module更新日期欄*/#ymodupdate
(整個更新日期欄)
display:none(不顯示)
filter:alpha(opacity=50)(背景透明度)
#ymodupdate .mbd .date
(日期欄)
background-color:#FFFFFF(文字背景顏色)
background-image:url(http://圖檔網址.gif)(文字背景圖檔)
zoom:1;filter:alpha(opacity:0)(背景透明度)
padding-top:10px(日期位移數值)

 


範例:


/*Blog latest update module更新日期欄*/
#ymodupdate{display:none}


 



*部落格相簿


語法說明:


 















/*主題*/內容標題{常用修改樣式}
/*Blog album module部落格相簿*/#ymodalbum
(整個部落格相簿欄)
display:none(不顯示)
filter:alpha(opacity=50)(背景透明度)
#ymodalbum h3
(部落格相簿文字)
background-image:url(http://圖檔網址.gif)(背景圖檔)
background-repeat:no-repeat(單一背景不重複)
background-position:0% 0%(單一背景在x與y軸的位置)
border:1px double #FFFFFF
filter:alpha(opacity=50)(背景透明度)
font-family:新細明體(文字字型)
font-size:9px(文字尺寸)
background-color:#FFFFFF(文字背景顏色)
width:140px;height:60px(欄位尺寸)

 


範例:


/*Blog album module部落格相簿*/
#ymodalbum h3{background-image:url(http://圖檔網址.gif);background-repeat:no-repeat;background-position:50% 100%;height:180px}


 



*留言版


語法說明:


 












/*主題*/內容標題{常用修改樣式}
/*Blog guest book module留言板欄位*/#ymodmsgbd h3
(留言板文字)
background-image:url(http://圖檔網址.gif)(背景圖檔)
background-repeat:no-repeat(單一背景不重複)
background-position:0% 0%(單一背景在x與y軸的位置)
border:1px double #FFFFFF
filter:alpha(opacity=50)(背景透明度)
font-family:新細明體(文字字型)
font-size:9px(文字尺寸)
background-color:#FFFFFF(文字背景顏色)
width:140px;height:60px(欄位尺寸)

 


範例:


/*Blog guest book module留言板欄位*/
#ymodmsgbd h3{background-image:url(http://圖檔網址.gif);background-repeat:no-repeat;background-position:50% 100%;height:40px}


 


 



引用:http://tw.myblog.yahoo.com/jw!V3nxAk.BFRm.p9KGFpExf.kL8ws_/article?mid=5113

oreokimo 發表在 痞客邦 留言(0) 人氣()

 



oreokimo 發表在 痞客邦 留言(0) 人氣()



















 





音樂語法教學


 


.音樂語法該貼哪?


網誌、留言板、相簿、個人資料都可貼上音樂語法


★網誌:網誌描述 文章發表等都可以放置


也可資料夾管理->新增資料夾(名稱自取,如:Music)->管理連結->在名稱與網址貼上音樂語法(適合顯示播放器)


★留言板、相簿、個人資料可將語法貼於留言板描述、相簿描述、個人資料描述


 


2.哪些形式的音樂可以放在語法裡呢?


wma.rm.mp3.wmv.....等檔案形式都可以


★音樂網址注意要是有效的網址!或者自行上傳音樂檔到網路空間上


 


3.音樂語法與影片語法!


★音樂語法" autostart="true" loop="1" volume="100" width="230" height=45>


★影片語法MV網址 width=325 height=300 autostart=false>

 


 


*播放器設定 (視個人需求,可將播放器設定為適合自己的狀態)


autostart="true" 表示自動播放


autostart="false" 表示不自動播放


hidden="true" 隱藏播放器


loop="0" 播放一次即停止


loop="1" 無限次重複播放


volume="0-100" 調整音量大小


width="230" 播放器寬度,可自行更改為適合寬度


hight="40" 播放器高度,可自行更改為適合高度


 


★懶人複製 (提供給真的不知道該怎麼設定顯示器的朋友參考!)


 


◆顯示播放器類


 


自動播放音樂.無限次自動重播 " autostart="true" loop="1" volume="100" width="230" height=45>


 


自動播放音樂.播放一次後就停止 " autostart="true" loop="0" volume="100" width="230" height=45>


 


不自動播放音樂.無限次自動重播 " autostart="false" loop="1" volume="100" width="230" height=45>


 


不自動播放音樂.播放一次後就停止 " autostart="false" loop="0" volume="100" width="230" height=45>


 


◆隱藏播放器類


 


自動播放音樂.無限次自動重播 " autostart="true" hidden="true" loop="1" volume="100" width="230" height=45>


 


自動播放音樂.播放一次後就停止 " autostart="true" hidden="true" loop="0" volume="100" width="230" height=45>


 


不自動播放音樂.播放一次後就停止 " autostart="false" hidden="true" loop="0" volume="100" width="230" height=45>


 


不自動播放音樂.無限次自動重播 " autostart="false" hidden="true" loop="1" volume="100" width="230" height=45>< span>

 


 


引用:http://tw.myblog.yahoo.com/jw!ogjvEimRABs_IW4sqAIcWfm0/article?mid=73



引用:http://tw.myblog.yahoo.com/jw!jgLdaZ2XRU9zhz8QD_DuAHc-/article?mid=4094


 


圖框分享~http://tw.myblog.yahoo.com/jw!YOcRHzOBFQV5dECr3WOhRid9Y.mWtvw-/article?mid=174647




引用:http://tw.myblog.yahoo.com/jw!ftS1fX2TAxYHZmiy51zFlVGYBmSLrLrowal3/article?mid=10855

oreokimo 發表在 痞客邦 留言(0) 人氣()




no30台灣之美~永安漁港版語法
★主圖介紹:這是位於桃園縣新屋鄉的永安漁港,是個休憩及拍夕照的好地方,在夜晚時,


                漁港大橋會隨著時間而做出七彩變化,燈光倒映在海面上時,更是迷人無比。


★主圖來源:弦月下的世界,由弦月下的世界編製
★版型套用前,請點選→各式樣版→其他類→第6款,這樣才不會失去整體美感
★懇請您~在引用本文時,能回到本文原出處引用,您的正確引用,是給予作著的原動力唷^^



★語法開始如下:
/*連結字體&動態加框*/
a, a:link, a:visited{color:#B0B0B0;text-decoration:none;}
a:hover{color:#00C400;border-bottom-style:dotted;border-bottom-color:#FCFCFC;border-bottom-width:2px;border-top-style:none;border-top-color:#F8F8F8;border-top-width:1px;position:relative;top:2px;left:2px;}

/*招呼語不放背景及文字顏色設定*/
#yblast .bg {filter:alpha(opacity=0);opacity:0;}
#yblast .text{color:#3A3A3A;}


/*標題字體&無底色透明*/
#yblogtitle .mbd, #yblogtitle .mft{background:transparent repeat;color:#E0E0E0;padding:480px 200px 0px 200px;text-align:center;font-size:12px;height:50px;}
#yblogtitle h1, #yblogtitle a {color:#D4D4D4;font-size:18px;font-weight:bolder;font-family:標楷體;}


/*大標題圖背景+重覆底背景*/
body{background:url(http://img684.imageshack.us/img684/6865/980350.jpg) transparent no-repeat;background-position:50% 0;}
html{background:url(http://img194.imageshack.us/img194/4452/moonxn0350.jpg) #000000 repeat-y;background-position:50% 0;}


/*側欄區上標*/
.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:transparent;color:#9C9C9C;text-align:center;}


/*側欄區內文*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{background:transparent;color:#E0E0E0;text-align:center;}
#ymodfolder .mbd, #ymodnewcomt .mbd, #ymodnewart .mbd {HEIGHT:250px;OVERFLOW:auto;position:relative;}


/*文章區上標*/
.yc3pribd .mhd{background:#000000;color:#B4B4B4;font-family:標楷體;font-size:20px;text-align:center;}


/*文章內文及文章區*/
.yc3pribd .mbd{background:#000000;color:#6C6C6C;}
.yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p {background:#000000;color:#D8D8D8;}
#ymodcal .mbd td strong {color:#00C400;}


/*捲軸顏色*/
html{SCROLLBAR-FACE-COLOR:#000000;
SCROLLBAR-HIGHLIGHT-COLOR:#8C8C8C;
SCROLLBAR-SHADOW-COLOR:#949494;
SCROLLBAR-3DLIGHT-COLOR:#929292;
SCROLLBAR-ARROW-COLOR:#7C7C7C;
SCROLLBAR-DARKSHADOW-COLOR:#BCBCBC;}


/*左右欄位小圖*/
.ycntmod .mbd ul.list li {BACKGROUND:transparent url(http://f.share.photo.xuite.net/moon1230/1f52a64/4288422/226755774_l.jpg) no-repeat 0% 0%;padding-left:20px;COLOR:#BEBEBE;border:3.5px;BORDER-TOP-STYLE:double;BORDER-RIGHT-STYLE:double;BORDER-LEFT-STYLE:double;BORDER-BOTTOM-STYLE:double;}
.ycntmod .mbd ul.list li.more {margin:2px 0 0 2px;text-align:right;background:transparent url(http://f.share.photo.xuite.net/moon1230/1f52a64/4288422/226755774_l.jpg) 20px center no-repeat;}



/*文章前小圖設定*/
.yblogcnt .blgtitlebar {margin-bottom:10px;zoom:1;}
.yblogcnt .blgtitlebar h2 {background:url(http://f.share.photo.xuite.net/moon1230/1f52afe/4288422/213167960_l.jpg) no-repeat;padding-left:75px;height:55px;}
.yblogcnt .blgtitlebar h2 a {padding-right:60px;}


/*更新日期前面小圖*/
#ymodupdate .mbd .date{background:url(http://f.share.photo.xuite.net/moon1230/1f52a64/4288422/226755774_l.jpg) left center no-repeat;padding-left:20px;font-size:100%;font-family:verdana;}



/*訂閱圖片*/
div#btnsbsrb a{display:block;width:65px;height:35px;overflow:hidden;background:url(http://f.share.photo.xuite.net/moon1230/1f52a61/4895357/197876196_l.jpg) no-repeat;margin:0;}
div#btnsbsrb_nologin a{display:block;width:65px;height:35px;overflow:hidden;background:url(http://f.share.photo.xuite.net/moon1230/1f52a61/4895357/197876196_l.jpg) no-repeat;margin:0;}


/*個人管理三按鍵*/
div.btncompose a{display:block;width:65px;height:35px;overflow:hidden;background:url(http://f.share.photo.xuite.net/moon1230/1f52a67/4895357/197876202_l.jpg) no-repeat;}
div.btnphoto a{display:block;width:65px;height:35px;overflow:hidden;background:url(http://f.share.photo.xuite.net/moon1230/1f52a68/4895357/197876203_l.jpg) no-repeat;}
div.btnsetup a{display:block;width:65px;height:35px;overflow:hidden;background:url(http://f.share.photo.xuite.net/moon1230/1f52a69/4895357/197876204_l.jpg) no-repeat;}


/*回應+引用圖片*/
div.btncomment a {display:block;width:65px;height:35px;background:url(http://f.share.photo.xuite.net/moon1230/1f52a6c/4895357/197876207_l.jpg) no-repeat;}
div.btntrackback a {display:block;width:65px;height:35px;background:url(http://f.share.photo.xuite.net/moon1230/1f52a6e/4895357/197876209_l.jpg) no-repeat;}


*性別圖示*/
#ymodprf .horos img{display:none;}
#ymodprf .horos{width:150px;height:205px;background:url(http://f.share.photo.xuite.net/moon1230/1f52a7c/4483655/197926197_l.jpg) center no-repeat;}


/*回應上方的圖片*/
#yartcmt .pagination strong{display:none;}
#yartcmt .pagination{height:100px;background:url(http://f.share.photo.xuite.net/moon1230/1f52af5/4230702/226755527_l.jpg) no-repeat;background-position:center;}
.reportbtns span{background:#EAEAEA;color:#606060;border:3px double #949494;}


/*文章區及側欄區不設透明度*/
.yc3sec .mhd, .yc3subbd .mhd,#ymodcal .mhd,.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{filter:alpha(opacity=100);opacity:1.0}
.yc3pribd .mhd,.yc3pribd .mbd,.yc3pribd .mft,.ycntmod .rctop,.ycntmod .rctop div,.ycntmod .rcbtm,.ycntmod .rcbtm div ,.ycntmod .rcl ,.ycntmod .rcr {filter:alpha(opacity=100);opacity:1.0}


/*部份管理設定不放圖片*/
#ycmntlist .mbd, #ycmntlist .mbd, #ycmntlist .mbd li strong , #ycmntlist .mbd li a, #ycmntlist table th , #ycmntlist .listbd , #ycmntlist .reply , table#bloginfo th , table#usrinfo th , div#ymngmsg q span , div#ymngmsg q span a , #ymngmsg .actionbar , div#ymngmsg span , div.btncmntdel, div.btncmntre , #yphtgallery .text q , #yphtgallery .actionbar , div.buttonmenu {background:transparent;}
#ysbscrblist .actionbar ,#ysbscrblist thead th , #ysbscrblist table ,tbody td {background:transparent;}


/*個人資料管理頁面公開的部落標題+管理回應文字顏色設定*/
#ybloginfo table, #yusrinfo table, #yusrintro p ,.listbd,#ycmntlist table th ,#ycmntlist .btncmntre{color:#E0E0E0;}


/*滑鼠游標*/
body{cursor:URL(http://www.fileden.com/files/2012/6/13/3315737/moon001.ani);}
a:hover{cursor:URL(http://www.fileden.com/files/2012/6/13/3315737/moon002.ani );}



/*三欄式版面加大寬度設定*/
.thrcol #yhtw_mastfoot {width:990px;margin:0 auto;}
.thrcol{min-width:990px;}
.thrcol .ycnt3col {zoom:1;width:990px;text-align:left;margin:0 auto;}
.thrcol .yc3main {width:100%;float:left;}
.thrcol .yc3mainbd {margin-left:200px;}
.thrcol .yc3pri {width:100%;float:right;}
.thrcol .yc3pribd {margin-right:205px;}
.thrcol .yc3subbd {width:190px;float:left;position:absolute;right:10px;}
.thrcol .yc3sec {width:190px;float:right;position:absolute;left:10px;}
/******框框的設定******/
#yblogtitle .rctop{background:transparent left top no-repeat;margin-right:0px;}
#yblogtitle .rctop div{background:transparent right top no-repeat;height:0px;right:-0px;}
#yblogtitle .rcl{background:transparent repeat-y;border:none;}
#yblogtitle .rcr{background:transparent right repeat-y;}
#yblogtitle .rcbtm {background:transparent left bottom no-repeat;margin-right:0px;}
#yblogtitle .rcbtm div {background:transparent right bottom no-repeat;height:0px;right:-0px;}
.ycntmod {width:100%;position:relative;margin-bottom:15px;overflow:hidden;}
.yc3pribd .rctop {zoom:1;background:url(http://img6.imageshack.us/img6/2766/moonx039601.jpg) left bottom no-repeat;margin-right:3px;}
.yc3pribd .rctop div {background:url(http://img694.imageshack.us/img694/2789/moonx039602.jpg) right bottom no-repeat;height:40px;font-size:0;position:relative;right:-3px;}
.yc3pribd .rcbtm {zoom:1;background:url(http://img163.imageshack.us/img163/1461/moonx039603.jpg) left bottom no-repeat;margin-right:3px;}
.yc3pribd .rcbtm div {background:url(http://img546.imageshack.us/img546/7241/moonx039604.jpg) right bottom no-repeat;height:40px;font-size:0;position:relative;right:-3px;}
.yc3pribd .rcl {padding-left:10px;background:url(http://img822.imageshack.us/img822/2632/moonx039605.jpg) repeat-y;}
.yc3pribd .rcr {zoom:1;padding-right:10px;background:url(http://img703.imageshack.us/img703/3396/moonx039606.jpg) right top repeat-y;}
.yc3pribd .yc3pribd{overflow:visible;}
.yc3pribd .yc3pribd .yblogcnt{overflow:hidden;}
.yc3sec .rctop, .yc3sub .rctop {zoom:1;background:url(http://img585.imageshack.us/img585/9585/moonx039607.jpg) no-repeat;}
.yc3sec .rctop div, .yc3sub .rctop div {background:transparent right top no-repeat;height:40px;font-size:0;position:relative;right:-0px;}
.yc3sec .rcbtm, .yc3sub .rcbtm {zoom:1;background:url(http://img88.imageshack.us/img88/7757/moonx039608.jpg) no-repeat;}
.yc3sec .rcbtm div, .yc3sub .rcbtm div {background:transparent right bottom no-repeat;height:40px;font-size:0;position:relative;right:-0px;}
.yc3sec .rcl, .yc3sub .rcl {padding-left:10px;background:url(http://img98.imageshack.us/img98/940/moonx039609.jpg) repeat-y;border:none;}
.yc3sec .rcr, .yc3sub .rcr {zoom:1;padding-right:12px;background:transparent right repeat-y;border:none;}


/*按鈕框框設定*/
div.btnblgedit, div.btnblgdel, div.btnblgreport, div.btncmntdel {background:#C0C0C0;color:#949494;border:5px double #747474;}
.reportbtns span{background:#020202;color:#666666;border:3px double #A8A8A8;}
input, select{background:#020202;color:#666666;border:3px double #A8A8A8;FONT-SIZE:10px;font-family:verdana;}


/**************************************************************************/
以下若要顯示請不要放上即可*/
/*隱藏部落格文章下方廣告*/
.ysm ,.ysm .ysmlabel,.ysm DL ,.ysm DL.last {display:none;}
/*隱藏我要留言免受廣告干擾*/
#yblast .text a{display:none;} 
/*捲軸內容高度--內容超出區塊自動由瀏覽器決定-相對定位*/
 #ymodfolder .mbd, #ymodnewcomt .mbd, #ymodnewart .mbd {HEIGHT:250px;OVERFLOW:auto;position:relative;}  




 









 

引用:http://tw.myblog.yahoo.com/jw!Dv_cBAiBERypVFje55mGtOZwVcX5y6K_GV5D/article?mid=30315

oreokimo 發表在 痞客邦 留言(0) 人氣()

1

音樂語法教學


 


.音樂語法該貼哪?


網誌、留言板、相簿、個人資料都可貼上音樂語法


★網誌:網誌描述 文章發表等都可以放置


也可資料夾管理->新增資料夾(名稱自取,如:Music)->管理連結->在名稱與網址貼上音樂語法(適合顯示播放器)


★留言板、相簿、個人資料可將語法貼於留言板描述、相簿描述、個人資料描述


 


2.哪些形式的音樂可以放在語法裡呢?


wma.rm.mp3.wmv.....等檔案形式都可以


★音樂網址注意要是有效的網址!或者自行上傳音樂檔到網路空間上


 


3.音樂語法與影片語法!


★音樂語法<embed src="此處貼上音樂網址" autostart="true" loop="1" volume="100" width="230" height=45></embed>


★影片語法<embed src=MV網址 width=325 height=300 autostart=false></embed>


 


 


*播放器設定 (視個人需求,可將播放器設定為適合自己的狀態)


autostart="true" 表示自動播放


autostart="false" 表示不自動播放


hidden="true" 隱藏播放器


loop="0" 播放一次即停止


loop="1" 無限次重複播放


volume="0-100" 調整音量大小


width="230" 播放器寬度,可自行更改為適合寬度


hight="40" 播放器高度,可自行更改為適合高度


 


★懶人複製 (提供給真的不知道該怎麼設定顯示器的朋友參考!)


 


◆顯示播放器類


 


自動播放音樂.無限次自動重播 <embed src="此處貼上音樂網址" autostart="true" loop="1" volume="100" width="230" height=45></embed>


 


自動播放音樂.播放一次後就停止 <embed src="此處貼上音樂網址" autostart="true" loop="0" volume="100" width="230" height=45></embed>


 


不自動播放音樂.無限次自動重播 <embed src="此處貼上音樂網址" autostart="false" loop="1" volume="100" width="230" height=45></embed>


 


不自動播放音樂.播放一次後就停止 <embed src="此處貼上音樂網址" autostart="false" loop="0" volume="100" width="230" height=45></embed>


 


◆隱藏播放器類


 


自動播放音樂.無限次自動重播 <embed src="此處貼上音樂網址" autostart="true" hidden="true" loop="1" volume="100" width="230" height=45></embed>


 


自動播放音樂.播放一次後就停止 <embed src="此處貼上音樂網址" autostart="true" hidden="true" loop="0" volume="100" width="230" height=45></embed>


 


不自動播放音樂.播放一次後就停止 <embed src="此處貼上音樂網址" autostart="false" hidden="true" loop="0" volume="100" width="230" height=45></embed>


 


不自動播放音樂.無限次自動重播 <embed src="此處貼上音樂網址" autostart="false" hidden="true" loop="1" volume="100" width="230" height=45></embed


 


 


引用:http://tw.myblog.yahoo.com/jw!ogjvEimRABs_IW4sqAIcWfm0/article?mid=73



引用:http://tw.myblog.yahoo.com/jw!jgLdaZ2XRU9zhz8QD_DuAHc-/article?mid=4094

oreokimo 發表在 痞客邦 留言(0) 人氣()










臺灣版英語語法動畫




 



 



 


 


 



引用:http://tw.myblog.yahoo.com/jw!R.LG_UeaHBKsESHCfX.uaT0-/article?mid=124842

oreokimo 發表在 痞客邦 留言(0) 人氣()



網址:http://1.share.photo.xuite.net/chijoel/11ac41c/5152953/198292579_c.jpg



網址:http://1.share.photo.xuite.net/chijoel/11ac431/5152953/201226872_c.jpg


 


 



語法:










<p align="center"><a title="通往你家的路,歡迎再度來訪^0^" style="FONT-WEIGHT:700;" href="http://tw.myblog.yahoo.com/"><img src=" 圖片網址"/></a></p></center>









 
引用:http://tw.myblog.yahoo.com/jw!pf5o7h.RGB4ASP5k0ZpuP432ww--/article?mid=194

oreokimo 發表在 痞客邦 留言(0) 人氣()


 


◆首先 先認識一下YAHOO BLOG的整體框線語法


/*for all modules 整體框線*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url( 左上方圖網址 ) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url( 右上角圖網址 ) right top no-repeat;height:10px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url( 左下方圖網址) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url( 右下角圖網址 ) right bottom no-repeat;height:10px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:5px;background:url( 左邊線網址 ) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:5px;background:url( 右邊線網址 ) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}


 


以上這組語法所指的邊框線,包含「標題欄位」、「邊欄位」、「文章欄位」的邊框;


位置可以參考下圖▼




 


◆邊框圖製作方式:


製作邊框圖一般分成六部份拼接:


左上方(下圖 top 1 位置)、左上角(下圖 top 2 位置)、


右下方(下圖 bottom 1 位置)、右下角(下圖 bottom 2 位置)、


左邊線(下圖 left 位置)、右邊線(下圖 right 位置)。





◆這次針對"整體框線",先了解關於製作圖片時所要注意圖的寬度與高度設定:


 


  ● 三區欄位寬度都不一樣,一組圖片要怎設定?


     語法設定後,會依欄位寬度自動調整縮短或拉長圖片顯示區域,


     所以在製作圖片 top 1bottom 1 時得配合框線要包裹最寬的欄位,


     也就是「標題欄位」,


     面板三欄式標題欄位寬度約984px,二欄式標題欄位寬度約750px;


     所以在圖 top 1bottom 1 部分的寬 和哉習慣製作到寬990px;


     會自動調整所以你要製做的更寬也可以。


   


     top 2bottom 2可以依照轉角圖案剪裁所需的寬,


     如果在轉角處沒有圖案的區限,圖片寬度約5~15px最佳。


   


     leftright 這左右兩邊線, 製作時兩張圖片寬度最好一樣,


     圖片不要太寬,這邊要注意的是「邊欄位」的標準寬度只有150px,


     leftright 左右邊線條是往欄位內推, 如果圖片製作的太寬,


     「邊欄位」會因為圖片關係而縮窄喔! 所以


    leftright 兩張的圖寬製作在5~10px內最佳,


    除非你把「邊欄位」用語法加寬,當然leftright 圖片也可以製作的寬一點。


 


 ●圖片製作好套入語法後,卻無法完美銜接怎麼回事?


   圖 top 1top 2 圖片高度必須一樣,製作時要注意兩張圖案的位置是否一樣能銜接。


   圖 bottom 1bottom 2 圖片高度必須一樣,也要注意圖案的位置是否一樣能銜接。


   圖 left right 圖片高度也最好一樣,這組會依欄位高度自動重覆圖片,


   所以不需製作的太高(長),製作時要注意圖案上方與下方是否能銜接。


 


參考縮小範例圖1:



參考縮小範例圖2:



 


◆語法設定


/*for all modules 整體框線*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url( 左上方top1圖網址 ) left top no-repeat;margin-right:5px; }
.ycntmod .rctop div {background:url( 右上角top2圖網址 ) right top no-repeat;height:10px;font-size:0;position:relative;right:-5px; }
.ycntmod .rcbtm {zoom:1;background:url( 左下方bottom1圖網址) left bottom no-repeat;margin-right:5px; }
.ycntmod .rcbtm div {background:url( 右下角bottom2圖網址 ) right bottom no-repeat;height:10px;font-size:0;position:relative;right:-5px; }
.ycntmod .rcl {padding-left:5px;background:url( 左邊線left圖網址 ) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:5px;background:url( 右邊線right圖網址 ) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}


 


說明:


margin-bottom:10px; 欄與欄之間相距數值。


height:10px; 圖片高度數值,語法內有兩個,第一個設定的是上方的圖高度(圖 top1、top2 高),


第二個設定的是下方圖高度(圖 bottom1、bottom2 高)。


margin-right:5px;right:-5px; 這一樣各有兩組, 依照top 2和bottom 2寬度設定一樣的數值,


以上語法預定top 2和bottom 2圖寬是5px;


如果top 2和bottom 2兩張圖不一樣寬,例如top2 寬15px、bottom 2寬30px,


就取小的數值,全部設定為margin-right:15pxright:-15px(注意是負數-)。


padding-left:5px; 設定左邊線寬度數值(圖 left 寬度)。


padding-right:5px; 設定右邊線寬度數值(圖 right 寬度)。


 


 


下次有時間再來講解關於版面欄位 各別設定框線圖部分。 ^ ^


 


 



引用:http://tw.myblog.yahoo.com/jw!zgGA9hWTEg6DAB0jiS5wNn8-/article?mid=22497

oreokimo 發表在 痞客邦 留言(0) 人氣()


 

































































每個語法使用者設定不一,以下為參考語法,不當的設定或許與使用者目前使用的自訂內容會產生干擾,請小心慎選使用。


語法依照中文意思排列(語法請做選擇性使用,不可全部套上)。


所有數據只是參考值,需要配合需求程度調整,邊框線部份不需要的,語法可以直接刪除。


不存在的網址連結及多餘的重複語法,會影響正常的視窗開啟速度。


注意空格及每段語法連慣性,避免開啟動作不正常。


無設定的相關語法,以yahoo預設值為設定值。


背景預設顏色的作用: 圖片失聯時,以背景色替代,顏色要謹慎設定。


部份透明度設定因YAHOO新版語法規定失效,請自行測試。


/*個人資料管理頁面公開的部落標題-個人資料-自我介紹+背景圖-背景預設顏色-文字顏色-字型字體大小使用預設值*/
#ybloginfo table, #yusrinfo table, #yusrintro p {background: url(圖片網址) #E6E6E6;color:#FF0000;}

/*整頁背景位置調整,x與y軸的位置(適用於1000X600像素以下之圖片)*/
body {background-position : 50% 0%; }


/*整頁背景預設顏色-背景圖 - 背景圖不重複 - 背景固定*/
body {background:#1B006B;background-image: url(圖片網址);background-repeat:no-repeat;background-attachment:fixed;}


/*取消兩欄式下方捲軸*/
body {overflow-x:hidden;}


/*整頁背景圖簡語*/
body {background: url(圖片網址) #1B006B no-repeat;background-position : 50% 0%;background-attachment:fixed;overflow-x:hidden;}


/*圖片重複方向定義解說 : repeat-x = 橫向排列,適用垂直條形圖; repeat-y = 縱向排列,適用水平條形圖; repeat = x-y軸同時排列,適用方形圖; no-repeat = 單張圖片不重複,適用與架框同等長寬的圖片*/



/*回應 - 引用+邊框 線*/
div.btncomment a {border-left:4px double #00ffff; border-right:4px double #00ffff; border-top:4px double #00ffff; border-bottom:4px double #00ffff;}
div.btntrackback a {border-left:4px double #00ffff; border-right:4px double #00ffff; border-top:4px double #00ffff; border-bottom:4px double #00ffff;}


/*我要回應小圖-連結區塊-height:60px-width:60px為圖框大小*/
div.btncomment a {display:block;height:60px;width:60px;background:url(小圖網址) no-repeat;}
/*我要引用小圖-連結區塊-height:60px-width:60px為圖框大小*/
div.btntrackback a {display:block;height:60px;width:60px;background:url(小圖網址) no-repeat;}


-------感應滑鼠回應引用圖--------


/*回應圖*/
div.btncomment a {display:block;height:32px;width:62px;background:url(圖片網址) no-repeat;}


/*滑鼠指標靠近改變回應圖*/
div.btncomment a:hover {display:block;height:35px;width:80px;background:url(圖片網址) no-repeat;}


/*引用圖*/
div.btntrackback a {display:block;height:32px;width:62px;background:url(圖片網址) no-repeat;}


/*滑鼠指標靠近改變引用圖*/
div.btntrackback a:hover {display:block;height:35px;width:80px;background:url(圖片網址) no-repeat;}



/*訂閱自訂圖示-連結區塊-改變圖示位置四邊不同值順序為上、右、下、左+邊框線(格主需在登出的狀態下才看得到訂閱圖)*/
div#btnsbsrb_nologin a,div#btnsbsrb a {display:block;background: url(圖片網址); margin:100pt 0pt 0pt 0pt; border-left:8px double #FF0000; border-right:8px double #FF0000; border-top:8px double #FF0000; border-bottom:8px double #FF0000;}


-------感應滑鼠訂閱圖--------


/*訂閱圖-連結區塊-訂閱圖位置-訂閱圖顯示寬高-訂閱圖網址 - 框線*/
div#btnsbsrb_nologin a,div#btnsbsrb a{display:block;position:absolute;top:-110px;left:91%; width:90px;height:33px;background:url(訂閱圖網址) no-repeat; border-left:4px double #FF0000; border-right:4px double #FF0000; border-top:4px double #FF0000; border-bottom:4px double #FF0000; }


/*滑鼠指標靠近改變訂閱圖 - 框線*/
div#btnsbsrb_nologin a:hover,div#btnsbsrb a:hover,div#btnsbsrb_nologin a:active,div#btnsbsrb a:active {background:url(答謝訂閱圖網址) no-repeat;border-left:4px double #00FFFF; border-right:4px double #00FFFF; border-top:4px double #00FFFF; border-bottom:4px double #00FFFF;}



/*自訂留言板按鈕圖片*/
#ymodmsgbd h3 a {display:block;background:url( 圖片網址 ) no-repeat;width:130px;height:130px;text-indent:-300px;}


/*自訂部落格相簿按紐圖片*/
#ymodalbum h3 a {display:block;background:url( 圖片網址 ) no-repeat;width:130px;height:130px;text-indent:-300px;}



/*-----↓標題欄-注意語法設定重複衝突干擾 -----*/


/*標題背景圖應用:如果單張大圖不重複圖片時,需在(圖片網址) #0000bf後空一格加入 no-repeat center 例如 : #yblogtitle h1{background: url(圖片網址) #0000bf no-repeat center; color: #FF0000; font-family:標楷體; FONT-SIZE:26pt; font-weight:bold;}*/


/*標題背景圖位置應用: center=置中,left=左邊,right=右邊,top=上面,bottom=下面,no-repeat=不重複,repeat-x=橫向重複 ,repeat-y=縱向重複,組合範例: no-repeat center */


/*隱藏標題(包括訂閱)*/
#yblogtitle {display:none}


/*隱藏標題所有文字(包括自訂格名)-適合應用加在格式二,最好配合訂閱圖示位置調整*/
#yblogtitle .text {display:none}


/*隱藏格名語法*/
#yblogtitle a {display:none;}


/*獨立設定自訂格名文字顏色-字型-字體大小(不受 .text 文字語法設定影響)*/
#yblogtitle h1, #yblogtitle a {color: #00FF00; font-family:標楷體; FONT-SIZE:30px;}


/*以下部落格自訂格名與描述-必須配合透明度使用-套用格式四選一(勿混用,會產生錯誤)*/


/*部落格自訂格名與描述-格式一(置頂框線在訂閱圖之上)*/


/*部落格自訂格名與描述 - 文字置中*/
#yblogtitle .mbd{text-align:center;}


/*部落格自訂格名+背景圖-背景預設顏色 - 字體顏色 - 字型 - 字體大小 - 粗體字*/
#yblogtitle h1{background: url(圖片網址) #0000bf; color: #FF0000; font-family:標楷體; FONT-SIZE:26px; font-weight:bold;}


/*部落格描述+背景圖-背景預設顏色-背景高度+邊框 線*/
#yblogtitle .text {background: url(圖片網址) #0000bf; height:200px; border-left:4px double #00ffff; border-right:4px double #00ffff; border-top:4px double #00ffff; border-bottom:4px double #00ffff;}


/*部落格描述字體顏色 - 字型 - 字體大小*/
#yblogtitle .text {color:#ff7f00; font-family:標楷體; FONT-SIZE:20px;}


/*部落格自訂格名與描述-格式二(置頂框線在訂閱圖之外)*/


/*部落格自訂格名與描述 - 文字置中-字體大小*/
#yblogtitle .mbd {text-align:center; font-size:20px;}


/*部落格自訂格名+背景圖-背景預設顏色-字體顏色-字型-粗體*/
#yblogtitle h1 {background: url(圖片網址) #80c0ff; color:#FF0000;font-family:標楷體; font-weight:bold;}


/*部落格描述+背景圖-背景預設顏色-背景高度+邊框 線*/
#yblogtitle .mbd {background: url(圖片網址) #0000bf; height:200px; border-left:4px double #00ffff; border-right:4px double #00ffff; border-top:4px double #00ffff; border-bottom:4px double #00ffff;}


/*部落格描述-字體顏色 - 字型*/
#yblogtitle .text {color:#ff7f00; font-family:標楷體;}


/*部落格自訂格名圖片與描述-格式三(部落格名以圖片取代)*/


/*隱藏設定小方圖*/
#yblogtitle .edit {display:none;}


/*部落格名標題圖置中*/
#yblogtitle .thd {text-align:center; }


/*部落格描述-字型-字體顏色 - 字體大小-文字靠左-文字顯示範圍寬高-絕對位置-文字位置*/
#yblogtitle .tbd {font-family:標楷體; color:#00007f;font-size:150%;text-align:left;width:90%;height:205px;position:relative;top:85px;left:5px;}


/*部落格名圖-連結區塊-圖片置中-圖框寬高(配合圖片大小)-部落格名字體大小為0-文字排縮(目的為移出顯示作用)*/
#yblogtitle .thd a {display:block;background:url(格名圖網址) center no-repeat;display:block;width:100px;height:100px;font-size:0;text-indent:-5000px;}


/*部落格描述背景圖-背景預設顏色-小圖重複*/
#yblogtitle .mbd {background: url(圖片網址) #8080ff repeat;}


/*部落格自訂格名圖片與隱藏描述-格式四(部落格名以圖片取代)*/
#yblogtitle .edit {display:none;}
#yblogtitle .mbd{text-align:center}
#yblogtitle .mbd .tbd{display:none}
#yblogtitle .rctop,#yblogtitle .rctop div,#yblogtitle .rcl,#yblogtitle .rcr,#yblogtitle .rcbtm,#yblogtitle .rcbtm div{zoom:1;filter:alpha(opacity:0)}
#yblogtitle .thd h1 {display:block;background:url(格名圖網址) center no-repeat;display:block;float:center;width:430px;height:120px;font-size:0;text-indent:-5000px;}


/*滑鼠自動變換含超連結字體變換顏色-連結初始字體顏色-去除連結底線+連結位置相對自動加彩色邊框 線*/
/*附記 : 左右欄框分目錄連結,字體顏色在此會 受到影響*/
body{cursor:url(小圖網址)}
a:hover{cursor:url(小圖網址);color:#00ffff;}
a,a:link,a:visited{color:#ffffff;text-decoration: none}
a:hover {position: relative; border-left:3px ridge #00ffff; border-right:3px ridge #ffff00; border-top:3px ridge #00ff80; border-bottom:3px ridge #ff00ff;}

/*左右欄框分類標題 -框與框的間距+邊框 線*/
.ycntmod .mbd ul.list li {margin-bottom:7px; border-left:3px ridge #00ffff; border-right:3px ridge #ffff00; border-top:3px ridge #00ff80; border-bottom:3px ridge #ff00ff;}


/*左右欄框分類標題 -標題小圖-不重複 - 小圖與文字間隙*/
.ycntmod .mbd ul.list li {background:url(小圖網址) 3% 10% no-repeat;padding-left:15px;}


/*左右欄位加底&透明度*/
.yc3subbd, .yc3sec {border:3px double #FBD3D5;margin-bottom:5px;background:#FFEFEC;filter:alpha(opacity=60);opacity:0.60;}



/*文章標題小圖-不重複 - 小圖與文字間隙 - 小圖與文字位置*/
.yblogcnt .blgtitlebar h2 {background:url(小圖網址) no-repeat;padding-left:15px;}
.yblogcnt .blgtitlebar {margin-bottom:10px;zoom:1;}


/*文章標題字體-顏色-字型-大小-粗體*/
.yblogcnt .blgtitlebar h2 {color:#FF0000;font-family:標楷體;font-size:22px;font-weight:bold;}


/*文章欄位字體顏色 - 字型 - 字體大小*/
.yc3pribd .text {color: #AFEEEE;font-family:新細明體;font-size:125%;}



/*所有預設整體字體-顏色-字型-大小(其它架框項目無設定時,在此可能影響)*/
.text {color:#FFFF00; font-family:新細明體; font-size:115%;}


或是 ↓↑


/*全版預設整體字體-顏色-字型-大小(其它架框項目無設定時,在此可能影響)*/
BODY {color:#FFFF00;Font-Family: 新細明體;Font-Size:115%;}



/*欄位名稱標題字體顏色-字型-字體大小-粗體-欄位寬高*/
#ymodmsgbd .mhd h3, .ycntmod .mhd h3, .ymsgboard .mhd h3 {color:#FF0000;font-family:標楷體;font-size:22px;font-weight:bold;width:123px;height:35px;}


/*欄位名稱標題+背景圖(建議用橫形圖)-圖片左右位置-不重複-文字位置 - (此語法建議用在不透明樣式)*/
#ymodmsgbd .mhd h3, .ycntmod .mhd h3, .ymsgboard .mhd h3 {background: url(圖片網址) 50% no-repeat;padding-left:15px;padding-top:15px;}


/*欄位名稱標題背景顏色(當使用欄位名稱標題透明背景圖時,背景顏色跟著一起呈現)*/
.yc3sec .mhd,.yc3sub .mhd{background:#FF0000}



/*個性圖 - 圖框大小-不重複+邊框 線*/
#ymodprf .horos{width:129px;height:129px;background:url(圖片網址) no-repeat center; border-left:4px double #00ffff; border-right:4px double #00ffff; border-top:4px double #00ffff; border-bottom:4px double #00ffff;}


/*隱藏窄欄框上的"上傳個人相片"及"編輯個人檔案"按鈕*/
#ymodprf .btneditprf a {display:none;}
#ymodprf .btnulprfphoto a {display:none;}


/*改變性別圖上方的星座文字-置左-字體-文字大小-文字顏色*/
#ymodprf .horos{text-align:left; font-family:新細明體; font-size:14px; color:#FF0000;}


/*改變暱稱字體-文字大小*/
#ymodprf .nickname a {font-family:標楷體;font-size:28px;}



/*月曆-字體基本顏色-字體大小+背景圖-背景預設顏色+邊框*/
#ymodcal table {color:#FF0000; font-size:100%; background: url(圖片網址) #000000; border-left:4px double #00ffff; border-right:4px double #00ffff; border-top:4px double #00ffff; border-bottom:4px double #00ffff;}


/*整欄月曆襯底背景圖(建議使用單色系)*/
#ymodcal {background: url(圖片網址) repeat;}


/*月曆-連結日期字體顏色+醒目框線*/
#ymodcal table a {color:#00ffff; border-left:1px solid #ff0000; border-right:1px solid #ff0000; border-top:1px solid #ff0000; border-bottom:1px solid #ff0000;}


/*月曆-年月連結字體顏色-字體大小(上年-下月)(注意 : 如果使用了連結自動加框線語法,建議使用目前語法中的字體大小)*/
#ymodcal a {color:#00ff80;} /*←年份三角翻查符號顏色*/
#ymodcal .selyr {color:#ffff00;font-size:80%;}
#ymodcal .selmn a {color:#ff00ff;font-size:70%;}


/*月曆-年月背景小圖(上年-下月)*/
#ymodcal .selyr {background: url(背景小圖) no-repeat;width:50px;height:25px;text-align:center;}
#ymodcal .selmn {background: url(背景小圖) no-repeat;width:70px;height:25px;text-align:center;}


/* 月曆上今天日期的字體顏色及大小 */
#ymodcal .mbd td strong {color:#FFFF00; font-size:115%;}


/* 月曆星期的字體顏色 */
#ymodcal th {color:#00ff80;}


/*附記:如果因為使用了圖片式欄位邊框,而影響月曆的年月不能顯示,可利用↓做修正*/
#ymodcal .selyr, #ymodcal .selmn a {width:60px;font-size:100%;;margin-left:-5px;}



/*招呼語隱藏"我要留言"字樣(招呼語有連結作用時,此語法不能使用)*/
#yblast .text a{display:none;}


/*招呼語+邊框線*/
#yblast .bg {border-left:4px double #00ffff; border-right:4px double #00ffff; border-top:4px double #00ffff; border-bottom:4px double #00ffff;}


/*招呼語-自訂背景圖,底圖圖如果與字寬同寬時,可設 no-repeat (圖片網址空白即透明)*/
#yblast .bg {background: url(圖片網址) repeat;}


/*Opacity for blast招呼語透明度*/
#yblast .bg {zoom:1; filter:alpha(opacity:100)}


/*招呼語-自訂背景圖,底圖寬高*/
#yblast .bg {width:85%;height:70px;}


/*招呼語-自訂背景圖,底圖位置*/
#yblast {position:relative;top:27px;left:17px;}


/*招呼語-文字寬高(建議這一段語法獨立寫)*/
#yblast .text {width:90%;height:70px;}


/*招呼語-文字置中-文字位置*/
#yblast .text{text-align:center; position:relative;top:-45px;left:-10px;}


/*招呼語-字體顏色-字型-大小-粗體(當招呼語有連結作用時,需在.text後空一格加入 a 改變為連結的字體作用*/
#yblast .text{color:#FF0000;font-family:標楷體;font-size:300%;font-weight:bold;}



/*Shared rounded corner for all modules 全欄位框線*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(圖01.gif) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(圖02.gif) right top no-repeat;height:10px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url(圖03.gif) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(圖04.gif) right bottom no-repeat;height:10px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:5px;background:url(圖05.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:5px;background:url(圖06.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}



/*shared rounded corner for all modules 透明無框線*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:transparent left top no-repeat;margin-right:0px;}
.ycntmod .rctop div {background:transparent right top no-repeat;height:0px;font-size:0;position:relative;right:-0px;}
.ycntmod .rcbtm {zoom:1;background:transparent left bottom no-repeat;margin-right:0px;}
.ycntmod .rcbtm div {background:transparent right bottom no-repeat;height:0px;font-size:0;position:relative;right:-0px;}
.ycntmod .rcl {padding-left:0px;background:transparent repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:0px;background:transparent right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}



/*隱藏框線*/
.ycntmod .rctop {background:none;}
.ycntmod .rctop div {background:none;}
.ycntmod .rcbtm {background:none;}
.ycntmod .rcbtm div {background:none;}
.ycntmod .rcl {background:none;}
.ycntmod .rcr {background:none;}



/*透明化無框線將background:url(圖片.gif) 改成 background:transparent 透過*/


/*標題框*/
#yblogtitle .rctop {zoom:1;background:url(圖01.gif) left top no-repeat;margin-right:5px;}
#yblogtitle .rctop div {background:url(圖02.gif) right top no-repeat;height:10px;font-size:0;position:relative;right:-5px;}
#yblogtitle .rcbtm {zoom:1;background:url(圖03.gif) left bottom no-repeat;margin-right:5px;}
#yblogtitle .rcbtm div {background:url(圖04.gif) right bottom no-repeat;height:10px;font-size:0;position:relative;right:-5px;}
#yblogtitle .rcl {padding-left:10px;background:url(圖05.gif) repeat-y;}
#yblogtitle .rcr {zoom:1;padding-right:10px;background:url(圖06.gif) right repeat-y;}


/*文章框*/
.yc3pribd .rctop {zoom:1;background:url(圖01.gif) left top no-repeat;margin-right:5px;}
.yc3pribd .rctop div {background:url(圖02.gif ) right top no-repeat;height:10px;font-size:0;position:relative;right:-5px;}
.yc3pribd .rcbtm {zoom:1;background:url(圖02.gif ) left bottom no-repeat;margin-right:5px;}
.yc3pribd .rcbtm div {background:url(圖04.gif ) right bottom no-repeat;height:10px;font-size:0;position:relative;right:-5px;}
.yc3pribd .rcl {padding-left:5px;background:url(圖05.gif ) repeat-y;}
.yc3pribd .rcr {zoom:1;padding-right:5px;background:url(圖06.gif ) right top repeat-y;}


/*左右側欄框線*/
.yc3sec .rctop,.yc3sub .rctop {zoom:1;background:url(圖01.gif ) left top no-repeat;margin-right:0px;}
.yc3sec .rctop div,.yc3sub .rctop div {background:url(圖02.gif ) right top no-repeat;height:10px;font-size:0;position:relative;right:-0px;}
.yc3sec .rcbtm,.yc3sub .rcbtm {zoom:1;background:url(圖03.gif ) left bottom no-repeat;margin-right:0px;}
.yc3sec .rcbtm div,.yc3sub .rcbtm div {background:url(圖04.gif ) right bottom no-repeat;height:10px;font-size:0;position:relative;right:-0px;}
.yc3sec .rcl,.yc3sub .rcl {padding-left:5px;background:url(圖05.gif ) repeat-y;}
.yc3sec .rcr,.yc3sub .rcr {zoom:1;padding-right:5px;background:url(圖06.gif ) right repeat-y;}



/*將預設兩欄式版型擴張(加寬)至左右邊界*/ /*注意!兩組二選一*/
.twocoldr .ycnt3col,.twocolga .ycnt3col {width:990px;}

.twocoldr .ycnt3col,.twocolga .ycnt3col {width:99.9%;}



/*隱藏左右欄位名稱標題*/
.yc3sec .mhd,.yc3sub .mhd{display:none}


/*隱藏文章欄位全部文章大標題*/
.yc3pribd .mhd{display:none}


/*隱藏性別小圖*/
#ymodprf .horos img{display:none;}


/*隱藏部落格相簿*/
#ymodalbum{display:none;}


/*隱藏更新日期欄*/
#ymodupdate{display:none}


/*隱藏摩頭摩尾(奇摩頁首與頁尾)*/
#yhtw_masthead, #yhtw_mastfoot{display:none;}



/*隱藏標題按鍵組*/
#yblogtitle .tft div a span{display:none;}


/*發表文章*/
div.btncompose a{display:block;width:76px;height:22px;overflow:hidden;background:url(
http://tw.yimg.com/i/tw/blog/btn_postblog.gif) no-repeat;}


/*上傳相片*/
div.btnphoto a{display:block;width:76px;height:22px;overflow:hidden;background:url(
http://tw.yimg.com/i/tw/blog/btn_ulimg.gif) no-repeat}


/*管理部落格*/
div.btnsetup a{display:block;width:92px;height:22px;overflow:hidden;background:url(
http://tw.yimg.com/i/tw/blog/yimg/btn_setupblog.gif) no-repeat}


/*訂閱部落格*/
div#btnsbsrb a,div#btnsbsrb_nologin a{display:block;width:89px;height:22px;overflow:hidden;background:url(
http://tw.yimg.com/i/tw/blog/btn_subscribe.gif) no-repeat;}



/*文章內文下方告示圖片*/
#yarticle .browsebtns{background:url(圖片網址) center bottom no-repeat;width:449px;height:100px;}


/*回應欄位圖片動畫*/
#rtemodule {background:url(圖片網址) no-repeat scroll center top;padding-top:120px;}



/*留言內容欄*/


/*文章欄我要留言按紐背景小圖-我要留言字體-顏色-字型-粗體字*/
#ymsgboard q a {background:url(背景小圖網址) no-repeat;color:#FF0000;font-family:標楷體;font-size:32px;font-weight:bold;}


/*留言板標題列高度-背景圖*/
#ymsgboard .mhd {height:100px;background:url(背景圖網址) repeat-y;}


/*留言板留言內容欄背景圖*/
#ymsgboard .mbd {background:url(背景圖網址) repeat-y;}


/*留言板透明度-注意!設為全透明時,背景圖無作用*/
#ymsgboard .rctop, #ymsgboard .rctop div, #ymsgboard .rcl, #ymsgboard .rcr, #ymsgboard .rcbtm, #ymsgboard .rcbtm div {zoom:1; filter:alpha(opacity:50)}


/*留言板標題留言板字體*/
#ymsgboard .mhd h3 {color:#ff00ff;font-family:新細明體;font-size:24px;}


/*留言板標題留言板字體置中 (此段不加入時,即置於左側)*/
#ymsgboard .mhd .text {text-align:center;}


/*留言板標題留言板字體隱藏 (此段如果覺得有礙美觀可應用)*/
#ymsgboard .mhd h3 {display:none;}


/*留言板留言內容字體*/
#ymsgboard .mbd .text {color:#0000ff;font-family:新細明體;font-size:16px;}


/*留言板所有連結字體*/
#ymsgboard .mbd .text a {color:#FF0000;font-family:新細明體;font-size:20px;}



/*版面寬度定位*/


/*版面寬度定位-三欄式*/
.thrcol #yhtw_mastfoot {width:995px;margin:0 auto;}
.thrcol[class]{min-width:995px;behavior:none; }
.thrcol .ycnt3col {zoom:1;width:995px;text-align:left;margin:0 auto;}


/*版面寬度定位-二欄式*/
.twocolga #yhtw_mastfoot, .twocoldr #yhtw_mastfoot {width:950px;margin:0 auto;}
.twocolga[class], .twocoldr[class]{min-width:950px;behavior:none;}
.twocolga .ycnt3col,.twocoldr .ycnt3col {zoom:1;width:950px;text-align:left;margin:0 auto;}


/*捲軸顏色變更設定*/
html{
scrollbar-base-color : #ff0000; /*整體顏色*/
scrollbar-face-color : #000000; /*軸面顏色*/
scrollbar-track-color: #000000; /*軸軌顏色*/
scrollbar-arrow-color : #ff0000 ;/*箭頭顏色*/
scrollbar-3dlight-color: #ff0000; /*左立體邊顏色*/
scrollbar-highlight-color : #ff0000; /*軸面左角邊顏色*/
scrollbar-shadow-color : #ff0000; /*軸面右角邊顏色*/
scrollbar-darkshadow-color : #ff0000; /*右立體邊顏色*/
}

語法背景色&文字顏色設定大略註解:


background-color:#FFFFFF (顏色碼) 設定背景顏色。
簡例:background:#6699CC;


color:設定字體顏色。
例:color:#FF9900; (#FF9900為顏色代碼參閱色碼表變更)


font-family:設定文字字型。
例:font-family:新細明體;


font-size:設定文字大小。(必須為正整數)
例1:font-size:20px;
例2:font-size:120%;


text-align:決定 文字水平對齊方式。left:靠左對齊 center:置中對齊 right:靠右對齊
例:text-align:center;


font-weight(文字粗細):設定文字粗細。normal:正常 bold:粗體 bolder:特粗 細體:lighter
例:font-weight:bold;


width(寬):區塊的寬度 (不設定,依系統原訂大小)
height(高):區塊的高度 (不設定,依系統原訂大小)



指定背景圖位置


/*背景圖片x與y軸的位置*/


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%; /*右邊下方*/


background-position : top; /*向上對齊*/
background-position : bottom; /*向下對齊*/
background-position : left; /*向左對齊*/
background-position : right; /*向右對齊*/
background-position : center; /*置中對齊*/



圖片重複方向 :


repeat = 整頁重複


repeat-x = 橫向排列,適用垂直條形圖


repeat-y = 縱向排列,適用水平條形圖


no-repeat = 單張圖片不重複,適用與架框同等長寬的圖片



邊框語法解說 :


border-left:5px double #00ffff; border-right:5px double #00ffff; border-top:5px double #00ffff; border-bottom:5px double #00ffff;


left = 左邊框


right = 右邊框


top = 上邊框


bottom = 下邊框


double = 雙線 (請參考框線條樣式)


5px = 框線粗細像素值 (一般使用在1~5之間)


#ff00ff = 框線顏色色碼 (可搭配個人使用的背景配色,請參考色碼表)


框線條樣式 : ( 無、點線、實線、雙線、溝線、脊線、嵌入線、浮出線 )


相對應語法 : none︱ dotted|solid︱ double︱ groove︱ ridge︱ inset︱ outset


貼語法路徑→管理部落格→面板設定→自訂樣式→加入語法→確定


色碼表應用 : (注意 : 有些數字色碼無支援應用在奇摩部落格當邊框顏色,無支援的貼上只會顯示灰色)



大部分取自語法應用編輯(二度空間)


參閱文章網址( http://tw.myblog.yahoo.com/jw!.KNty8iGR0WBlosOtiUpDA--/article?mid=7489 )



整理補充編輯:




 



引用:http://tw.myblog.yahoo.com/jw!zgGA9hWTEg6DAB0jiS5wNn8-/article?mid=15204

oreokimo 發表在 痞客邦 留言(0) 人氣()















   <table><tr><td><img src="圖片網址"></td> 
<td><img src="圖片網址
"></td></tr>  </table>


效果:















方法2:


 


<CENTER><div >


<img src=" 圖片網址" width=寬度 height=長度 >


<img src=" 圖片網址" width=寬度 height=長度 >


<img src=" 圖片網址" width=寬度 height=長度 >


</div>



 


 






 



引用:http://tw.myblog.yahoo.com/jw!Rg0xrvWLHw4Xoss5LK.PTypIhXtG1KA0IAhS/article?mid=36101

oreokimo 發表在 痞客邦 留言(0) 人氣()


























<center><img src="圖片網址" style="border:3 solid #ff0000"><br><br><br></center>


1.單線框:





<center> <img src="圖片網址" style="border:5 double green"><br><br><br></center>
2.雙線框:





<center> <img src="圖片網址" style="border:25 outset #ff88ff"><br><br><br></center>

3.凸出框:






<center> <img src="圖片網址" style="border:25 inset #ff88ff"><br><br><br></center>


4.凹進框:






<center> <img src="圖片網址" style="border:4 dashed #ff0000"><br><br><br></center>


5.虛線框:






<center> <img src="圖片網址" style="border:25 groove green" border="0"><br><br><br></center>


6.凹槽框:






<center> <img src="圖片網址" style="border:25 ridge green" border="0"><br><br><br></center>


7.脊狀框:





<center><img src="圖片網址" style="filter:invert"></center>
8.色彩顛倒:


 



引用:http://tw.myblog.yahoo.com/jw!D0Hmvi6AQE4KB_APoqr3Vch64w--/article?mid=84332

oreokimo 發表在 痞客邦 留言(0) 人氣()


登入部落格→點右上「管理部落格」→左側進階管理


按「管理自訂欄位」,將語法複製貼在「自訂欄位內容」裡面


按「儲存」--完成。 「自訂欄位名稱」自己自由命名


 


語法:


<table cellspacing="0" cellpadding="3" border="0"><tr><td rowspan="2">
<img height="31" src="http://udn.com/WEATHER/IMAGES/taipeiicon.gif"
width="38"/></td><td colspan="3">
<strong>
<a href="http://udn.com/WEATHER/taipei.htm" style="
">台北</a></strong></td></tr><tr><td>
<img height="13" src="http://udn.com/WEATHER/IMAGES/taipeilowtemp.gif"
width="27"/></td><td>-</td> <td>
<img height="13" src="http://udn.com/WEATHER/IMAGES/taipeihightemp.gif"
width="27"/></td></tr></table>
<table cellspacing="0" cellpadding="3" border="0"><tr><td rowspan="2">
<img height="31" src="http://udn.com/WEATHER/IMAGES/taichungicon.gif"
width="38"/></td><td colspan="3">
<strong>
<a href="http://udn.com/WEATHER/taichung.htm" style="">台中</a></strong></td></tr><tr><td>
<img height="13"src="http://udn.com/WEATHER/IMAGES/taichunglowtemp.gif"
width="27"/></td><td>-</td> <td>
<img height="13" src="http://udn.com/WEATHER/IMAGES/taichunghightemp.gif"
width="27"/></td></tr></table>
<table cellspacing="0" cellpadding="3" border="0"><tr><td rowspan="2">
<img height="31" src="http://udn.com/WEATHER/IMAGES/kaoshiungicon.gif"
width="38"/></td><td colspan="3">
<strong>
<a href="http://udn.com/WEATHER/kaoshiung.htm" style="">高雄</a></strong></td></tr><tr><td>
<img height="13"src="http://udn.com/WEATHER/IMAGES/kaoshiunglowtemp.gif"


 width="27"/></td><td>-</td> <td>
<img height="13" src="http://udn.com/WEATHER/IMAGES/kaoshiunghightemp.gif"
width="27"/></td></tr></table>
<img src="http://weather.news.yam.com/satellite/s1p3.gif" width="118" height="118">
<p align="center"><img src="http://banners.wunderground.com/banner/gizmotemp/global/stations/58968.gif" border="0" width="120" height="41"></p>


引用:http://tw.myblog.yahoo.com/jw!I8MzCDuTQUNE.018guY1a9w-/article?mid=35098

oreokimo 發表在 痞客邦 留言(0) 人氣()


登入部落格→點右上「管理部落格」→左側外
觀設計按「面板設定」→按「自訂樣式」將語法複製
貼在「輔助編輯功能」內容裡面,按「確定」完成


語法:


綠底白框
html{SCROLLBAR-FACE-COLOR:#1F6312;
SCROLLBAR-3DLIGHT-COLOR:#1F6312;
SCROLLBAR-ARROW-COLOR:#ffffff;
SCROLLBAR-TRACK-COLOR:#FFF8B3;
SCROLLBAR-DARKSHADOW-COLOR:#1F6312;}
白底藍框
html{SCROLLBAR-FACE-COLOR:#ffffff;
SCROLLBAR-HIGHLIGHT-COLOR:#3C8AFF;
SCROLLBAR-SHADOW-COLOR:#3C8AFF;
SCROLLBAR-3DLIGHT-COLOR:#ffffff;
SCROLLBAR-ARROW-COLOR:#3C8AFF;
SCROLLBAR-TRACK-COLOR:#ffffff;
SCROLLBAR-DARKSHADOW-COLOR:#ffffff;}
白底黑框
html{SCROLLBAR-FACE-COLOR:#FFFFFF;
SCROLLBAR-SHADOW-COLOR:#FFFFFF;
SCROLLBAR-3DLIGHT-COLOR:#000000;
SCROLLBAR-DARKSHADOW-COLOR:#000000;
SCROLLBAR-ARROW-COLOR:#000000;
SCROLLBAR-TRACK-COLOR:#FFFFFF;}
灰底白框1
html{SCROLLBAR-FACE-COLOR:#303030;
SCROLLBAR-3DLIGHT-COLOR:#303030;
SCROLLBAR-ARROW-COLOR:#cccccc;
SCROLLBAR-TRACK-COLOR:#303030;
SCROLLBAR-DARKSHADOW-COLOR:#303030;}
灰底白框2
html{SCROLLBAR-FACE-COLOR:#7C8588;
SCROLLBAR-3DLIGHT-COLOR:#7C8588;
SCROLLBAR-ARROW-COLOR:#ffffff;
SCROLLBAR-TRACK-COLOR:#ffffff;
SCROLLBAR-DARKSHADOW-COLOR:#7C8588;}
棕底白框
html{SCROLLBAR-TRACK-COLOR:#a78572;
SCROLLBAR-FACE-COLOR:#6D3314;
SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF;
SCROLLBAR-SHADOW-COLOR:#FFFFFF;
SCROLLBAR-3DLIGHT-COLOR:#6D3314;
SCROLLBAR-DARKSHADOW-COLOR:#6D3314;
SCROLLBAR-ARROW-COLOR:#ffffff;}
粉紅底紅框
html{SCROLLBAR-FACE-COLOR:#FFC8DA;
SCROLLBAR-3DLIGHT-COLOR:#F28FCF;
SCROLLBAR-ARROW-COLOR:#ffffff;
SCROLLBAR-TRACK-COLOR:#ffffff;
SCROLLBAR-DARKSHADOW-COLOR:#F28FCF;}
草綠底白框
html{SCROLLBAR-FACE-COLOR:#55AA00;
SCROLLBAR-3DLIGHT-COLOR:#55AA00;
SCROLLBAR-ARROW-COLOR:#ffffff;
SCROLLBAR-TRACK-COLOR:#ffffff;
SCROLLBAR-DARKSHADOW-COLOR:#55AA00;}
暗藍底白框
html{SCROLLBAR-FACE-COLOR:#4E7CAE;
SCROLLBAR-3DLIGHT-COLOR:#4E7CAE;
SCROLLBAR-ARROW-COLOR:#ffffff;
SCROLLBAR-TRACK-COLOR:#ffffff;
SCROLLBAR-DARKSHADOW-COLOR:#4E7CAE;}
深紅底白框
html{SCROLLBAR-FACE-COLOR:#840204;
SCROLLBAR-3DLIGHT-COLOR:#840204;
SCROLLBAR-ARROW-COLOR:#ffffff;
SCROLLBAR-TRACK-COLOR:#020202;
SCROLLBAR-DARKSHADOW-COLOR:#840204;}
紫底白框
html{SCROLLBAR-FACE-COLOR: #460434;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
SCROLLBAR-SHADOW-COLOR: #ffffff;
SCROLLBAR-3DLIGHT-COLOR: #460434;
SCROLLBAR-ARROW-COLOR: #ffffff;
SCROLLBAR-TRACK-COLOR: #460434;
SCROLLBAR-DARKSHADOW-COLOR: #460434;
SCROLLBAR-BASE-COLOR: #ffffff}
暗藍白框
html{SCROLLBAR-FACE-COLOR:#565A59;
SCROLLBAR-3DLIGHT-COLOR:#565A59;
SCROLLBAR-ARROW-COLOR:#ffffff;
SCROLLBAR-TRACK-COLOR:#ffffff;
SCROLLBAR-DARKSHADOW-COLOR:#565A59;}
白底黃框
html{SCROLLBAR-FACE-COLOR:#fcfcfc;
SCROLLBAR-HIGHLIGHT-COLOR:#fcfcfc;
SCROLLBAR-SHADOW-COLOR:#fcfcfc;
SCROLLBAR-3DLIGHT-COLOR:#fcfcfc;
SCROLLBAR-ARROW-COLOR:#ff6699;
SCROLLBAR-TRACK-COLOR:#fcfcfc;
SCROLLBAR-DARKSHADOW-COLOR:#fcfcfc;}
黑底粉紅框
html{SCROLLBAR-FACE-COLOR:#000000;
SCROLLBAR-HIGHLIGHT-COLOR:#E11EF0;
SCROLLBAR-SHADOW-COLOR:#E11EF0;
SCROLLBAR-3DLIGHT-COLOR:#E11EF0;
SCROLLBAR-DARKSHADOW-COLOR:#E11EF0;
SCROLLBAR-ARROW-COLOR:#E11EF0;
SCROLLBAR-TRACK-COLOR:#0F0000;}
紫底白框
html{SCROLLBAR-FACE-COLOR:#82466A;
SCROLLBAR-3DLIGHT-COLOR:#82466A;
SCROLLBAR-ARROW-COLOR:#ffffff;
SCROLLBAR-TRACK-COLOR:#020202;
SCROLLBAR-DARKSHADOW-COLOR:#82466A;}
藍底白框
html{
SCROLLBAR-FACE-COLOR:#031649;
SCROLLBAR-3DLIGHT-COLOR:#031649;
SCROLLBAR-ARROW-COLOR:#ffffff;
SCROLLBAR-TRACK-COLOR:#ffffff;
SCROLLBAR-DARKSHADOW-COLOR:#031649;}
粉紅底粉紅框
html{SCROLLBAR-FACE-COLOR:#fcb4fc;
SCROLLBAR-HIGHLIGHT-COLOR:#fc48d8;
SCROLLBAR-SHADOW-COLOR:#fc48d8;
SCROLLBAR-3DLIGHT-COLOR:#fcd8fc;
SCROLLBAR-ARROW-COLOR:#fc00fc;
SCROLLBAR-TRACK-COLOR:#fcd8fc;
SCROLLBAR-DARKSHADOW-COLOR:#fcd8fc;}



引用:http://tw.myblog.yahoo.com/jw!I8MzCDuTQUNE.018guY1a9w-/article?mid=50500

oreokimo 發表在 痞客邦 留言(0) 人氣()
































 






 












 


83種語法教學


 
















































































































1.       最基本貼圖法2.      停留時間語法
3.      教您改變滑鼠游標使用方法 (CSS語法) (1)4.      2.閃圖+動畫+輕鬆短片+溫馨小品
5.     閃圖+動畫+短片+溫馨小品16.      如何設計自訂欄位(加料更新)
7.     YOUTUBE影音教學8.      如何替部落格加框(內,外框)
9.     如何設定分類和內文背景10.  捲軸設定
11.  如何設定整體背景(左,右,置中)12.   如何更改標題欄位背景(文章欄位+分類欄位)
13.  如何在標題前加上小圖14.   統計器故障報修中
15.  如何放大字體16.   公告:拯救三欄式版面
17.  奇摩貼影音檔教學218.   部落格更換動畫背景語法
19.  部落格文章前加小動畫20.  自定欄位的圖案語法
21.  自定欄位-天氣語法設定22.  自定欄位-停留時間語法
23.  自定欄位-時間溫度設定語法24.  自定欄位-台灣放大衛星雲圖"語法
25.  捲軸 框線 設定教學26.  奇摩音樂部落格設定法-1
27.  時間溫度 語法-228.  台灣各區天氣語法2
29.  更換&製作滑鼠230.  讓招呼語的留言框消失
31.  頂端功能欄更換背景語法32.  側標題圖語法
33.  把 "搜尋" 請出來34.  改變個人性別圖
35.  粉藍蝴蝶CSS範本36.  釋出blog新版型~歡迎下載唷
37.  自製的yahoo blog模版~快來下載吧38. 刪除部落格標題 底色 
39. 自行創造個性圖  40部落格字體更換法  
41. 框線 設定法  42. 左右兩側標題前小圖 語法  
43. 更新日期圖語法  44. 如何去除連結底線  
45. 訂閱部落格語法  46. 設定部落格音樂網-2
47. 多首聯播音樂語法  48. 解決無法觀看奇摩影片法  
49. 自訂欄位~12星座運勢 



50. 自定欄位~風潮音樂  
51. 自訂欄位~音樂器 -352. 自訂欄位~Flash動畫-時鐘 分享卡 
53. 自訂欄位~Flash動畫-日曆54. 自訂欄位~Flash Game
55. 自訂欄位~狗狗音樂盒56. 自訂欄位~計算您攝取多少卡路里 




57. 自訂欄位~今日運勢算一算   
58. 自訂欄位~養小寵物 
59. 文章標題前加小圖 60. 左右標題加小圖 
61. 自訂欄位╭★製作圖案語法 62. 更改背景透明度 




63. 更換背景圖片  
64. 固定背景設定 
65. 改變 "訂閱部落格" 圖案 66. 計數器的製作 
67. 線上流覽人數製做 68. 改變連結顏色 

69.【梅林大師】使用於奇摩部落 


 


 


70. 可愛星星音樂播放器製作 
 

 

 

 

 

 

 






72流星舞煙火+美麗音樂 




73. test 



74. 【部落格教學分享】使用於奇摩部落格【發表文章】 




75.【部落格教學分享】使用於奇摩部落格【自訂欄位】 



76.【MV影片】使用於奇摩部落格【自訂欄位】 




77.【TVBSN電視】使用於奇摩部落格【自訂欄位】 



78. 把家庭劇院帶回家 








79. 王建民勝投計數器  




80. 施放煙火 




81. HiNet 廣播電台音樂製作( 1 ) 







82. HiNet 廣播電台音樂製作( 2 )  




83. 鉛筆FLASH音樂播放器 



 

  


              

 


 







 



引用:http://tw.myblog.yahoo.com/jw!.vOl9paBGB7X74pPw1X3Ggy8MQ--/article?mid=5533

oreokimo 發表在 痞客邦 留言(2) 人氣()


                        

































 






 












 


83種語法教學


 
















































































































1.       最基本貼圖法2.      停留時間語法
3.      教您改變滑鼠游標使用方法 (CSS語法) (1)4.      2.閃圖+動畫+輕鬆短片+溫馨小品
5.     閃圖+動畫+短片+溫馨小品16.      如何設計自訂欄位(加料更新)
7.     YOUTUBE影音教學8.      如何替部落格加框(內,外框)
9.     如何設定分類和內文背景10.  捲軸設定
11.  如何設定整體背景(左,右,置中)12.   如何更改標題欄位背景(文章欄位+分類欄位)
13.  如何在標題前加上小圖14.   統計器故障報修中
15.  如何放大字體16.   公告:拯救三欄式版面
17.  奇摩貼影音檔教學218.   部落格更換動畫背景語法
19.  部落格文章前加小動畫20.  自定欄位的圖案語法
21.  自定欄位-天氣語法設定22.  自定欄位-停留時間語法
23.  自定欄位-時間溫度設定語法24.  自定欄位-台灣放大衛星雲圖"語法
25.  捲軸 框線 設定教學26.  奇摩音樂部落格設定法-1
27.  時間溫度 語法-228.  台灣各區天氣語法2
29.  更換&製作滑鼠230.  讓招呼語的留言框消失
31.  頂端功能欄更換背景語法32.  側標題圖語法
33.  把 "搜尋" 請出來34.  改變個人性別圖
35.  粉藍蝴蝶CSS範本36.  釋出blog新版型~歡迎下載唷
37.  自製的yahoo blog模版~快來下載吧38. 刪除部落格標題 底色 
39. 自行創造個性圖  40部落格字體更換法  
41. 框線 設定法  42. 左右兩側標題前小圖 語法  
43. 更新日期圖語法  44. 如何去除連結底線  
45. 訂閱部落格語法  46. 設定部落格音樂網-2
47. 多首聯播音樂語法  48. 解決無法觀看奇摩影片法  
49. 自訂欄位~12星座運勢 



50. 自定欄位~風潮音樂  
51. 自訂欄位~音樂器 -352. 自訂欄位~Flash動畫-時鐘 分享卡 
53. 自訂欄位~Flash動畫-日曆54. 自訂欄位~Flash Game
55. 自訂欄位~狗狗音樂盒56. 自訂欄位~計算您攝取多少卡路里 




57. 自訂欄位~今日運勢算一算   
58. 自訂欄位~養小寵物 
59. 文章標題前加小圖 60. 左右標題加小圖 
61. 自訂欄位╭★製作圖案語法 62. 更改背景透明度 




63. 更換背景圖片  
64. 固定背景設定 
65. 改變 "訂閱部落格" 圖案 66. 計數器的製作 
67. 線上流覽人數製做 68. 改變連結顏色 

69.【梅林大師】使用於奇摩部落 


 


 


70. 可愛星星音樂播放器製作 
 

 

 

 

 

 

 






72流星舞煙火+美麗音樂 




73. test 



74. 【部落格教學分享】使用於奇摩部落格【發表文章】 




75.【部落格教學分享】使用於奇摩部落格【自訂欄位】 



76.【MV影片】使用於奇摩部落格【自訂欄位】 




77.【TVBSN電視】使用於奇摩部落格【自訂欄位】 



78. 把家庭劇院帶回家 








79. 王建民勝投計數器  




80. 施放煙火 




81. HiNet 廣播電台音樂製作( 1 ) 







82. HiNet 廣播電台音樂製作( 2 )  




83. 鉛筆FLASH音樂播放器 



 

  


              

 


 







 



引用:http://tw.myblog.yahoo.com/jw!wdNlNpeGGB6nVenJPYKUHb1gyrs-/article?mid=14085

oreokimo 發表在 痞客邦 留言(0) 人氣()