部落版型自訂---《1》自訂版型語法【一】/*部落格名稱標題前小圖片與文字字體顏色字體大小變更設定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:#未連結時色碼;text-decoration: none}a:hover{color:#連結時色碼<span lang="EN-US" style="FONT-SIZE:14pt;COLOR:red;FONT-FAMI .msgcontent .wsharing ul li { text-indent: 0; } 分享 Facebook Plurk YAHOO! .
留言列表
