2008-07-14 19:27:56 落葉之楓

【部落格素材教學法】『好夢』部落套裝版型【18】

『好夢』部落套裝版型18

 

更多框圖面版分享→ 97.07.08 新增

  好夢』部落套裝欄式版型

  面版預覽↓

   

 

感謝 Tina~小小世界 建議,若使用淺色請先到 管理部落格/面版設定/各式樣版/簡單/第六款

因為它的置頂區是白底透明底比較不會破壞美感 ! 感謝喵喵建議^^


/*版型語法開始↓------------------------------------------------------------------*/

 

/*customization CSS 玄音『好夢』部落套裝版型【18*/

 

/*Links連結--文章標題左右最新文章字樣大小+內底圖*/
a, a:link, a:visited{
color:#FF66CC
;font-size:100%;text-decoration:none;}
a:hover{
color:#000000;text-decoration:none;background:url(http://sl.glitter-graphics.net/pub/6/6113e16hpe4atm.gif
) repeat;background-position:50% 50%;}
a {text-decoration:none;}
a:hover {position:relative;top:2px;left:2px;}

 

/*Background image for whole page自設背景重複固定*/
BODY {background:
#EDFFFF ;background:url(http://i318.photobucket.com/albums/mm426/2008ok/FramePic/0712/4ae69c0d.jpg );background-repeat: repeat;background-position: center center;background-attachment: fixed; }

 

/*Master header 奇摩置頂欄圖+透明度*/
#yhtw_masthead{color:#333; background:#fff;filter:alpha(opacity=30); opacity:0.50; moz-opacity:0.5;}
#yhtw_masthead a,#yhtw_masthead a:link,#yhtw_masthead a:visited,#yhtw_masthead a:hover{color:#666;}

 

/*Blog title 名稱標題欄(三欄式)底圖*/
#yblogtitle .mbd, #yblogtitle .mft{height:270px;background:url(
http://i318.photobucket.com/albums/mm426/2008ok/FramePic/0712/0238c557.gif
) no-repeat;background-position:top center;}
#yblogtitle h1, #yblogtitle a {
color: #000000;font-size:20px;font-weight:bolder;font-family:
標楷體;}  /*格名玄音*/
#yblogtitle .mbd, #yblogtitle .mft{font-size:17px;
color:#000000;padding-top:50px;text-align:left;padding-LEFT:50px;}  /*
格名位置設定
*/
#yblogtitle .tft {margin:
90px 600px 0px 0px;}  /*
三按鍵位置設定*/

/*Blog blast module招呼語字體顏色圖框置中*/
#yblast .text{
color:#FF66CC
;}
#yblast{text-align:center}
#yblast .bg{background:url(
http://i318.photobucket.com/albums/mm426/2008ok/FramePic/0712/2ddb57ff.gif ) no-repeat; background-position:50% 80%;width:468px;height:70px
}
#yblast .text{font-size:
15px;font-weight:bolder}

 

/*--------------------------------左右欄位各部位語法---------------------------------*/

 

/*左右欄區上標無底圖-火狐去背景*/
.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:#000000;text-align:center;}

 

