神泣~光明女神套裝面版5-1分享

2008043022:42

神泣~光明女神套裝面版5-1分享

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

     

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

a03背景-三欄式面版

面版預覽↓

 


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

/*Blog title主標題欄位-二欄式版型語法*/
#yblogtitle .mbd,#yblogtitle .mft{height:300px;background:url(http://zxc258.t35.com/2008/les/q8.gif) no-repeat;background-position: 18% 50% }
#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:370px 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:90%;
height:71px;
font-size:0;
line-height:0;
text-indent:-5000px;
overflow:hidden;
cursor:pointer;
cursor:hand;
}


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

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

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

3.將製好之連結圖,上傳到網路空間,取得網址後,貼到CSS語法中的連結圖路徑就OK了。


PS:主標題欄位底圖上之名稱也可自行製作唷~!

4.主標題欄位底圖原始檔:請點擊按開啟http://zxc258.t35.com/2008/les/q8.uga

5.作法如上2.3步驟^^~

 


 

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


/*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:#775A3B; background:#C3A88B;filter:alpha(opacity=50); 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/a03.jpg); background-repeat: repeat;background-attachment: fixed; }


/*Blog title
主標題欄位底圖 (※若選二欄式版型,這段語法要記得更換喔!)*/
#yblogtitle .mbd,#yblogtitle .mft{height:300px;background:url(http://zxc258.t35.com/2008/les/q8.gif) no-repeat;background-position: 28% 50% }
#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:370px 50px 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:80%;
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:66px;height:24px;overflow:hidden;background:url(http://zxc258.t35.com/2008/les/q11.gif) no-repeat;}
div.btnphoto a{display:block;width:66px;height:24px;overflow:hidden;background:url(http://zxc258.t35.com/2008/les/q12.gif) no-repeat}
div.btnsetup a{display:block;width:66px;height:24px;overflow:hidden;background:url(http://zxc258.t35.com/2008/les/q13.gif) no-repeat}


/*btnsbsrb
訂閱部落格圖示*/
div#btnsbsrb a{display:block;width:121px;height:35px;overflow:hidden;background:url(http://zxc258.t35.com/2008/les/q20.gif) no-repeat;margin:0;}
div#btnsbsrb_nologin a{display:block;width:121px;height:35px;overflow:hidden;background:url(http://zxc258.t35.com/2008/les/q20.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;} /*
隱藏雅虎頁尾*/

 


 

 

神泣~光明女神套裝面版5-2分享

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

     

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

001背景-三欄式面版

面版預覽↓

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

/*Blog title主標題欄位-二欄式版型語法*/
#yblogtitle .mbd,#yblogtitle .mft{height:420px;background:url(http://zxc258.t35.com/g2/gg20.gif) no-repeat;background-position: 0% 20% }
#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:370px 0px 0px 0px;} /*
三按鍵位置設定*/

 


 

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

 

/*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:#775A3B; background:#C3A88B;filter:alpha(opacity=50); 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/001.jpg); background-repeat: repeat;background-attachment: fixed; }


/*Blog title
主標題欄位*/
#yblogtitle .mbd,#yblogtitle .mft{height:420px;background:url(http://zxc258.t35.com/g2/gg20.gif) no-repeat;background-position: 28% 50% }
#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:370px 120px 0px 0px;} /*
三按鍵位置設定*/




/*edit M blog title
三按鍵換圖*/
div.btncompose a{display:block;width:66px;height:24px;overflow:hidden;background:url(http://zxc258.t35.com/2008/les/q11.gif) no-repeat;}
div.btnphoto a{display:block;width:66px;height:24px;overflow:hidden;background:url(http://zxc258.t35.com/2008/les/q12.gif) no-repeat}
div.btnsetup a{display:block;width:66px;height:24px;overflow:hidden;background:url(http://zxc258.t35.com/2008/les/q13.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;} /*
隱藏雅虎頁尾*/