神泣~光明女神套裝面版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;} /*隱藏雅虎頁尾*/
| |