/*Nav module list 左右欄文章標題前小圖+括號色+更多回應小圖*/
.ycntmod .mbd ul.list li {background:url(
http://i318.photobucket.com/albums/mm426/2008ok/FramePic/0712/9529de1e.gif ) no-repeat;padding-left:18px;color:#;text-align:left;padding-top:0px;color:#FF66CC;BORDER:1px ridge
;}
.ycntmod .mbd ul.list li.more {margin:
-5px 20 5 -5px;text-align:right;background:url(http://i318.photobucket.com/albums/mm426/2008ok/FramePic/0712/781a69a8.gif ) 21px center no-repeat;}

 

/*側欄暱稱玄音文字大小*/
#ymodprf .nickname a {font-family:
標楷體;font-size:20px;}

/*更新日小圖*/
#ymodupdate .mbd .date{background:left center no-repeat;font-size:120%;font-family:verdana;}
#ymodupdate .mbd .date{background:url(
http:// ) left center no-repeat;padding-left:12px;font-size:120%;font-family:verdana;}

/*留言版圖檔+字體色*/
yc3sec .mhd a:visited,.yc3subbd .mhd a:visited{background: url() repeat;
color:#;text-align:center;}

/*部落格相簿更換圖片*/
#ymodalbum h3 a {display:block;background:url() repeat;
color:#;width:0px;height:0px;}

/*Nav module body統計資料+月曆+更新日搜尋文字顏色*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{background:transparent;
color:#FF66CC;text-align:center;}

/*月曆星期字體色 */
#ymodcal th {
color:#33CCFF;}

/*月曆當日色(底圖)+強調當日字色*/
#ymodcal .mbd td strong {background:
#FFFFFF; color:#FF0000;}

/*月曆-字體基本顏色-月曆寬度-字體大小+日期面背景圖-背景預設顏色*/
#ymodcal table {
color:#000000;width:120px; font-size:90%; background: url(
http://) #;}

/*INPUT搜尋+字體色+邊框色*/
input, select{background:#FFFFFF;
color:#FF66CC;background:url(http:// ); border:1px solid #CCFFFF; FONT-SIZE:10px; font-family:verdana;}

 

/*-------------------------------中間欄位各部位語法----------------------------*/

 

/*Main content header中間最新文章上欄標題圖+文字色置中*/
.yc3pribd .mhd{font-size:
100%;background:url(http://i318.photobucket.com/albums/mm426/2008ok/FramePic/0712/705d6048.gif ) repeat-x;padding-center;height:50px;color:#000000;background-color:#;text-align:center ;}

 

/*Article content module中間文章前小圖尺寸字體*/
.yblogcnt .blgtitlebar {margin-bottom:10px;}
.yblogcnt .blgtitlebar h2 {font-size:
120%;font-weight:bold;background:url(http://i318.photobucket.com/albums/mm426/2008ok/FramePic/0712/e84383fd.gif) no-repeat;padding-left:81px;height:79px;}
.yblogcnt .blgtitlebar h2 a {color:#0066CC;padding-right:0px;}

 

/*Main content body文章底色+內文字體顏色+部落格檔案內文字體色*/
.yc3pribd .mbd{font-size:120%;
background:#;
background:url(http://i318.photobucket.com/albums/mm426/2008ok/FramePic/0712/8b3f259f.jpg )  repeat;color:#0066CC;}
.yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p {background:transparent;color:#FFFFCC;}

 

/*blog profile 部落格檔案詳細介紹內容二、四圖檔底色+字體色+下欄更多文章底圖*/
.yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p {
background:#;color:#FF66CC;background:url(http://i318.photobucket.com/albums/mm426/2008ok/FramePic/0712/8b3f259f.jpg ) repeat;}

/*blog profile 部落格檔案、個人資料表標題欄加底圖*/
table#bloginfo t
h {background:#;background:url(http://i318.photobucket.com/albums/mm426/2008ok/FramePic/0712/2f8400a1.gif);}
table#usrinfo th {background:#;background:url(
http://i318.photobucket.com/albums/mm426/2008ok/FramePic/0712/2f8400a1.gif);}
 

/*comment list management 管理回應欄+底圖字色+標題圖字色+按鈕圖*/
.listbd {background:url(
http://i318.photobucket.com/albums/mm426/2008ok/FramePic/0712/2f8400a1.gif); color:#000000}

#ycmntlist table th {background: url(
http://i318.photobucket.com/albums/mm426/2008ok/FramePic/0712/2f8400a1.gif); color:#
FF66CC; }
#ycmntlist .btncmntre {
http://i318.photobucket.com/albums/mm426/2008ok/FramePic/0712/090a5687.gif);}

 

/*回應欄位加圖片*/
#yartcmt .pagination strong{display: none}
#yartcmt .pagination{height:320px; background:url(http://i318.photobucket.com/albums/mm426/2008ok/FramePic/0712/f3a14fbc.gif) no-repeat;background-position: center;}

 

/*btnsbsrb訂閱部落格圖示*/
div#btnsbsrb a,div#btnsbsrb_nologin a{display:block;width:150px;height:76px;overflow:hidden;background:url(http://i318.photobucket.com/albums/mm426/2008ok/FramePic/0712/1f533122.gif) no-repeat;margin:0;}

 

/*make coomment bar回應+引用圖*/
div.btncomment a {display:block;width:150px;height:143px;background:url(http://i318.photobucket.com/albums/mm426/2008ok/FramePic/0712/e3931828.gif ) no-repeat;}
div.btntrackback a {display:block;width:150px;height:143px;background:url(http://i318.photobucket.com/albums/mm426/2008ok/FramePic/0712/36cbd4af.gif) no-repeat;}

 

/*edit M blog title三按鍵換圖*/
div.btncompose a{display:block;width:100px;height:30px;overflow:hidden;background:url(http://i318.photobucket.com/albums/mm426/2008ok/FramePic/0712/100f9605.gif) no-repeat;}
div.btnphoto a{display:block;width:100px;height:30px;overflow:hidden;background:url(http://i318.photobucket.com/albums/mm426/2008ok/FramePic/0712/b737a0ed.gif) no-repeat}
div.btnsetup a{display:block;width:100px;height:30px;overflow:hidden;background:url(http://i318.photobucket.com/albums/mm426/2008ok/FramePic/0712/e61757fc-1.gif) no-repeat}

 

/*edit module profile上傳個人相片編輯個人檔案*/
div.btnulprfphoto a {display:block;height:30px;background:url(http://i318.photobucket.com/albums/mm426/2008ok/FramePic/0712/e61757fc.gif ) center top no-repeat;}
div.btneditprf a {display:block;height:30px;background:url(http://i318.photobucket.com/albums/mm426/2008ok/FramePic/0712/d4c5dc05.gif) center top no-repeat;}

 

/*manage buttons編輯刪除按鈕加圖*/
div.btnblgedit,div.btnblgdel,div.btnblgreport {background:url(
http://
);border:none;}
.reportbtns span{background:url(
http:// );border:none;color:#
;}
.reportbtns span a{display:none;}

 

/*------------------------------------所有框線語法--------------------------------*/

 

/*隱藏橫框主標題名稱框線圖 (若不想隱主標題框線圖,這段語法就刪除)*/
#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}

 

/*left/right 左右欄加框圖*/
.yc3sec .rctop, .yc3sub .rctop {background:url
(http://i318.photobucket.com/albums/mm426/2008ok/FramePic/0712/ae1bd711.gif
) left top no-repeat;margin-right:0px;}
.yc3sec .rctop div, .yc3sub .rctop div {background:transparent right top no-repeat;
height:142px
;font-size:0;position:relative;right:-0px;}
.yc3sec .rcl, .yc3sub .rcl {padding-left:0px;background:url(
http://i318.photobucket.com/albums/mm426/2008ok/FramePic/0712/c3c7bbfe.gif
) repeat-y;}
.yc3sec .rcr, .yc3sub .rcr {padding-right:0px;background:transparent right repeat-y;}
.yc3sec .rcbtm, .yc3sub .rcbtm {background:url(
http://i318.photobucket.com/albums/mm426/2008ok/FramePic/0712/68270c34.gif
) left bottom no-repeat;margin-right:0px;}
.yc3sec .rcbtm div, .yc3sub .rcbtm div {background:transparent right bottom no-repeat;
height:77px
;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://i318.photobucket.com/albums/mm426/2008ok/FramePic/0712/781a69a8.gif) left bottom repeat-x;margin-right:5px;}
.yc3pribd .rctop div {background:url(http://i318.photobucket.com/albums/mm426/2008ok/FramePic/0712/781a69a8.gif) right bottom no-repeat;height:21px;font-size:0;position:relative;right:-5px;}
.yc3pribd .rcbtm {zoom:1;background:url(http://i318.photobucket.com/albums/mm426/2008ok/FramePic/0712/781a69a8.gif) left bottom repeat-x;margin-right:5px;}
.yc3pribd .rcbtm div {background:url(http://i318.photobucket.com/albums/mm426/2008ok/FramePic/0712/781a69a8.gif) right bottom no-repeat;height:21px;font-size:0;position:relative;right:-5px;}
.yc3pribd .rcl {padding-left:21px;background:url(http://i318.photobucket.com/albums/mm426/2008ok/FramePic/0712/781a69a8.gif) repeat-y;}
.yc3pribd .rcr {zoom:1;padding-right:21px;background:url(http://i318.photobucket.com/albums/mm426/2008ok/FramePic/0712/781a69a8.gif) right repeat-y;}
.yc3pribd .yc3pribd{overflow:visible;} .yc3pribd .yc3pribd .yblogcnt{overflow:hidden;}

 

/*--------------------------------所有框線語法---------------------------*/

 

/*SCROLLBAR捲軸顏色*/
HTML{SCROLLBAR-
FACE-COLOR:#EDFFFF;
 /*軸面顏色
*/
SCROLLBAR-
HIGHLIGHT-COLOR: #
FFFFFF; /*軸面左角邊顏色
*/
SCROLLBAR-
SHADOW-COLOR: #
EDFFFF; /*軸面右角邊顏色
*/
SCROLLBAR-
TRACK-COLOR: #
EDFFFF; /*軸軌的顏色
*/
SCROLLBAR-
ARROW-COLOR: #
FFFFFF; /*箭頭的顏色
*/
SCROLLBAR-
3DLIGHT-COLOR: #
FFFFFF; /*左立體邊顏色
*/
SCROLLBAR-
DARKSHADOW-COLOR:#
EDFFFF;} /*右立體面顏色*/

 
 
/*若不想隱藏,只要刪除那段語法即可*/
body{overflow-x:hidden;} /*隱藏下方捲軸*/
#ymodupdate {display:none;} /*隱藏更新日期*/
#ymodalbum{display:none;} /*隱藏部落格相簿*/
#ymodmsgbd h3{display:none;} /*隱藏留言板*/
#yhtw_mastfoot{display:none;} /*隱藏雅虎頁尾 */
#ymodprf .horos img{display:none} /*隱藏性別小圖示*/
#ymodprf .horos{display:none}  /*隱藏 個人星座*/ 
#yblast .text a{display:none;} /*隱藏招呼語的我要留言*/
 
 

 

  備註:

套用語法時,記得先把自己的語法備份起來,若是語法亂了,才能補救。

語法均有 /*註解*/ 都可自行調整

#111111代表色碼   font-size:55% 代表字體大小  色碼字體大小調整可依個人喜好做調整。 ( 色碼表 )
width:55px代表寬   height:55px代表高  →寬高則要依圖檔尺寸做修改。

若只要加寬文章欄寬,把語法貼入↓ css 最下方即可,寬度可任改。

/*two col layout 自定義中間文章欄寬度*/
.twocolga .ycnt3col,.twocoldr .ycnt3col {zoom:1;
width:870px;text-align:left;margin:0 auto;}