更多框圖面版分享→ 框圖教學及面版框圖分享總列表^^ 98.04.25 新增



     


 

神泣-光明女神套裝二欄式面版5


面版預覽↓



 


 喜歡這款面版的話,只要把下列的語法,貼到CSS 語法裡面就可以了。


記得先把CSS裡面原本內容備份,然後再刪除原內容,之後再貼上新的面版語法。


作法:


1.將下方↓格子裡的所有語法複製


2.在部落格右上角點管理部落格進入→選自訂樣式進入


→CSS內容,再把複製的語法貼入CSS內容後,按儲存就完成了。


(PS:若要讓最新文章欄位底圖及左右欄位底圖,呈現透明度,


部落格右上角管理部落格進入→選進階樣式進入


→在下方將欄位底色及內文底色打勾,再將透明度拉桿移到想要的透明數字。)


如圖所示↓



 





PS:若選用三欄式版型,記得要把這段語法更改喔!不然圖片位置會怪怪的 ^^~









/*Blog title主標題欄位-三欄式版型語法*/

#yblogtitle .mbd,#yblogtitle .mft{height:342px;background:url(http://zxc258.t35.com/2008/les/01.gif) no-repeat;background-position: 80% 60% }
#yblogtitle h1{color:#692000;font-weight:bold}
#yblogtitle .mbd .tbd{display:none}
#yblogtitle .rctop,#yblogtitle .rctop div,#yblogtitle .rcl,#yblogtitle .rcr,#yblogtitle .rcbtm,#yblogtitle .rcbtm div{zoom:1;filter:alpha(opacity:0)}
#yblogtitle .tft {margin:400px 100px 0px 0px;} /*三按鍵位置設定*/



神泣-光明女神套裝三欄式面版5


面版預覽↓




 





PS:名稱欄位文字連結圖上之名稱請自行製作唷~!



1.連結圖原始檔:請點擊按開啟→ http://zxc258.t35.com/2008/les/q7.uga


2.開啟後是以G5軟體呈現,將玄音小棧改成您要的文字,然後再按最佳處理儲存。


3.將製好之連結圖,上傳到網路空間取得網址後,更改CSS語法中的名稱欄位文字連結圖網址就OK了。





 








/*customization CSS 玄音製神泣-光明女神二欄式版型5*/


