【部落格素材教學法】琳達自製韓版STEP 【17.】LINDA BLOG CSS 套裝版型＠☆★風吹向落葉。隨風飄落的楓葉。學習的園地-落葉之楓的新聞台★☆

2008-09-07 22:35:26 | 人氣162| 回應0 | 上一篇 | 下一篇

【部落格素材教學法】琳達自製韓版STEP 【17.】LINDA BLOG CSS 套裝版型

推薦 0 收藏 0 轉貼0 訂閱站台

琳達自製韓版STEP 【17.】LINDA BLOG CSS 套裝版型
各位好友，若喜歡此版型麻煩你正確的引用
若不知如何引用，請您參考琳達教你如何引用BLOG文章
 琳達自製的版型，都是花了好多的時間去製作的
您的正確引用是琳達創作動力喲~

側欄框 ↓

三按鍵鈕 ↓

五按鍵鈕 ↓

/*語法複製開始STEP【17.】LINDA BLOG CSS*/
/*以下隠藏可自行選擇，若不想隱藏，只要刪除那一段語法即可*/
#yblast .text a{display:none;}/*隱藏招呼語的我要留言*/
#ymodupdate {display:none;} /*隱藏更新日期*/
#ymodprf .horos img{display:none}/*隱藏性別小圖示*/
body{overflow-x:hidden;}/*隱藏下方捲軸*/
#ymodprf .horos{display:none}　 /*隱藏個人星座*/
#ymodalbum{display:none;} /*隱藏部落格相簿*/
#ymodmsgbd h3{display:none;}　/*隱藏留言板*/
#yhtw_mastfoot{display:none;} /*隱藏雅虎頁尾 */
div.date {display:none} /*隱藏發文時間*/
#ymodprf{display:none} /*Profile隱藏自我介紹欄*/
#yhtw_masthead .mhlogo{display:none} 　/*隠藏置頂奇摩LOGO */
#yhtw_masthead .mhsch{display:none}　/*隠藏置頂功能服務*/

/*二欄式版面窄欄靠右*/
.twocolga #yhtw_mastfoot, .twocoldr #yhtw_mastfoot {width:780px;margin:0 auto;}
.twocolga[class], .twocoldr[class]{min-width:780px;behavior:none;}
.twocolga .ycnt3col,.twocoldr .ycnt3col {zoom:1;width:780px;text-align:left;margin:0 auto;}
.twocolga .yc3main {width:100%;float:left; margin-left:-160px;}
.twocolga .yc3mainbd {margin-left:160px;}
.twocolga .yc3pri {width:100%;}
.twocolga .yc3subbd {width:157px;float:right;}
.twocolga .yc3sec {display:none;}

/*三欄式版面寬度設定*/
.thrcol #yhtw_mastfoot {width:980px;margin:0 auto;}
.thrcol[class]{min-width:980px;behavior:none;}
.thrcol .ycnt3col {zoom:1;width:980px;text-align:left;margin:0 auto;}
.thrcol .yc3main {width:100%;float:left;}
.thrcol .yc3mainbd {margin-left:160px;}
.thrcol .yc3pri {width:100%;float:right;}
.thrcol .yc3pribd {margin-right:160px;}
.thrcol .yc3subbd {width:157px;float:right;}
.thrcol .yc3sec {width:157px;}
.thrcol .yc3sub{z-index:1;}
.thrcol .yc3pri, .thrcol .yc3main{z-index:10;}

