Jolin Fans-蔡依林 Jolin 粉紅版型 (10/2修正版)－☆OoOo妮妮~~の幸福物語空間oOoO☆

明星

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

♥ 唯依愛林♥ 的 Jolin Fans自製 Jolin 粉紅版型

目前Yahoo首頁和各大媒體超猛宣傳廣告

7-ELEVEN 30週年3大驚喜

是公主代言的耶！我參考上面網站製作的唷！

玩美世界分享

點上面靜態縮圖可以預覽粉紅版型呈現的動態效果

我分享的有1.大背景圖2.大標題圖3.小標題圖

4.訂閱圖5.回應+引用圖6.性別圖7.招呼語框圖

9.目錄圖(自訂欄位使用)共9款圖示，還有提供2種語法參考

玩美世界教學

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

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

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

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

3.請按確定

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

5.複製下面 Jolin Pink 版型全部語法貼到CSS總表

6. 如果你不是使用三欄式而是二欄式版面請加最下面二欄式語法

7.以下語法的中文註解會在你修改完成後自動消失，有需要的人請另行備份

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

/*標題圖片+文字置中+文字顏色+文字大小*/
#yblogtitle h1 {display:block;float:left;background:url(http://i310.photobucket.com/albums/kk407/JolinTsai520/20080706-1.gif) no-repeat center center;width:100%;height:471px;font-size:0;line-height:0;overflow:hidden;cursor:pointer;cursor:hand;}
#yblogtitle .mbd, #yblogtitle .mft{text-align:center;}
#yblogtitle h1{text-align:center;}
#yblogtitle .text{color:#FF6699;font-size:150%;}

/*訂閱圖片*/
div#btnsbsrb a{display:block;width:150px;height:145px;overflow:hidden;background:url(http://i310.photobucket.com/albums/kk407/JolinTsai520/20080706-2.gif) no-repeat;margin:100;}
div#btnsbsrb_nologin a{display:block;width:150px;height:145px;overflow:hidden;background:url(http://i310.photobucket.com/albums/kk407/JolinTsai520/20080706-2.gif) no-repeat;margin:100;}
#yblogtitle .tft {text-align:right;padding-bottom:0px;position:relative;}

/*招呼語框圖片+框內文字置中+文字顏色+文字大小*/
#yblast{position:relative;top:10px;left:80px;margin:0 0 1px 0;z-index:1;}
#yblast .text, #yblast .bg{overflow:hidden;padding:0px 0px;width:517px;height:75px;}
#yblast .text{zoom:1;text-align:center;padding-top:10px;}
#yblast .text{color:#FF6699;font-size:100%;}
#yblast a.edit{background:url(http://i310.photobucket.com/albums/kk407/JolinTsai520/20080706-3.gif);width:1px;height:1px;}
#yblast .bg {background:url(http://i310.photobucket.com/albums/kk407/JolinTsai520/20080706-3.gif) no-repeat;}

/*性別圖示圖片*/
#ymodprf .horos img{display:none;}#ymodprf .horos{width:130px;height:126px;background:url(http://i310.photobucket.com/albums/kk407/JolinTsai520/20080706-4.gif) center no-repeat;}

/*回應+引用圖片*/
div.btncomment a {display:block;height:145px;width:150px;background:url(http://i310.photobucket.com/albums/kk407/JolinTsai520/20080706-5.gif) no-repeat;}
div.btntrackback a {display:block;height:145px;width:150px;background:url(http://i310.photobucket.com/albums/kk407/JolinTsai520/20080706-6.gif) no-repeat;}

/*背景圖片*/
body {background-image:url(http://i310.photobucket.com/albums/kk407/JolinTsai520/20080706-7.gif);background-repeat:no-repeat;background-position:0% 100%;background-attachment:fixed;}

/*文章標題前小圖*/
.yblogcnt .blgtitlebar {margin-bottom:5px;}
.yblogcnt .blgtitlebar h2 {font-size:13pt;font-weight:bold;background:url(http://i310.photobucket.com/albums/kk407/JolinTsai520/20080706-11.gif) no-repeat;padding-left:20px;font-family:新細明體;}
.yblogcnt .blgtitlebar h2 a {color:#FF6699;padding-right:100px;}

/*左右欄位標題前小圖*/
.ycntmod .mbd ul.list li {background:url(http://i310.photobucket.com/albums/kk407/JolinTsai520/20080706-11.gif) left .10em no-repeat;padding-left:20px;}
.ycntmod .mbd ul.list li.more {margin:0 0;text-align:right;background:url 20px no-repeat;}

/*更新日期前小圖*/
#ymodupdate .mbd .date{background:url(http://i310.photobucket.com/albums/kk407/JolinTsai520/20080706-11.gif) left center no-repeat;padding-left:20px;font-size:120%;font-family:新細明體;}

/*去除連結底線+超連結框線*/
a, a:link, a:visited{color:#FF6699;text-decoration:none;}
a:hover{text-decoration:none;border-left:2px solid #FF99CC;border-right:2px solid #FF99CC;border-top:2px solid #FF99CC;border-bottom:2px solid #FF99CC;}

/*部落右方捲軸*/
html{SCROLLBAR-FACE-COLOR:#FFFFFF;
SCROLLBAR-HIGHLIGHT-COLOR:#FF99CC;
SCROLLBAR-SHADOW-COLOR:#FF99CC;
SCROLLBAR-3DLIGHT-COLOR:#FFFFFF;
SCROLLBAR-ARROW-COLOR:#FF99CC;
SCROLLBAR-TRACK-COLOR:#FFFFFF;
SCROLLBAR-DARKSHADOW-COLOR:#FFFFFF;}

/*部落周邊框線*/
body {border:0px double #F7B3D2;}
html{border-top:3px solid #FC90B4;
border-bottom:3px solid #FC90B4;
border-left:3px solid #FC90B4;
border-right:3px solid #FC90B4;}

/*滑鼠游標*/
body{cursor:URL(http://hk.geocities.com/kelly323331/20080706-12.ani);}
a:hover{cursor:URL(http://hk.geocities.com/kelly323331/20080706-12.ani);}

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

/*個人資料背景+文字顏色*/
#ybloginfo table, #yusrinfo table, #yusrintro p {background:#FFFFFF;color:#FF6699;}

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

/*月曆文字顏色*/
#ymodcal a {color:#FF3399;font-weight:bold;}
#ymodcal .selyr {color:#FF6699;font-size:100%;}
#ymodcal .selmn a {color:#FF6699;font-size:100%;}
#ymodcal .mbd td strong {text-decoration:none;color:#646464;font-weight:bold;}

/*部落頁尾透明度*/
#yhtw_mastfoot, #yhtw_mastfoot a, #yhtw_mastfoot a:hover{color:#FF6699;filter:alpha(opacity=50);}
#yhtw_mastfoot{margin-top:0px;}

/*二欄式版面加大寬度設定*/
.twocolga .yc3main {width:100%;float:left;}
.twocolga .yc3mainbd {margin-right:25px;}
.twocolga .yc3pri {width:100%;}
.twocolga .yc3subbd {width:190px;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;}

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

.....自訂欄位語法開始...................................................................................................

" >http://i310.photobucket.com/albums/kk407/JolinTsai520/20080706-8.gif" border=0 />" >http://i310.photobucket.com/albums/kk407/JolinTsai520/20080706-9.gif" border=0 />" >" border=0 />