/*Links
連結後文字移動有底圖*/
a,a:link,a:visited{color:#692000;font-size:100%;text-decoration:none;}
a:hover{color:#000000;text-decoration:none;background:url(http://sl.glitter-graphics.net/pub/6/6113e16hpe4atm.gif) no-repeat;background-position:50% 50%;}
a {text-decoration:none}
a:hover {position: relative; top: 2px;left:2px;}



/*Master header
置頂透明度*/
#yhtw_masthead{color:#C3A88B; background:#E0CDBC;filter:alpha(opacity=20); opacity:0.50; moz-opacity:0.5;}
#yhtw_masthead .mhlogo{display:none}
#yhtw_masthead .mhsch{display:none}



/*Background image for whole page
自設背景固定位置*/
body {background:#C3A88B;background-image: url(http://zxc258.t35.com/2008/les/C2.jpg); background-repeat: repeat;background-attachment: fixed; }


/*Blog title主標題欄位 (若選三欄式版型,這段語法要記得更換喔!)*/
#yblogtitle .mbd,#yblogtitle .mft{height:342px;background:url(http://zxc258.t35.com/2008/les/01.gif) no-repeat;background-position: 100% 60% }
#yblogtitle h1{color:#692000;font-weight:bold}
#yblogtitle .mbd .tbd{display:none}
#yblogtitle .rctop,#yblogtitle .rctop div,#yblogtitle .rcl,#yblogtitle .rcr,#yblogtitle .rcbtm,#yblogtitle .rcbtm div{zoom:1;filter:alpha(opacity:0)}
#yblogtitle .tft {margin:400px 0px 0px 0px;} /*
三按鍵位置設定*/


/* BLOG TITLE IMAGE
名稱欄位文字連結圖*/
#yblogtitle h1 {
display:block;
float:right;
background:url(http://zxc258.t35.com/2008/les/q7-1.gif) no-repeat; ;
width:48%;
height:71px;
font-size:0;
line-height:0;
text-indent:-5000px;
overflow:hidden;
cursor:pointer;
cursor:hand;
}


/*edit M blog title三按鍵換圖*/
div.btncompose a{display:block;width:92px;height:30px;overflow:hidden;background:url(http://zxc258.t35.com/2008/les/q3.gif) no-repeat;}
div.btnphoto a{display:block;width:92px;height:30px;overflow:hidden;background:url(http://zxc258.t35.com/2008/les/q4.gif) no-repeat}
div.btnsetup a{display:block;width:92px;height:30px;overflow:hidden;background:url(http://zxc258.t35.com/2008/les/q5.gif) no-repeat}





/*btnsbsrb
訂閱部落格圖示*/
div#btnsbsrb a{display:block;width:110px;height:51px;overflow:hidden;background:url(http://zxc258.t35.com/2008/les/q1-1.gif) no-repeat;margin:0;}
div#btnsbsrb_nologin a{display:block;width:110px;height:51px;overflow:hidden;background:url(http://zxc258.t35.com/2008/les/q1-1.gif) no-repeat;margin:0;}




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


/*
部落格描述-字顏色*/
#yblogtitle .tbd {color:#692000;}


/*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-image : url(http://zxc258.t35.com/2008/les/02.gif) repeat;color:#000000;text-align:center;}


#ymodcal .mbd td strong {color:#000000;} /*
當日期表數字色*/

/*Nav module body
左右下欄底圖內無連結日期表搜尋文字色*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{ background:url(http://zxc258.t35.com/2008/les/C4.jpg) repeat; color:#692000}



/*Nav module list
左右欄位下文章標題前小圖*/
.ycntmod .mbd ul.list li {background:url(http://zxc258.t35.com/2008/les/l02.gif) left .3em no-repeat;padding-left:20px;margin-bottom:5px;_margin-bottom:5px;_line-height:1.5em;}
.ycntmod .mbd ul.list li.more {margin:-5px 0 0 -5px;text-align:right;background:url(http://zxc258.t35.com/2008/les/07.gif) 45px center no-repeat;}



/*Main content header
文章上欄底圖*/
.yc3pribd .mhd{ background:url(http://zxc258.t35.com/2008/les/02.gif) repeat;color:#692000; }


/*Main content body
文章下欄底圖文字顏色*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p{ background:url(http://zxc258.t35.com/2008/les/C4.jpg) repeat; color:#692000}


/*article content module*
文章下欄標題前小圖及換字體*/
.yblogcnt .blgtitlebar {margin-bottom:12px;zoom:1;}
.yblogcnt .blgtitlebar h2 {font-size:150%;font-weight:bold;background:url(http://zxc258.t35.com/2008/les/05.gif) no-repeat;padding-left:20px;font-family:
標楷體}
.yblogcnt .blgtitlebar h2 a {color:#000000; padding-right:5px;}



/*make coomment bar
回應跟引用更換圖片語法*/
div.btncomment a {display:block;height:105px;width:120px;background:url(http://zxc258.t35.com/2008/les/q02.gif) no-repeat;}
div.btntrackback a {display:block;height:105px;width:120px;background:url(http://zxc258.t35.com/2008/les/q02-1.gif) no-repeat;}



/*
捲軸變色*/
html{
scrollbar-face-color:#C3A88B; /*
設定軸面顏色*/
scrollbar-track-color:#C3A88B; /*
設定軸軌的顏色*/
scrollbar-arrow-color:#775A3B; /*
設定箭頭的顏色*/
scrollbar-3dlight-color:#775A3B; /*
設定左立體邊顏色*/
scrollbar-shadow-color:#775A3B; /*
設定軸面三角右邊顏色*/
scrollbar-darkshadow-color:#775A3B;} /*
設定右立體面顏色*/



/*Shared rounded corner for all modules
光明女神框圖5*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://zxc258.t35.com/2008/les/l01.gif) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://zxc258.t35.com/2008/les/l02.gif) right top no-repeat;height:8px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url(http://zxc258.t35.com/2008/les/l01.gif) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://zxc258.t35.com/2008/les/l02.gif) right bottom no-repeat;height:8px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:9px;background:url(http://zxc258.t35.com/2008/les/l05.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:9px;background:url(http://zxc258.t35.com/2008/les/l05.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}



/*
若不想隱藏某項,只要刪除那段語法就可以了*/
#ymodupdate {display:none;} /*
隱藏更新日期*/
#ymodalbum{display:none;} /*
隱藏部落格相簿*/
#ymodmsgbd h3{display:none} /*
隱藏留言板*/
#yhtw_mastfoot{display:none;} /*
隱藏雅虎頁尾*/
 


arrow
arrow
    全站熱搜

    小甜甜 發表在 痞客邦 留言(2) 人氣()