展示圖




YAHOO部落版型 編輯製作:



■安裝方式:


1.請將背景圖組儲存後自行上傳至個人網路空間。


2.依照粉紅色標示處名稱,填入該圖網址。


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


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



/*SANCTUARY BG011 CSS*/


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


/*Master header 置頂欄設定*/
#yhtw_masthead{color:#B48A88; background:#684B49;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:#FFF;}


/*Nav module header 側欄標題設定*/
.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;filter:alpha(opacity=95); opacity:0.90;color:#FFD6E0;text-align:center;}


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


/*Main content header 最新文章標題*/
.yc3pribd .mhd{background:transparent;color:#FFF;text-align:center;font-size:17px;filter:alpha(opacity=80);opacity:0.90;padding-bottom:5px;border:2px dashed #FF7328;}


/*Main content body 文章設定*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p{background:transparent; color:#D9C980;font-size:18px;font-family:標楷體; }


#ymodcal .mbd td strong {color:#DA6A79;}


/*部落標題文字*/
#yblogtitle .mbd, #yblogtitle .mft{background:transparent;color:#FF9900;text-align:center;margin-top:295px;}
#yblogtitle h1{color:#FFF9E6;font-family:標楷體;font-weight:bolder;}
#yblogtitle .mbd a{font-size:22px;}
#yblogtitle .tbd p{font-size:16px;}
#yblogtitle .tbd{margin-left:30px;margin-right:30px;margin-top:30px;}


/*部落背景圖*/
body {background:url(011-photo1.gif) transparent no-repeat;background-position:center top;}
html {background:url(011-photo2.jpg) #DEBD9C repeat-y;background-position: center top;overflow-x:hidden;}


/*Opacity for blast招呼語框設定*/
#yblast .bg {background:transparent;}
#yblast .text{color:#BBBB2D;font-family:標楷體;font-size:18px;}


/*訂閱圖 by Sanctuary*/
div#btnsbsrb a, div#btnsbsrb_nologin a{display:block;width:170px;height:110px;overflow:hidden;background:url(http://i277.photobucket.com/albums/kk46/gloria529/type/011-t1.gif) no-repeat;margin-right:0px;}


/*回應引用圖 by Sancyuary*/
div.btncomment a {display:block;height:37px;width:107px;background:url(http://i277.photobucket.com/albums/kk46/gloria529/type/011-t2.gif) no-repeat;}
div.btntrackback a {display:block;height:37px;width:107px;background:url(http://i277.photobucket.com/albums/kk46/gloria529/type/011-t3.gif) no-repeat;}



/*全欄位邊框*/
.ycntmod {width:100%;position:relative;margin-bottom:15px;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 {zoom:1;background:url(http://i277.photobucket.com/albums/kk46/gloria529/table/011-photo3.gif) left top no-repeat;margin-right:0px;}
.yc3sec .rctop div,.yc3sub .rctop div {background:transparentright top no-repeat;height:100px;font-size:0;position:relative;right:-0px;}
.yc3sec .rcbtm,.yc3sub .rcbtm {zoom:1;background:url(http://i277.photobucket.com/albums/kk46/gloria529/table/011-photo4.gif) left bottom no-repeat;margin-right:0px;}
.yc3sec .rcbtm div,.yc3sub .rcbtm div {background:transparent right bottom no-repeat;height:52px;font-size:0;position:relative;right:-0px;}
.yc3sec .rcl,.yc3sub .rcl {padding-left:7px;background:url(http://i277.photobucket.com/albums/kk46/gloria529/table/011-photo5.gif) repeat-y;}
.yc3sec .rcr,.yc3sub .rcr {zoom:1;padding-right:7px;background:transparent right repeat-y;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}


/*三欄式版面寬度定位*/
.thrcol #yhtw_mastfoot {width:990px;margin:0 auto;}
.thrcol[class]{min-width:990px;behavior:none; }
.thrcol .ycnt3col {zoom:1;width:990px;text-align:left;margin:0 auto;}


.twocolga #yhtw_mastfoot, .twocoldr #yhtw_mastfoot {width:850px;margin:0 auto;}
.twocolga[class], .twocoldr[class]{min-width:850px;behavior:none;}
.twocolga .ycnt3col,.twocoldr .ycnt3col {zoom:1;width:850px;text-align:left;margin:0 auto;}


/*自訂捲軸*/
html{
 SCROLLBAR-FACE-COLOR: #d9b288;
 SCROLLBAR-HIGHLIGHT-COLOR: #632f37;
 SCROLLBAR-SHADOW-COLOR: #632f37;
 SCROLLBAR-3DLIGHT-COLOR: #411e19;
 SCROLLBAR-ARROW-COLOR: #a25823;
 SCROLLBAR-TRACK-COLOR: #d9b288;
 SCROLLBAR-DARKSHADOW-COLOR: #411e19;
 SCROLLBAR-BASE-COLOR: #cf7832;}


/*SANCTUARY CSS END*/



版型圖組:








【點入背景圖另開網頁後→再按右鍵另存圖片】


011-photo1




011-photo2



《大背景圖僅供下載須自行上傳;該連結無法直接使用於部落背景》



備註:


延伸閱讀:如何正確引用


延伸閱讀:新手換版面


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


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


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



 


 


arrow
arrow
    全站熱搜

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