培迪 的痞客邦部落格

自訂版型語法

【一】/*部落格名稱標題前小圖片與文字字體顏色字體大小變更設定Blog title*/
#yblogtitle h1{font-size:130%;font-weight:bold;background:url(小圖片網址gif) no-repeat;padding-left:30px; color:#ff0000;font-family:標楷體;}
#yblogtitle .mbd,#yblogtitle .mft{font-size:130%;font-weight:bold;background:url(圖片網址) no-repeat;padding-left:30px; color:# 0000f f;font-family:標楷體;}

【二】/*管理三按鍵位置設定*/

#yblogtitle .tft {margin:0px 0px 0px 0px;}

橫幅圖片及部落名稱及文字大小顏色更改
/*部落格橫幅背景底圖設定Background image for blog title*/

#yblogtitle .mbd {display:block;width:97%;height:550px;overflow:hidden;background:url(http://blog.roodo.com/bnmmo/3d 1c 4937.jpg);background-repeat:repeat;}
#yblogtitle .mbd {background: url(http://home.educities.edu.tw/nkhs9323005/gif0415.gif); background-repeat: repeat}
#yblast{display: none}
/*大標題圖背景+重覆底背景*/
body {background:url(大標題圖背景http://i209.photobucket.com/albums/bb293/hui_0629/1-lovestory405.jpg) center top transparent no-repeat;}
html {background:url(重覆底背景http://i298.photobucket.com/albums/mm264/butter_9705/2-lovestory405.jpg) center top #ffffff; repeat-y;}

/*部落格全版背景底圖設定Background color for whole page*/
body {background: url(http://home.educities.edu.tw/nkhs9323005/gif0415.gif)}

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

/*Background背景圖底圖固定*/
body{ background:#ffffff url(背景圖網址) no-repeat;background-attachment: fixed}

/*Background color for whole page背景底色*/
body {background-color: #色碼}

/*部落格描述及名稱連結底色及文字顏色設定*/

#yblogtitle .mbd,#yblogtitle .mft{background:transparent;color:#411E34;padding-top:460px;text-align:center; font-size:18px;}#yblogtitle h1,

#yblogtitle a {color:#411E34; font-size:22px;font-weight:bolder;font-family:標楷體;}

/*Blog title部落格標題敘述欄底圖*/
#yblogtitle .mbd,#yblogtitle .mft{background: url(底圖網址) repeat; }#yblogtitle h1{color: #000000 ;}

/*Background color for blog title部落格敘述底色*/
#yblogtitle .mbd, #blogtitle .mft {background-color: #色碼}

/*部落格標題圖*/
#yblogtitle h1 { display:block; float:left; background:url(標題圖網址)no-repeat; width:圖片寬度px height:圖片高度px; font-size:0; line-height:0; text-indent:-5000px; overflow:hidden; cursor:pointer; cursor:hand;}

/*Blog title標題置中*/
#yblogtitle .mbd,#yblogtitle .mft{font-size:180%;color:#色碼;font-family:新細明體; color:#D 23C 78;text-align:center;}
#yblogtitle .thd a{width:168px;height:40px;top:-0px;position:relative;left:0px;display:block;}
#yblogtitle .thd h1 {font-size:180%;color:white;font-family:新細明體;}

/*Blog title*部落格標題大小+顏色*/
#yblogtitle .mbd,#yblogtitle .mft{ font-family:標楷體;font-size:170%}
#yblogtitle h1{color:#FF0000;font-family:標楷體;}

/*Text color for blog title*部落格標題字體顏色*/
#yblogtitle .text {color: #660099;font-family:標楷體;font-size:150%;}

☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆

招呼欄的設定

/*Blog blast module招呼語欄字體顏色文字圖框置中*/
#yblast .text{color:#000000;} 《字顏色》

#yblast{text-align:center}《文字置中》

#yblast .bg{background-image:url(http://);background-repeat:no-repeat; background-position:50% 50%;width:446px;height:60px} 《加入背景圖片》#yblast .text{font-size:15px;font-weight:bolder}《文字大小》

/*Opacity for blast招呼語圖框+文字置中*/
#yblast{zoom:1;position:relative;top:-20px;left:0px;margin:0 0 -55px 0;z-index:2;}
#yblast .text,#yblast .bg{overflow:hidden;padding:5px 5px;width:招呼語圖框寬px;height:招呼語圖框高px;}#yblast .text{zoom:1;margin:-55px 0 0;}
#yblast .text a#yblast a.edit{background:url(圖框網址);width:13px;height:13px;}
#yblast .bg {zoom:1; filter:alpha(opacity:透明度); background: url(圖框網址) no-repeat}
#yblast .text{color:#文字顏色之色碼;font-size:90%;}

/*招呼語欄位圖框背景底圖變更設定Opacity for blast*/
#yblast .bg {zoom:1; filter:alpha(opacity:100); background: url(圖片網址)}

☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆

自我介紹欄設定

/*部落格自我介紹欄位內容中性別圖片檔變更設定welcome*/
#ymodprf .horos img{display:none;}
#ymodprf .horos{width:100px;height:100px;background:url(http://home.educities.edu.tw/nkhs9323005/gif0255.gif) center no-repeat;}

/*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(自我介紹圖片的網址);}

/*個人資料管理頁面公開的部落標題文字顏色*/
#ybloginfo table, #yusrinfo table, #yusrintro p {background: transparent #ffffff;color:#666666;}

☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆

各種圖片設定

/*Main content body文章底圖*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p{background-image:url(底圖網址);color: #FF0099} #ymodcal .mbd td strong {color: #FF0099;}

/*Main content header文章標題底圖*/
.yc3pribd .mhd{ background:url(圖片網址) repeat; color:#FF0099}

/*中間欄位標題背景底圖與標題字體顏色設定Main content header*/
.yc3pribd .mhd{background:#ffffff url(http://blog.roodo.com/bnmmo/e 4ac 50c 1.gif);color:#ff0000;}

/*中間欄位標題文章內容背景底圖與文章內容文字字體顏色設定Main content body*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p{background-image: url(底圖網址http://home.educities.edu.tw/nkhs9323005/gif0005.gif) no-repeat;
color:#000000} #ymodcal .mbd td strong {color:#ff0000;}
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro more{background-image: url(http://home.educities.edu.tw/nkhs9323005/gif0415.gif);}

/*中間欄位文章標題前小圖片與文字字體大小變更設定Article content module*/
.yblogcnt .blgtitlebar {margin-bottom:20px;zoom:1;}
.yc3pribd .mbd,more {font-size:110%;font-weight:bold;background:url(http://home.educities.edu.tw/nkhs9323005/gif0005.gif) no-repeat;padding-left:30px;}
.yblogcnt .blgtitlebar h2 {background:url(http://home.educities.edu.tw/nkhs9323005/gif0203.gif) no-repeat;padding-left:30px;}
/ *Article content module中間文章前小圖尺寸字體*/
.yblogcnt .blgtitlebar {margin-bottom:22px;}
.yblogcnt .blgtitlebar h2 {font-size:120%;font-weight:bold;background:url(小圖網址) no-repeat;padding-left:80px;height:80px;}
.yblogcnt .blgtitlebar h 2 a {color:# 5C 1C 04;padding-right:62px;}

/*左右欄位標題背景底圖與標題字體顏色設定Nav module header*/
.yc3sec .mhd, .yc3subbd .mhd{font-family:標楷體;font-size:100%;font-weight:bold;background: url(http://home.educities.edu.tw/nkhs9323005/gif0722.gif);color:#ff0000; no-repeat;padding-left:18px;}

/*Nav module body左右欄位底圖*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{background-image:url(底圖網址);}

/*Nav module header左右欄標題底圖*/
.yc3sec .mhd, .yc3subbd .mhd, .yc3sec .mhd a, .yc3subbd .mhd a,.yc3sec .mhd a:link, .yc3subbd .mhd a:link,.yc3sec .mhd a:visited, .yc3subbd .mhd a:visited{background-image : url(http://blog.roodo.com/bnmmo/8647220b.gif);}

/*左右欄位內容中背景底圖設定Nav module body*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{background-image: url(http://home.educities.edu.tw/nkhs9323005/gif0415.gif);}

/*Nav module header左右欄位標題底色*/
.yc3sec .mhd, .yc3subbd .mhd{background: #色碼;color: #色碼;}

/*Background color for module左右欄位內容底色*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft {zoom:1; background: #色碼; filter:alpha(opacity:透明度)}
/*Links連結--文章標題左右最新文章字樣大小+內底圖*/
a, a:link, a:visited{color:#331626;font-size:120%;text-decoration:none;}
a:hover{color:# 5C 1C 04;text-decoration:none;background:url(圖片網址) repeat;background-position:50% 50%;}
a {text-decoration:none;}
a:hover {position:relative;top:6px;left:6px;}

/*左右欄位內容中標題前小圖片變更設定Nav module list*/
.ycntmod .mbd ul.list li {background:url(http://home.educities.edu.tw/nkhs9323005/gif0005.gif) left .2em no-repeat;padding-left:20px;margin-bottom:1px;_margin-bottom:1px;_line-height:1.5em;}
.ycntmod .mbd ul.list li.more {background:url(http://home.educities.edu.tw/nkhs9323005/gif0005.gif) left .2em no-repeat;}
ycntmod .mbd ul.list li {background:url( 圖片網址)

left .6em no-repeat;padding-left:20px;margin-bottom:3px;_margin-bottom:3px;_line-height:2em;}
.ycntmod .mbd ul.list li.more {margin:-3px 0 0 -3px;text-align:right;background:url( 圖片網址)

15px center no-repeat;}
《2em》-->2可更改讓左右標題每一行空間變大小

解說:紅色部份可改(圖片網址) ( 圖片網址 )
/******各式背景的設定******/

/*左右欄位小圖*/
.ycntmod .mbd ul.list li {BACKGROUND:url(http://i209.photobucket.com/albums/bb293/hui_0629/016-1.gif) no-repeat 0% 0%;padding-left:22px;COLOR:# 6C 6C 6C ;BORDER-TOP:2px inset;BORDER-RIGHT:2px inset;BORDER-LEFT:2px inset;BORDER-BOTTOM:2px inset;}
.ycntmod .mbd ul.list li.more {margin:2px 0 0 2px;text-align:right;background:url(http://i209.photobucket.com/albums/bb293/hui_0629/1079019.gif) 22px center no-repeat;}

/*Nav module list左右欄位小圖*/
.ycntmod .mbd ul.list li {background:url(小圖網址1) left .1em no-repeat;padding-left:25px;margin-bottom:3px;_margin-bottom:3px;_line-height:1.5em;}
.ycntmod .mbd ul.list li.more {margin:-3px 0 0 -3px;text-align:right;background:url(小圖網址2) 20px center no-repeat;}

/*左右欄位小圖設定*/
.ycntmod .mbd ul.list li {margin-bottom:8px;background:url(

http://i211.photobucket.com/albums/bb82/lovable1978/thnameicon_145545.gif) no-repeat;color:# 6C 6C 6C ;padding-left:19px;}
.ycntmod .mbd ul.list li.more {margin:20 5;text-align:right;background:url(http://i211.photobucket.com/albums/bb82/lovable1978/i-h28-ra.gif) 22px center no-repeat;}

#左右欄內最新文章、最新回應、文章分類之標題前小圖示#

(有2組圖)

圖片網址1 --> 出現在 左右標題 前面

圖片網址 2--> 出現在 更多回應 與 所有文章(最下面一行) 前面

/*Nav module list*/
.ycntmod .mbd ul.list li {background:url( 圖片網址)

left .6em no-repeat;padding-left:20px;margin-bottom:3px;_margin-bottom:3px;_line-height:2em;}
.ycntmod .mbd ul.list li.more {margin:-3px 0 0 -3px;text-align:right;background:url( 圖片網址)

15px center no-repeat;}

《2em》-->2可更改讓左右標題每一行空間變大小

解說:紅色部份可改(圖片網址) ( 圖片網址 )

/*更新日期欄位內容中日期時間前小圖片變更設定Module latest upup*/
#ymodupdate .mbd .date{圖片網址) left center no-repeat;padding-left:7px;font-size:89%;font-family:verdana;}
padding-left:7px ←圖檔和右邊文字相差距離，數字越大，兩者之間距離越遠
font-size:89% ←圖檔大小

/*INPUT搜尋圖片設定*/

 input, select{background:transparent;color:# 5F 6567;}

/*文章下方回應框上圖片語法*/
#yarticle .browsebtns{background:url(圖片網址) center bottom no-repeat;width:圖寬度px;height:圖高度px;}

/*回應欄位加圖片*/
#yartcmt .pagination strong{display: none} #yartcmt .pagination{ background:url(http://i211.photobucket.com/albums/bb82/lovable1978/s-33.gif) no-repeat;height:227px; background-position: center;}

為何多一個？/*回應欄位加圖片*/
#yartcmt .pagination strong{display: none} #yartcmt .pagination{ background:url(http://i209.photobucket.com/albums/bb293/hui_0629/cd340.gif) no-repeat;height:334px; background-position: center;}

div.btnblgedit,div.btnblgdel,div.btnblgreport,div.btncmntdel {background:transparent;border:1px solid # 5F 6567;} .reportbtns span{background:transparent;border:1px solid # 5F 6567;}

/*guestbook留言版加圖片*/

#ymsgboard q a {background:url(留言板按鈕圖網址) ;}
#ymsgboard .mhd {background:url(留言板標題圖網址) ;}
#ymsgboard .mbd {background:url(留言板底圖網址) ;}
/*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;}

/*btnsbsrb訂閱部落格圖示*/
div#btnsbsrb a,div#btnsbsrb_nologin a{display:block;width:171px;height:50px;overflow:hidden;background:url(http://i209.photobucket.com/albums/bb293/hui_0629/980309-a5.gif) no-repeat;margin:0;}

/*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;}

/*comment list management管理回應欄*/
.listbd {background:url(管理回應底圖網址); color:#文字顏色之色碼;}
#ycmntlist table th {background: url(管理回應標題圖網址); color: #文字顏色之色碼; }
#ycmntlist .btncmntre {background:url(管理回應按鈕圖網址);}

/*格友留言回應後圖示*/
#ypreviewmsg .yvstrcmnt{background:transparent url(圖片網址) no-repeat scroll center top;padding-top:103px;}

/*預覽或確認按鈕框*/
input,select{background:url(圖片網址);color:#2D0000;border: 3px double #4B6978;font-size:16px;font-family:verdana;}

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

/*編輯刪除按鈕圖片設定*/
div.btnblgedit,div.btnblgdel,div.btnblgreport,div.btncmntdel {background:transparent;border:1px solid # 5F 6567;} .reportbtns span{background:transparent;border:1px solid # 5F 6567;}

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

☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆

連結線設定

/*Links連結去底線*/
a,a:link,a:visited{color:#未連結時色碼http://tw.myblog.yahoo.com/jw!cs6EvQWABUELErDQgEI-/article?mid=35739