展示圖




YAHOO部落版型編輯製作:



■此版型限定使用三欄式版面。


■更換版面方式:


按下右上的【部落格設定】點選【面板設定】點選【自訂樣式】


將以下全部語法貼入【自訂樣式】頁面的【CSS語法欄內】。









/*SANCTUARY BG014 CSS*/


/*Links*/
a,a:link,a:visited{color:#FF5073;text-decoration:none; }
a:hover{color:#FF9900;position: relative;top: 1px;left: 1px;}


/*Master header*/
#yhtw_masthead{color:#E189A2; background:#ffffff;filter:alpha(opacity=50); opacity:0.50; moz-opacity:0.5;}
#yhtw_masthead a,#yhtw_masthead a:link,#yhtw_masthead a:visited,#yhtw_masthead a:hover,#yhtw_masthead .mhuser div,#yhtw_masthead .mhuser div a, #yhtw_masthead .mhuser div b,#yhtw_masthead .masthead_function strong{color:#E189A2;}


/*左右欄位標題*/
.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:#FB93B9;text-align:center;}
.yc3sec .mhd a, .yc3subbd .mhd a, .yc3sec .mhd a:link, .yc3subbd .mhd a:link, .yc3sec .mhd a:visited, .yc3subbd .mhd a:visited{background:none;}


/*Nav module body 側欄內文*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{background:transparent;color:#FB93B9;}


/*最新文章&中間標題欄*/
.yc3pribd .mhd{background:transparent;color: #FF9900;font-family:Arial;font-size:17px;text-align:center;padding-bottom:5px;}


/*Main content body 文章內文*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p{ background:transparent; color: #FF9999;font-family: Arial;font-size:15px;}


/*日期標示色*/
#ymodcal .mbd td strong {color:#ffffff;}


/*Blog title 標題字體*/
#yblogtitle .mbd, #yblogtitle .mft{background:transparent;color:#E1005A;margin-top:320px;text-align:center;}
#yblogtitle h1{font-family:標楷體;color: #990000;font-weight:bolder;}
#yblogtitle .mbd a{font-size:22px;}
#yblogtitle .tbd p{font-size:16px;}
#yblogtitle .tbd{margin-left:70px;margin-right:70px;margin-top:20px;}


/*部落背景圖*/
body {background:url(http://i277.photobucket.com/albums/kk46/gloria529/pattern1_1/014-photo1.gif) transparent no-repeat;background-position:center top;filter:alpha(opacity=80);opacity:0.80;}
html {background: #FFFFFF url(http://i328.photobucket.com/albums/l338/makos21/wp05/wp097.gif) repeat ;background-position:center top;overflow-x:hidden;}


/*Opacity for blast*/
#yblast .bg {background: transparent no-repeat;}
#yblast .text{color:#E1005A;font-family:標楷體;font-size:18;}


/*訂閱圖 by Sanctuary*/
div#btnsbsrb a,div#btnsbsrb_nologin a{display:block;width:143px;height:128px;overflow:hidden;background:url(http://i277.photobucket.com/albums/kk46/gloria529/type1_1/020-tx1.gif) no-repeat;margin-right:10px}


/*回應引用圖*/
div.btncomment a {display:block;height:44px;width:75px;background:url(http://i277.photobucket.com/albums/kk46/gloria529/type1_1/014-tx2.gif) no-repeat;}
div.btntrackback a {display:block;height:44px;width:75px;background:url(http://i277.photobucket.com/albums/kk46/gloria529/type1_1/014-tx3.gif) no-repeat;}


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


/*兩側欄框線 by SANCTUARY*/
.yc3sec .rctop,.yc3sub .rctop {background:url(http://i277.photobucket.com/albums/kk46/gloria529/table1_1/014-tb1.gif) left top no-repeat;margin-right:0px;}
.yc3sec .rctop div,.yc3sub .rctop div {background:transparent right top no-repeat;height:110px;font-size:0;position:relative;right:-0px;}
.yc3sec .rcbtm,.yc3sub .rcbtm {background:url(http://i277.photobucket.com/albums/kk46/gloria529/table1_1/014-tb2.gif) left bottom no-repeat;margin-right:0px;}
.yc3sec .rcbtm div,.yc3sub .rcbtm div {background:transparent right bottom no-repeat;height:31px;font-size:0;position:relative;right:-0px;}
.yc3sec .rcl,.yc3sub .rcl {padding-left:13px;background:url(http://i277.photobucket.com/albums/kk46/gloria529/table1_1/014-tb3.gif) repeat-y;}
.yc3sec .rcr,.yc3sub .rcr {padding-right:13px;background:transparent right repeat-y;}


/*版面定位寬度*/
.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;}


/*置底欄隱藏+加寬欄位*/
#yhtw_mastfoot {display:none;}
.thrcol .yc3main {width:100%;float:left;}
.thrcol .yc3mainbd {margin-left:195px;}
.thrcol .yc3pri {width:100%;float:right;}
.thrcol .yc3pribd {margin-right:195px;}
.thrcol .yc3subbd {width:185px;float:left;position:absolute;right:0px;}
.thrcol .yc3sec {width:185px;float:right;position:absolute;left:0px;}


/*粉桃色捲軸*/
html{
SCROLLBAR-FACE-COLOR: #ffffff;
SCROLLBAR-HIGHLIGHT-COLOR: #feb0c5;
SCROLLBAR-SHADOW-COLOR: #feb0c5;
SCROLLBAR-3DLIGHT-COLOR: #fcdcc7;
SCROLLBAR-ARROW-COLOR: #ff8494;
SCROLLBAR-TRACK-COLOR: #ffffff;
SCROLLBAR-DARKSHADOW-COLOR: #fcdcc7;
SCROLLBAR-BASE-COLOR: #150202}


/*SANCTUARY CSS END*/



備註:


延伸閱讀:如何正確引用


延伸閱讀:新手換版面


延伸閱讀:香港YAHOO個人網頁 申請&上傳


延伸閱讀:中華電信-HiNet網站申請上傳


延伸閱讀:使用Xuite日誌文章圖片上傳功能



 


arrow
arrow
    全站熱搜

    Fiona 發表在 痞客邦 留言(0) 人氣()