感謝 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 th {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;}