/*Master header*/
body {background:url(http://i278.photobucket.com/albums/kk120/linda750637love/LINDCCS017-1.gif) center top transparent no-repeat;}
html {background:url(http://i278.photobucket.com/albums/kk120/linda750637love/LINDCCS017-2.gif) center top #000000 repeat-y;}
#yhtw_masthead{color:#fff; background:#fff;filter:alpha(opacity=0); opacity:0.50; moz-opacity:0.5;}
#yhtw_masthead a,#yhtw_masthead a:link,#yhtw_masthead a:visited,#yhtw_masthead a:hover{color:#666;}

/*更換性別圖檔*/
#ymodprf .nickname{font-size:12px;font-weight:bold;}
#ymodprf .horos{background-image:url(http://i496.photobucket.com/albums/rr321/sundakib43/pcp_download_005-5.gif); background-repeat:no-repeat;background-position:0% 50%;color: #ffffff;width:90px; height:220px;text-align:center;}
#ymodprf .horos img{display:none}

/*文章前小圖設定*/
.yblogcnt .blgtitlebar {margin-bottom:9px;zoom:1;}
.yblogcnt .blgtitlebar h2 {font-size:125%;font-weight:bold;background:url(http://i357.photobucket.com/albums/oo18/sundakib44/a6ce18c3b398.gif) no-repeat;padding-left:80px;height:77px;}

/*Nav module list 左右欄文章標題前小圖+括號色+更多回應小圖*/
.ycntmod .mbd ul.list li {background:url(http://i278.photobucket.com/albums/kk120/linda750637love/h2linda049.gif ) no-repeat;padding-left:18px;color:#fc0090;text-align:left;padding-top:0px;color:#fc0090;BORDER:1px ridge;}
.ycntmod .mbd ul.list li.more {margin:-5px 20 5 -5px;text-align:right;background:url(http://i51.photobucket.com/albums/f374/linda9237/h2linda196.gif) 21px center no-repeat;}

/*訂閱部落格圖示*/
div#btnsbsrb a{display:block;width:157px;height:34px;overflow:hidden;background:url(http://i278.photobucket.com/albums/kk120/linda750637love/LINDCCS017-43.gif) no-repeat;margin:0;}
div#btnsbsrb_nologin a{display:block;width:157px;height:34px;overflow:hidden;background:url(http://i278.photobucket.com/albums/kk120/linda750637love/LINDCCS017-43.gif) no-repeat;margin:0;}

/*make coomment bar回應跟引用更換圖片語法*/
div.btncomment a {display:block;height:180px;width:130px;background:url(http://i278.photobucket.com/albums/kk120/linda750637love/LINDCCS017-41.gif) no-repeat;}
div.btntrackback a {display:block;height:180px;width:130px;background:url(http://i278.photobucket.com/albums/kk120/linda750637love/LINDCCS017-42.gif) no-repeat;}

/*回應欄位上加圖片或動畫*/
#rtemodule {background:url(http://i240.photobucket.com/albums/ff40/tina88888888/w300/144.gif) no-repeat scroll center top;padding-top:379px;}
/*三按鈕更換圖★㊣linda達令㊣★*/
div.btncompose a{display:block;width:100px;height:30px;overflow:hidden;background:url(http://i278.photobucket.com/albums/kk120/linda750637love/LINDCCS017-51.gif) no-repeat;}
div.btnphoto a{display:block;width:100px;height:30px;overflow:hidden;background:url(http://i278.photobucket.com/albums/kk120/linda750637love/LINDCCS017-52.gif) no-repeat}
div.btnsetup a{display:block;width:100px;height:30px;overflow:hidden;background:url(http://i278.photobucket.com/albums/kk120/linda750637love/LINDCCS017-53.gif) no-repeat}

/*上傳個人相片編輯個人檔案更換圖★㊣linda達令㊣★*/
div.btnulprfphoto a {display:block;height:30px;background:url(http://i278.photobucket.com/albums/kk120/linda750637love/LINDCCS017-54.gif) center top no-repeat;}
div.btneditprf a {display:block;height:30px;background:url(http://i278.photobucket.com/albums/kk120/linda750637love/LINDCCS017-55.gif) center top no-repeat;}

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

/*Blog guest book module留言板文字加閃圖*/
#ymodmsgbd h3{background-image:url(http://yunchan.vis.ne.jp/sos/banner/dark_e3.gif );background-repeat:no-repeat;filter:alpha(opacity=100);background-position:56% 100%;height:25px}
/*Blog album module部落格相簿加閃圖*/
#ymodalbum h3{background-image:url(http://yunchan.vis.ne.jp/sos/banner/dark_e3.gif);background-repeat:no-repeat;filter:alpha(opacity=100);background-position:56% 100%;height:25px}

/*招呼欄位底色及文字顏色設定*/
#yblast .bg {background: transparent}
#yblast .text{color:#1a1632;}

/*部落格描述及名稱連結底色及文字顏色設定*/
#yblogtitle .mbd,#yblogtitle .mft{background:transparent;color:#FFFFFF;padding-top:255px;text-align:center; font-size:14px}
#yblogtitle h1, #yblogtitle a {color: #ffffff; font-size:20px;font-weight:bolder;font-family:標楷體;}

/*側欄區上標底色及文字顏色設定*/
.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:#ffffff;text-align:center;}
/*Nav module body*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{background:transparent; color:#ffffff;}
/*文章區上標底色及文字顏色設定*/
.yc3pribd .mhd{ background:transparent ;color:#1a1632; }
/*Main content body*/
.yc3pribd .mbd,.yc3pribd .mft{ padding:10px;background:transparent;color:#1a1632;}
/*奇摩置尾區文字顏色*/
#yhtw_mastfoot, #yhtw_mastfoot a, #yhtw_mastfoot a:hover{color:#666;}
#yhtw_mastfoot{margin-top:5px;}

/*月曆當日色(底圖)+強調當日字色*/
#ymodcal .mbd td strong {background:url(http://www.qqjay.cn/Article/UploadFiles/200704/2007415185459828.gif) ; color:#480024;}
/*搜尋+字體色+邊框色*/
input, select{background:#b4b4b4;color:#482424;border:1px dotted;color:#000000;FONT-SIZE:12px;font-family:verdana;}

/*Links*/
a, a:link, a:visited{color:#fc0090;text-decoration:none;}
a:hover{color:#480024;position:relative;top:2px;}

/*游標★㊣linda達令㊣★*/
body{cursor:url(http://hk.geocities.com/wei0560729/f016.ani)}
a:hover {cursor:url(http://hk.geocities.com/wei0560729/f020.ani)}

/*Scrollbar*/
html{SCROLLBAR-FACE-COLOR: #000000;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
SCROLLBAR-SHADOW-COLOR: #909090;
SCROLLBAR-3DLIGHT-COLOR: #909090;
SCROLLBAR-ARROW-COLOR: #ffffff;
SCROLLBAR-TRACK-COLOR: #000000;
SCROLLBAR-DARKSHADOW-COLOR: #6c6c6c;}

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

/*left/right 左右框圖*/
.yc3sec .rctop, .yc3sub .rctop {background:url(http://i278.photobucket.com/albums/kk120/linda750637love/LINDCCS017-31.gif) left top no-repeat;margin-right:0px;}
.yc3sec .rctop div, .yc3sub .rctop div {background:transparent right top no-repeat;height:46px;font-size:0;position:relative;right:-0px;}
.yc3sec .rcl, .yc3sub .rcl {padding-left:0px;background:url(http://i278.photobucket.com/albums/kk120/linda750637love/LINDCCS017-32.gif) repeat-y;}
.yc3sec .rcr, .yc3sub .rcr {padding-right:0px;background:transparent right repeat-y;}
.yc3sec .rcbtm, .yc3sub .rcbtm {background:url(http://i278.photobucket.com/albums/kk120/linda750637love/LINDCCS017-33.gif) left bottom no-repeat;margin-right:0px;}
.yc3sec .rcbtm div, .yc3sub .rcbtm div {background:transparent right bottom no-repeat;height:46px;font-size:0;position:relative;right:-0px;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}

/*shared rounded corner for all modules中間框圖*/
.yc3pribd .rctop {zoom:1;background:url(http://i538.photobucket.com/albums/ff347/lindawukiki/LINDACCS00102-1-2.gif?t=1219150780) left bottom repeat-x;margin-right:5px;}
.yc3pribd .rctop div {background:url(http://i538.photobucket.com/albums/ff347/lindawukiki/LINDACCS00102-2-2.gif?t=1219150867) right bottom no-repeat;height:32px;font-size:0;position:relative;right:-5px;}
.yc3pribd .rcbtm {zoom:1;background:url(http://i538.photobucket.com/albums/ff347/lindawukiki/LINDACCS00102-3-2.gif?t=1219150945) left bottom repeat-x;margin-right:5px;}
.yc3pribd .rcbtm div {background:url(http://i538.photobucket.com/albums/ff347/lindawukiki/LINDACCS00102-4-2.gif?t=1219150962) right bottom no-repeat;height:32px;font-size:0;position:relative;right:-5px;}
.yc3pribd .rcl {padding-left:22px;background:url(http://i538.photobucket.com/albums/ff347/lindawukiki/LINDACCS00102-5-2.gif?t=1219150994) repeat-y;}
.yc3pribd .rcr {zoom:1;padding-right:22px;background:url(http://i538.photobucket.com/albums/ff347/lindawukiki/LINDACCS00102-6-2.gif?t=1219151015) right repeat-y;}
.yc3pribd .yc3pribd{overflow:visible;} .yc3pribd .yc3pribd .yblogcnt{overflow:hidden;}

/*隱藏橫框主標題名稱框線圖*/
#yblogtitle .rctop{background:url() left top no-repeat;margin-right:0px}
#yblogtitle .rctop div{background:url() right top no-repeat;height:20px;right:-0px}
#yblogtitle .rcl{background:url() repeat-y}
#yblogtitle .rcr{background:url() right repeat-y}
#yblogtitle .rcbtm {zoom:1;background:url() left bottom no-repeat;margin-right:0px}
#yblogtitle .rcbtm div {background:url() right bottom no-repeat;height:20px;right:-0px}
/*語法結束*/

★使用琳達自製韓版STEP【17.】LINDA BLOG CSS套裝版型語法步驟★

套用奇摩管理部落格面版設定各式樣版少女類第九款
按確定按回我的部落格↓

調整隠藏語法
琳達的語法中最上方有幾組隠藏語法，請自由選擇 若要顯示請不要放上
調整好後，複製琳達自製韓版STEP【17.】LINDA BLOG CSS套裝版型的所有語法
進入到管理部落格面板設定自訂樣式按清除所有CSS語法；
再將琳達的版型語法貼上記得最後要按確定喲!
以上由自製分享

 引申閱讀文章
琳達自製韓版STEP 【16.】LINDA BLOG CSS 套裝版型
 琳達自製韓版STEP 【15.】LINDA BLOG CSS 套裝版型
 琳達自製韓版STEP【14.】LINDA BLOG CSS 套裝版型
 琳達自製韓版STEP【13.】LINDA BLOG CSS套裝版型
 琳達自製韓版STEP【12.】LINDA BLOG CSS套裝版型
 琳達自製韓版STEP【11.】LINDA BLOG CSS套裝版型
 琳達自製韓版STEP【10.】LINDA BLOG CSS套裝版型
 琳達自製韓版STEP【9.】LINDA BLOG CSS套裝版型