宋易容

蔡依林粉絲部落格 ⓛⓞⓥⓔ 玩美世界 ⓑⓛⓞⓖ™

♥ 唯依愛林♥ 的 Jolin Fans 自製 Jolin 聖誕版型

聖誕節快到了~做了一個溫馨花俏的版型分享依迷

    玩   美   世   界   分   享   

1.使用此版型之前，請先備份你原來CSS總表語法

(另存文字檔預防修改後不滿意可以再恢復你之前的版型)

2.到管理部落格/面版設定/各式樣版/季節/選取下圖樣式

(會跳出視窗提醒更換樣板後會重設自訂樣式中的樣式表，確定要繼續嗎？)

3.請按確定

4.到管理部落格/面板設定/自訂樣式/按清除

5.複製以下完整語法貼在總表才會呈現最好的效果

6.以下語法的中文註解會在你修改完成儲存後自動消失

.....CSS總表語法開始...........................................................................

/*部落上方標題圖及重複底圖設定*/
body {background:url(http://hk.geocities.com/jolinfans168/20081207.gif) center top transparent no-repeat;}
html {background:url(http://hk.geocities.com/jolinfans168/20081207-1.gif) center top;}

/*日曆欄位加圖片及文字顏色設定*/
#ymodcal .mhd{background:url(http://hk.geocities.com/jolinfans168/20081207-2.gif) center top no-repeat;color:#B2020A;font-weight:bolder;padding-left:0px;padding-top:0px;height:131px;}
.yc3sec .mhd a, .yc3subbd .mhd a, .yc3sec .mhd a:link, .yc3subbd .mhd a:link, .yc3sec .mhd a:visited, .yc3subbd .mhd a:visited{color:#B2020A;font-weight:bolder;}
#ymodcal .mbd td strong {color:#B2020A;}
.yc3sec .mhd h3, .yc3sub .mhd h3{color:#B2020A;}

/*訂閱部落格圖示設定*/
div#btnsbsrb a, div#btnsbsrb_nologin a{display:block;width:145px;height:149px;overflow:hidden;background:url(http://hk.geocities.com/jolinfans168/20081207-3.gif) no-repeat;margin:0;}

/*三按鍵更換圖片設定*/
div.btncompose a{display:block;width:138px;height:93px;overflow:hidden;background:url(http://hk.geocities.com/jolinfans168/20081207-4.gif) no-repeat;}
div.btnphoto a{display:block;width:138px;height:93px;overflow:hidden;background:url(http://hk.geocities.com/jolinfans168/20081207-5.gif) no-repeat;}
div.btnsetup a{display:block;width:138px;height:93px;overflow:hidden;background:url(http://hk.geocities.com/jolinfans168/20081207-6.gif) no-repeat;}

/*回應跟引用更換圖片設定*/
div.btncomment a {display:block;height:90px;width:116px;background:url(http://hk.geocities.com/jolinfans168/20081207-7.gif) no-repeat;}
div.btntrackback a {display:block;height:90px;width:116px;background:url(http://hk.geocities.com/jolinfans168/20081207-8.gif) no-repeat;}

/*文章區上標底圖及文字顏色設定*/
.yc3pribd .mhd{background:url(http://hk.geocities.com/jolinfans168/20081207-9.gif) repeat-x;color:#B2020A;text-align:center;font-weight:bolder;color:#B2020A;padding-top:60px;font-weight:bolder;height:60px;text-align:center;}

/*側欄區標題底圖及文字顏色設定*/
.yc3sec .mhd, .yc3subbd .mhd{background:url(http://hk.geocities.com/jolinfans168/20081207-10.gif) no-repeat;color:#B2020A;padding-left:0px;padding-top:60px;text-align:center;height:30px;}

/*個人性別圖示設定*/
#ymodprf .horos img{display:none;}
#ymodprf .horos{width:140px;height:210px;background:url(http://hk.geocities.com/jolinfans168/20081207-11.gif) center no-repeat;}

/*文章前小圖設定*/
.yblogcnt .blgtitlebar {margin-bottom:0px;}
.yblogcnt .blgtitlebar h2 {font-size:14pt;font-weight:bold;background:url(http://hk.geocities.com/jolinfans168/20081207-12.gif) left center no-repeat;padding-left:100px;}

/*側欄區內小圖設定*/
.ycntmod .mbd ul.list li{background-image:url(http://hk.geocities.com/jolinfans168/20081207-13.gif);background-repeat:no-repeat;padding-left:20px;padding-top:20px;}

/*游標圖示設定*/
body{cursor:url(http://hk.geocities.com/jolinfans168/20081207-14.ani);}
a:hover{cursor:url(http://hk.geocities.com/jolinfans168/20081207-15.ani);}

/*更新日期前小圖及文字顏色設定*/
#ymodupdate .mbd .date{color:#000000;background:url(http://hk.geocities.com/jolinfans168/20081207-16.gif) left center no-repeat;padding-left:10px;}

/*招呼語框透明及文字顏色置中設定*/
#yblast{zoom:1;position:relative;top:0px;left:0px;margin:0 0 0px 0;z-index:0;}
#yblast .text{color:#000000;}
#yblast .bg{background:transparent;}
#yblast .text{zoom:0;text-align:center;padding-top:0px;}

/*最新文章及側欄內容文字顏色設定*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{background:transparent;color:#000000;text-align:center;}

/*最新文章及側欄標題文字顏色設定*/
#ymodmsgbd .mhd h3, .ycntmod .mhd h3, .ymsgboard .mhd h3 {color:#B2020A;text-align:center;font-size:16px;font-weight:bold;}

/*文章內文及文章區底色及文字顏色設定*/
.yc3pribd .mbd, .yc3pribd .mft{padding:0px;background:transparent;color:#000000;text-align:center;}

/*部落格標題及描述文字顏色設定*/
#yblogtitle .mbd, #yblogtitle .mft{background:transparent;color:#B2020A;padding:300px 0px 0px 400px;}
#yblogtitle h1, #yblogtitle a {color:#B2020A;font-size:16px;font-weight:bolder;font-family:標楷體;}
#yblogtitle .text {color:#CC3333;}

/*三按鍵位置設定*/
#yblogtitle .tft {margin:0px 0px 0px 0px;}

/*側欄區內文底色及文字顏色設定*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{background:transparent;color:#B2020A;text-align:center;}
.text {color:#000000;}

/*隱藏奇摩置尾區*/
#yhtw_mastfoot{display:none;}

/*連結加框及文字顏色位置改變設定*/
a, a:link, a:visited{color:#000000;text-decoration:none;}
a:hover{color:#666666;position:relative;top:2px;}
a:hover{border:1px #fff outset;}

/*捲軸區色彩設定*/
html{SCROLLBAR-FACE-COLOR:#B2020A;
SCROLLBAR-3DLIGHT-COLOR:#B2020A;
SCROLLBAR-ARROW-COLOR:#ffffff;
SCROLLBAR-TRACK-COLOR:#F8F7F4;
SCROLLBAR-DARKSHADOW-COLOR:#B2020A;}

/*自我介紹欄位文字顏色設定*/
div.btnblgedit, div.btnblgdel, div.btnblgreport, div.btncmntdel {background:transparent;border:1px solid #B2020A;text-align:center;font-weight:bolder;}
.reportbtns span{background:transparent;border:1px solid #B2020A;text-align:center;font-weight:bolder;}

/*個人資料管理頁面+管理回應文字顏色設定*/
#ybloginfo table, #yusrinfo table, #yusrintro p , .listbd, #ycmntlist table th , #ycmntlist .btncmntre{background:transparent #ffffff;text-align:center;color:#000000;text-align:center;}

/*二欄式版面窄欄靠右加大寬度設定*/
.twocolga .yc3main {width:100%;float:left;}
.twocolga .yc3mainbd {margin-right:20px;}
.twocolga .yc3pri {width:100%;}
.twocolga .yc3subbd {width:185px;position:absolute;right:-10px;}
.twocolga .yc3sec {display:none;}
.twocolga #yhtw_mastfoot, .twocoldr #yhtw_mastfoot {width:900px;margin:0 auto;}
.twocolga[class], .twocoldr[class]{min-width:900px;}
.twocolga .ycnt3col, .twocoldr .ycnt3col {zoom:1;width:900px;text-align:left;margin:0 auto;}

/*三欄式版面加大寬度設定*/
.thrcol #yhtw_mastfoot {width:990px;margin:0 auto;}
.thrcol[class]{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:185px;}
.thrcol .yc3pri {width:100%;float:right;}
.thrcol .yc3pribd {margin-right:185px;}
.thrcol .yc3subbd {width:160px;float:left;position:absolute;right:0px;}
.thrcol .yc3sec {width:160px;float:right;position:absolute;left:0px;}

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

.....CSS總表語法結束....................................................................................

以下是奇摩部落格適用的隱藏語法提供參考

依照自己的需要複製語法，貼入自訂樣式CSS總表中即有隱藏效果

/*隱藏招呼語框內的我要留言*/

#yblast .text a{display:none;}

/*隱藏招呼語框*/

#yblast{display:none;}

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

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

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

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

/*隱藏文章欄位標題*/
.yc3pribd .mhd{display:none}
.yc3pribd .mbd{zoom:1;filter:alpha(opacity:0)}

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

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

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

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

/*隱藏文章欄*/
#yarticle{display:none;}

/*隱藏搜尋欄位*/
#ymodsearch{display:none;}

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

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

/*隱藏我的訂閱欄位*/
#ymodsub{display:none;}

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

/*隱藏訂閱部落格*/
#btnsbsrb_nologin{display:none;}

/*隱藏留言板欄位*/
#ymodmsgbd{display:none;}

/*隱藏部落格留言版*/
#ymsgboard{display:none;}

/*隱藏我要留言*/
#yleavemsg{display:none;}

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

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

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

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

/*文章預覽區隱藏回應引用文字*/
.showcmnt {display:none;}
.showcmnt span {display:none;}
.shocmnt span a {display:none;}

/*隱藏文章內回覆引用文字*/
.toggle_item.visible .cmntbd {display:none;}
.toggle_item.invisible .cmntbd {display:none;}
.toggle_item.visible a.norgie {display:none;}
.toggle_item.invisible a.norgie {display:none;}
.toggle_item .hide {display:none;}

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

/*隱藏留言時間*/
#ymsgboard .date {display:none}

/*隱藏星座*/
#ymodprf .horos{display:none;}

    玩  美  世  界  告  示   

索取版型圖片和語法的朋友請給辛苦的創作者熱烈回應吧！

引用須複製全文包括Logo然後按下引用鈕，要確實遵守唷。

  這就是我的Logo歡迎你有空再來逛逛嘿......

由  http://tw.myblog.yahoo.com/jolin-fans 製作，