Tears In Heaven(淚灑天堂)
|
|
喵喵自製我喜歡你藍色版型
希望大家會喜歡唷
PS1:套用版型時注意請到進階樣式裡點選背景圖案,選呈現整頁唷
不然背景會變空一大塊
PS2:讓部落更美麗管理部落~~>面板設定~~>進階設定~~>標題底圖打勾~~>透明度0%
PS3:請整篇文章複製引用,不要再只複製語法部分,更不要移除LOGO當個壞小白
不會的人請看引用及懶人包引用需知教學
#ymodupdate{display:none;}
#ymodalbum{display:none;}
#yblast .text a{display:none;}
#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:#FFFFFF;}
#yhtw_masthead{margin-bottom:0px;background:transparent;}
#yblast .bg {filter:alpha(opacity=0);opacity:0;}; background: transparent no-repeat;}
#yblast .text{color:#FFFFFF;}
#yblogtitle .mbd, #yblogtitle .mft{background:transparent;color:#FFFFFF;padding-top:285px;text-align:center;}
#yblogtitle h1, #yblogtitle a {color:#FFFFFF;font-size:22px;font-weight:bolder;font-family:標楷體;}
#yblogtitle .tbd{height:25px;}
body {background:url(http://img165.imageshack.us/img165/5931/12pk4.gif) transparent no-repeat;background-position:center top;opacity:1.0;}
html {background-color:#9FC7F5;background-image:url(http://img74.imageshack.us/img74/4949/fgpobo4.gif);background-repeat:repeat-y;background-position:top center;overflow-x:hidden;}
#yblogtitle .rctop div{background:transparent right top no-repeat;height:0px;right:-0px;}
#yblogtitle .rcl{background:transparent repeat-y;}
#yblogtitle .rcr{background:transparent right repeat-y;}
#yblogtitle .rcbtm {zoom:1;background:transparent left bottom no-repeat;margin-right:0px;}
#yblogtitle .rcbtm div {background:transparent right bottom no-repeat;height:0px;right:-0px;}
.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:#FFFFFF;text-align:center;}
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{background:transparent;color:#FFFFFF;}
.yc3pribd .mhd{background:#ffffff;color:#FFFFFF;}
.thrcol #yhtw_mastfoot {width:980px;margin:0 auto;}
.thrcol[class]{min-width:980px;}
.thrcol .ycnt3col {zoom:1;width:980px;text-align:left;margin:0 auto;}
.yc3pribd .mbd{background:#ffffff;color:#FFFFFF;padding:8PX;}
.yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p {background:#ffffff;color:#FFFFFF;}
#ymodcal .mbd td strong {color:#FFFFFF;}
a, a:link, a:visited{color:#FFFFFF;text-decoration:none;}
a:hover{color:#50A5F5;text-decoration:none;}
a {text-decoration:none;}
a:hover {position:relative;top:2px;left:2px;}
html{
SCROLLBAR-FACE-COLOR:#9fc7f5;
SCROLLBAR-HIGHLIGHT-COLOR:#ffffff;
SCROLLBAR-SHADOW-COLOR:#ffffff;
SCROLLBAR-3DLIGHT-COLOR:#ffffff;
SCROLLBAR-ARROW-COLOR:#ffffff;
SCROLLBAR-TRACK-COLOR:#b6d4f5;
SCROLLBAR-DARKSHADOW-COLOR:#ffffff;
}
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {background:url(http://xvvp9w.blu.livefilestore.com/y1p0W7VJqJwJ1uP_TRhHGu5oiCEqU3phrXmROvjFLhQ2GUBtsjZH_LnJKGFHdnevjLEH2qoAR5Jn7Ue5xzYoNAFTQ/zz1-1.gif) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://xvvp9w.blu.livefilestore.com/y1p0W7VJqJwJ1vUdwB-5zq0qmKJxyreosekC-yK10c7bBoIQTkPEtt4bz2Ko3oVn5lU4TSCaeb9rsum4jvaGSdVTw/zz1-2.gif) right top no-repeat;height:42px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {background:url(http://xvvp9w.blu.livefilestore.com/y1p0W7VJqJwJ1tLfHK8v--FAdWn0HOWaXhqrDJBeyklOs7XU0_H2Llsb0-4-wWHKp3pFjNgNp3AjdeiC5GZZQou8g/zz1-3.gif) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://xvvp9w.blu.livefilestore.com/y1p0W7VJqJwJ1sXh29WKf8ZCTbYUkGwRCaeALYUcIMCGdz5VTVTsZaT2FHBr5_kFWJPpVHlgDkVZHcQy5kIIXmBYw/zz1-4.gif) right bottom no-repeat;height:40px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:10px;background:url(http://xvvp9w.blu.livefilestore.com/y1p0W7VJqJwJ1tj0auDEPvxx9325TU6lixh5tKW5Sj3SImS1KM9xA_dg2nGSdVPcGjtKfPdbcy1EShMc0jbGzoeyA/zz1-5.gif) repeat-y;}
.ycntmod .rcr {padding-right:10px;background:url(http://xvvp9w.blu.livefilestore.com/y1p0W7VJqJwJ1uxFpem6Zq_XEgpdhUydoq_AgTbp6UAj-x9VyLKaMtsLMOE1NG-4r4-fFDPbQ6BYTxvenxsWq8fXA/zz1-6.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}
div#btnsbsrb a{display:block;width:100px;height:108px;overflow:hidden;background:url(http://xvvp9w.blu.livefilestore.com/y1p0W7VJqJwJ1uxecWp8ltp3ZVY7OPVYaKsr9LDAOLXQZDY1sB7lIi0ZBoP4CPdGAOb8wVJlq_8mL_1LpSLYNuI1A/745.gif) no-repeat;margin:0;}
div#btnsbsrb_nologin a{display:block;width:100px;height:108px;overflow:hidden;background:url(http://xvvp9w.blu.livefilestore.com/y1p0W7VJqJwJ1uxecWp8ltp3ZVY7OPVYaKsr9LDAOLXQZDY1sB7lIi0ZBoP4CPdGAOb8wVJlq_8mL_1LpSLYNuI1A/745.gif) no-repeat;margin:0;}
#yblogtitle .tft {text-align:right;padding-bottom:0px;position:relative;}
div.btncomment a {display:block;height:108px;width:100px;background:url(http://xvvp9w.blu.livefilestore.com/y1p0W7VJqJwJ1tH9xEdHucJRGY0PkwL4hKuBUnkufLHVfuXhNfHa1rUsrCCty2S29iDcHFikpG1_AAZ4AfPEvXZkA/743.gif) no-repeat;}
div.btntrackback a {display:block;height:108px;width:100px;background:url(http://xvvp9w.blu.livefilestore.com/y1p0W7VJqJwJ1sceArb4hH0zS8-oDKGgzVik4Aj1DCf7ZJlCXFg064XDJn8x1AuMsm0eTTM-B03RtLNh48vhmVNew/744.gif) no-repeat;}
div.btncomment a:hover {display:block;width:100px;height:108px;background:url(http://xvvp9w.blu.livefilestore.com/y1p0W7VJqJwJ1tH9xEdHucJRGY0PkwL4hKuBUnkufLHVfuXhNfHa1rUsrCCty2S29iDcHFikpG1_AAZ4AfPEvXZkA/743.gif) no-repeat;}
div.btntrackback a:hover {display:block;width:100px;height:108px;background:url(http://xvvp9w.blu.livefilestore.com/y1p0W7VJqJwJ1sceArb4hH0zS8-oDKGgzVik4Aj1DCf7ZJlCXFg064XDJn8x1AuMsm0eTTM-B03RtLNh48vhmVNew/744.gif) no-repeat;}
#ybloginfo table, #yusrinfo table, #yusrintro p {background:transparent #ffffff;color:#FFFFFF;}
#yhtw_mastfoot, #yhtw_mastfoot a, #yhtw_mastfoot a:hover{color:#FFFFFF;}
#yhtw_mastfoot{margin-TOP:5px;}
#yleavemsg #rte {background:transparent url(http://img165.imageshack.us/img165/1074/78906278wl8.gif) no-repeat scroll center top;padding-top:183px;}
#yblast{position:relative;top:0px;left:-0px;margin:0 0 0;z-index:2;}
#yblast .text, #yblast .bg{overflow:hidden;padding:0px 0px;width:0px;height:0px;}
#yblast .text{margin:0 0;}
#yblast .text a{display:none;}
#yblast a.edit{background:url(http://www.xxx.com/xxx.gif);width:0px;height:0px;}
#yblast .bg {background:url(http://www.xxx.com/xxx.gif) no-repeat;}
#yblast .text{color:#817254;}
input, select{background:url(http://img241.imageshack.us/img241/7314/rrpiwg1.gif);color:#FFFFFF;border:3px dotted #FFFFFF;font-size:12px;font-family:verdana;}
input, select{background:url(http://img241.imageshack.us/img241/7314/rrpiwg1.gif);color:#FFFFFF;font-size:12px;font-family:verdana;}
body{cursor:url(http://www.pandafile.com/uploads/57664624_4.ani);}
a:hover {cursor:url(http://www.pandafile.com/uploads/57664624_4.ani);}
div.btncompose a{display:block;width:86px;height:21px;overflow:hidden;background:url(http://hk.geocities.com/kikichuan/PP0011.gif) no-repeat;}
div.btnphoto a{display:block;width:86px;height:21px;overflow:hidden;background:url(http://hk.geocities.com/kikichuan/PP0012.gif) no-repeat;}
div.btnsetup a{display:block;width:86px;height:21px;overflow:hidden;background:url(http://hk.geocities.com/kikichuan/PP0013.gif) no-repeat;}
div.btnulprfphoto a {display:block;height:21px;background:url(http://hk.geocities.com/kikichuan/PP0014.gif) center top no-repeat;}
div.btneditprf a {display:block;height:21px;background:url(http://hk.geocities.com/kikichuan/PP0015.gif) center top no-repeat;}
.yc3pribd .mhd{background:repeat;}
.yc3sec .rctop, .yc3sub .rctop {background:url(http://xvvp9w.blu.livefilestore.com/y1p0W7VJqJwJ1sXQgueQn-CtFgZ_PZLhhFgAcAMYGoSilNwYwecep0O-_u9BllyGBZRILfs94H73RFwGvM8_z0wzA/zz1.gif) left top no-repeat;margin-right:0px;}
.yc3sec .rctop div, .yc3sub .rctop div {background:transparent right top no-repeat;height:41px;font-size:0;position:relative;right:-0px;}
.yc3sec .rcbtm, .yc3sub .rcbtm {background:url(http://xvvp9w.blu.livefilestore.com/y1p0W7VJqJwJ1uMPOPy7_w_0TVQ2Nem3xYwVjbFaFSBoy1aQVPNCGipm0EQsZr6kf2LNrqA8PmKYyNNm4AWslqefQ/zz2.gif) left bottom no-repeat;margin-right:0px;}
.yc3sec .rcbtm div, .yc3sub .rcbtm div {background:transparent right bottom no-repeat;height:42px;font-size:0;position:relative;right:-0px;}
.yc3sec .rcl, .yc3sub .rcl {padding-left:2px;background:url(http://xvvp9w.blu.livefilestore.com/y1p0W7VJqJwJ1t1WK0Tc9-JZTrYpI8Z0ZOesVCYpuoM0DCeg5cIjpShceRNOEZ3UzeSTh8GvmP-24kqFxiN-p3Kag/zz3.gif) repeat-y;}
.yc3sec .rcr, .yc3sub .rcr {padding-right:2px;background:transparent right repeat-y;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}
#yartcmt .pagination strong{display:none;}
#yartcmt .pagination{height:183px;background:url(http://img165.imageshack.us/img165/1074/78906278wl8.gif) no-repeat;background-position:center;}
.listbd {background:url(http://img241.imageshack.us/img241/7314/rrpiwg1.gif);}
#ycmntlist table th {background:url(http://img241.imageshack.us/img241/7314/rrpiwg1.gif);}
#ycmntlist .btncmntre {background:url(http://img241.imageshack.us/img241/7314/rrpiwg1.gif);}
.ycntmod .mbd ul.list li{background-image:url(http://www.zyxr.com/icon/20071002/d_icon/zyxr_0540.gif);background-repeat:no-repeat;padding-left:19px;padding-top:10px;}
.ycntmod .mbd ul.list li.more {margin:0 0;text-align:right;background:url(http://i303.photobucket.com/albums/nn136/a700501s/a700501s2/a700501s3/th_nameicon_136904.gif) 15px center no-repeat;}
#ymodprf .horos img{display:none;}
#ymodprf .horos{width:130px;height:291px;background:url(http://img165.imageshack.us/img165/2831/32335939nv4.gif) center no-repeat;}
.yblogcnt .blgtitlebar {margin-bottom:10px;}
.yblogcnt .blgtitlebar h2 {background:url(http://darlingdollz.com/DollMAkerz/Annabelle/00517276.gif) no-repeat;padding-left:90px;height:90px;}
.yblogcnt .blgtitlebar h2 a {padding-right:120px;}
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table,
#ybloginfo table, #yusrinfo table, #yusrintro p {background:url(http://);}
韓國版型↑
Alice的版型↑
本篇是 參考쿠마짱 Bolg+自行修改
body{overflow-x:hidden;}
/*two col layout */
.twocolga #yhtw_mastfoot, .twocoldr #yhtw_mastfoot {width:870Px;margin:0 auto;}
.twocolga[class], .twocoldr[class]{min-width:870px;behavior:none;}
.twocolga .ycnt3col,.twocoldr .ycnt3col {zoom:1;width:870px;text-align:left;margin:0 auto;}
/**/
.thrcol #yhtw_mastfoot {width:980x;margin:0 auto;}
.thrcol[class]{min-width:980px;behavior:none;}
.thrcol .ycnt3col {zoom:1;width:980px;text-align:left;margin:0 auto;}
#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:#D269B4;}
#yhtw_masthead{margin-bottom:0px;background:transparent;}
#yblast .bg {filter:alpha(opacity=0); opacity:0; moz-opacity:0;}; background: transparent no-repeat;}
#yblast .text{color:#666666; }
/*部落格描述字*/
#yblogtitle .mbd,#yblogtitle .mft{background:transparent;color:#666666;padding-top:400px;text-align:center; }
#yblogtitle h1, #yblogtitle a {color:#FF87B4; font-size:25px;font-weight:bolder;font-family:標楷體;}
#yblogtitle .tbd{height:20px }
body {background-color:transparent;background-image: url(http://i221.photobucket.com/albums/dd142/alice0124/_----jjj8503.gif); background-repeat: no-repeat;background-position: center top; }
html {background-color:#ffffff;background-image: url(http://i221.photobucket.com/albums/dd142/alice0124/_---jjj8503.gif); background-repeat: repeat-y;background-position: center top;}
#yblogtitle .rctop{background:transparent left top no-repeat;margin-right:0px}
#yblogtitle .rctop div{background:transparent right top no-repeat;height:0px;right:-0px}
#yblogtitle .rcl{background:transparent repeat-y}
#yblogtitle .rcr{background:transparent right repeat-y}
#yblogtitle .rcbtm {zoom:1;background:transparent left bottom no-repeat;margin-right:0px}
#yblogtitle .rcbtm div {background:transparent right bottom no-repeat;height:0px;right:-0px}
/*側欄區上標*/
.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:#FF87B4;text-align:center;}
/*Nav module body側欄區內文*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{ background:transparent; color:#FF87B4;}
/*Main content header文章區上標*/
.yc3pribd .mhd{ background:transparent; color:#FF87B4; }
/*Main content body文章內文及文章區*/
.yc3pribd .mbd{ background:transparent;color:#666666;}
.yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p { background:transparent;color:#666666;}
#ymodcal .mbd td strong {color:#D269B4;}
/*Links*/
a, a:link, a:visited{color:#FF87B4;text-decoration:none;}
a:hover{color:#D269B4;text-decoration:none;}
a {text-decoration:none;}
a:hover {position:relative;top:2px;left:2px;}
/*Scrollbar*/
html{SCROLLBAR-FACE-COLOR:#FFF0F0;
SCROLLBAR-3DLIGHT-COLOR:#F0B4B4;
SCROLLBAR-ARROW-COLOR: #F0B4B4;
SCROLLBAR-TRACK-COLOR: #ffffff;
SCROLLBAR-DARKSHADOW-COLOR:#F0B4B4;
SCROLLBAR-BASE-COLOR:#F0B4B4;}
..yblogcnt .blgtitlebar {margin-bottom:9px;}
.yblogcnt .blgtitlebar h2 {font-size:125%;font-weight:bold;background:url(http://i221.photobucket.com/albums/dd142/alice0124/330.gif) no-repeat;padding-left:22px;}
.ycntmod .mbd ul.list li{background-image:url(http://i221.photobucket.com/albums/dd142/alice0124/535.gif)
;background-repeat:no-repeat;padding-left:22px;padding-top:10px;}
/*shared rounded corner for all modules 無框*/
.ycntmod {width:100%;position:relative;margin-bottom:20px;overflow:hidden;}
.ycntmod .rctop {zoom:1;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 {zoom:1;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 {zoom:1;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;}
.yc3sec .rctop, .yc3sub .rctop {background:url(http://i221.photobucket.com/albums/dd142/alice0124/56-jjj8503.gif) left top no-repeat;margin-right:0px;}
.yc3sec .rctop div, .yc3sub .rctop div {background:right top no-repeat;height:42px;font-size:;position:relative;right:-0px;}
.yc3sec .rcbtm, .yc3sub .rcbtm {background:url(http://i221.photobucket.com/albums/dd142/alice0124/6163.gif) left bottom no-repeat;margin-right:0px;}
.yc3sec .rcbtm div, .yc3sub .rcbtm div {background:right bottom no-repeat;height:41px;font-size:;position:relative;right:-0px;}
.yc3sec .rcl, .yc3sub .rcl {padding-left:10px;background:url(http://i221.photobucket.com/albums/dd142/alice0124/16162.gif) repeat-y;}
.yc3sec .rcr, .yc3sub .rcr {padding-right:10px;background:right repeat-y;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}
/*btnsbsrb*/
div#btnsbsrb a, div#btnsbsrb_nologin a{display:block;width:140px;height:41px;background:url(http://i221.photobucket.com/albums/dd142/alice0124/11-4.gif) no-repeat;margin:0;}
/*make coomment bar*/
div.btncomment a {display:block;height:29px;width:100px;background:url(http://i221.photobucket.com/albums/dd142/alice0124/12-5.gif) no-repeat;}
div.btntrackback a {display:block;height:29px;width:100px;background:url(http://i221.photobucket.com/albums/dd142/alice0124/13-3.gif) no-repeat;}
#ybloginfo table, #yusrinfo table, #yusrintro p {background: transparent #ffffff;color:#666666;}
.yc3subbd .rctop,.yc3subbd .rctop div,.yc3subbd .rcl,.yc3subbd .rcr,.yc3subbd .rcbtm,.yc3subbd .rcbtm div, .yc3sec .rctop,.yc3sec .rctop div,.yc3sec .rcl,.yc3sec .rcr,.yc3sec .rcbtm,.yc3sec .rcbtm div {filter:alpha(opacity=100); opacity:1.0; moz-opacity:1.0;}
#yhtw_masthead{filter:alpha(opacity=100); opacity:1.0; moz-opacity:1.0;}
#yhtw_mastfoot, #yhtw_mastfoot a, #yhtw_mastfoot a:hover{color:#D90254;}
#yhtw_mastfoot{margin-top:5px;}
/*隱藏更新日*/
#ymodupdate{display:none}
/*隱藏格相簿*/
#ymodalbum{display:none;}
/*隱藏留言版*/
#yblast .text a{display:none;}
本篇素材取自韓網BLOG/rej1220+ TINA自行加工製作。
版型語法可適用 1024x768px 或 1280x1024px 的螢幕,以及IE或Firefox 瀏覽器;
語法中均有註解說明可依其需要修改。請先備份其自定樣式原始文字, 再使用提供的語法 !
不太會版型語法的朋友可按以下教學參考
這是韓國繪畫家paco的作品 : A~YO !
這是韓網blog /rej1220 的blog skin 小樣
這是tina改良奇摩部落格二欄版面-1280px畫面參考 當然你也可以用三欄版面 !
後記: 2008.06.05
本篇若用二欄最好用1280px或1024px+ie6.o (因為二段語法尚未成功 ! )
文章欄及側欄框樣式參考
管理部落格/面板設定/自訂樣式 所需要的語法如下:
■時計安裝自訂欄位語法: |
■Download(右鍵另存):【skull_time】
|
1024x768兩欄式範例
1024x768三欄式範例
/*以下若要顯示請不要放上即可*/ /*隱藏更新日期欄*/ /*隱藏部落格相簿*/ /*隱藏我要留言免受廣告干擾*/ /*Nav module body側欄區內文*/ /*Main content header文章區上標*/ /*Main content body文章內文及文章區*/ /*Scrollbar捲軸區色彩*/ /*文章前小圖設定*/ /*左右欄位小圖*/
/*側欄區加框線*/ /*edit module profile上傳個人相片編輯個人檔案*/
/*側欄框要顯示*/ |
部分語法來自各方前輩, ee 非常感謝各位;因為您慷慨無私的與我分享~
ee 才能更上一層。希望這些對您佈置部落格時能有所幫助~~^^
由於這兩款版型要呈現半透明視覺,所以 ee 套用於區塊上的圖片很少,佈置您的部落格時,別忘了還有些區塊可以加入美美的圖片唷!
最後 ee 還是要再次提醒您
更換設定 ~ 相同的語法必須刪除,語法重覆會干擾程式,可能造成預期的效果無法顯示哦!
/*部落格背景顏色及背景圖(固定)*/
body {background:#92B49C;background-image: url(http://hk.geocities.com/connie-ee/b01/63.gif ) 100% 0 repeat;background-attachment:fixed;background-position:center top;}
/*部落格 - 文字顏色*/
.text {color:#0049AA;font-weight:bolder;}
/*cursor 游 標*/
body{cursor:url(http://ashine0118.myweb.hinet.net/catrun2.ani);}
a:hover{cursor:url(http://ashine0118.myweb.hinet.net/music.ani);}
/*連結設定*/
a,a:link,a:visited{font-family:標楷體;color:#0049AA;text-decoration: none;}
↑【連結無底線 - 字型+字體顏色】
a:hover{color:#00BBE9;}
↑【滑鼠點到所顯示的字體顏色】
a:hover{border:3px #A6DE1F outset;font-family:細明體;}
↑【滑鼠點到顯示的框線線條顏色+字型】《更改 框線,請參考框線設定說明》
/*奇摩置頂工具列*/
#yhtw_masthead{background:#92B49C;background-image:url(http://hk.geocities.com/connie-ee/b01/63.gif );filter:alpha(opacity=100);opacity:1.0;moz-opacity:1.0;font-size:29px;}
↑【底圖+透明度+ (部落格)字體大小~設定﹞
#yhtw_masthead .mhuser div{display:inline;color:#00BBE9;font-family:標楷體;}
↑【暱稱 - 字體顏色+字型~設定】
#yhtw_masthead .mhuser div a, #xyhtw_masthead .mhuser div b{color:#00BBE9;font-family:標楷體;}
↑【會員登出、會員中心 - 字體顏色+字型 ~ 設定】
#yhtw_masthead .masthead_function strong{color:#00BBE9;font-family:標楷體;}
div.mhsch span{font-size:16px;filter:alpha(opacity=60);opacity:0.6;moz-opacity:0.6;}
div.mhsch span a{background:#92B49C;}
↑【選擇功能 - 字體顏色+字型+透明度 ~ 設定】
#yhtw_masthead a, #yhtw_masthead a:link, #yhtw_masthead a:visited{color:#00BBE9;font-family:標楷體;}
↑【服務首頁、服務說明、Yahoo!奇摩《含左方 部落格 》- 字體顏色+字型 ~ 設定】
#yhtw_masthead a:hover{color:#FF1100;font-family:細明體;}
↑【滑鼠指標靠近,改變可連結字體、顏色】《不包括選擇功能》
/*Blog title橫幅 - 圖片、字體設定*/ 『 此則語法為 63 版型所使用 』
#yblogtitle h1, #yblogtitle a {font-family:標楷體;color:#007B1D;font-size:19px;font-style:italic;font-weight:bold;}
↑【部落格標題 - 字型+字體顏色+字體大小】《字體不斜體可刪除font-style:italic;若不加重字體視覺可刪除 font-weight:bolder; 註:往下走都一樣哦!若有設定,不喜歡就把它刪了;沒設定的,您也可以加上去,看看效果如何!就隨您的意啦!》
#yblogtitle .mbd{text-align:center;padding-top:2px;}
↑【部落格標題、部落格描述 - 文字置中+部落格標題 文字與上方邊緣距離】《 若不置中可刪除text-align:center;與上方距離可調整padding-top:2px;數字》
#yblogtitle .tbd p{font-family:標楷體;color:#007B1D;font-size:19px;font-style:italic;font-weight:bold;}
↑【部落格描述 - 字型+字體顏色+字體大小】
#yblogtitle .tbd{padding-top:200px;}
↑【部落格描述 - 文字與上方邊緣距離】《拉開部落格標題與部落格描述的距離,可調整距離(數字);若不做此動作,可整句刪除》
#yblogtitle .mbd, #yblogtitle .mft{background:url(http://hk.geocities.com/connie-ee/b01/63-11.gif ) no-repeat;padding-left:50px;}
↑【透明裝飾圖片不重複+圖片與左方邊緣距離】《距離可視顯示物調整數字 》
#yblogtitle .edit {display:none;}
↑【隱藏編輯小方塊;若不隱藏,刪除整句語法】
===============================
/*Blog title橫幅 - 圖片、字體設定*/ 『 此則語法為 64 版型所使用 』
#yblogtitle .rctop {background:url(http://blog.roodo.com/5ee/ce54149b.gif ) 50% 100% no-repeat;height:390px;}
↑【裝飾圖片】《利用橫幅上邊框位置設定裝飾圖片,使部落格標題、部落格描述文字處於裝飾圖片下方,以免破壞圖片美感~^^》
#yblogtitle h1, #yblogtitle a {font-family:標楷體;color:#FFFF99;font-size:19px;font-style:italic;font-weight:bold;}
↑【部落格標題 - 字型+字體顏色+字體大小】《字體不斜體可刪除font-style:italic;若不加重字體視覺可刪除 font-weight:bolder; 註:往下走都一樣哦!若有設定,不喜歡就把它刪了;沒設定的,您也可以加上去,看看效果如何!就隨您的意啦!》
#yblogtitle .mbd{text-align:center;background:url(http:// );padding-top:10px;}
↑【部落格標題、部落格描述 - 文字置中、文字與上方裝飾圖片距離】《 若不置中可刪除text-align:center;文字與上方距離調整 padding-top:10px; 數字即可》
#yblogtitle .tbd p{font-family:標楷體;color:#FFFF99;font-size:19px;font-style:italic;font-weight:bold;}
↑【部落格描述 - 字型+字體顏色+字體大小】
#yblogtitle .edit {display:none;}
↑【隱藏編輯小方塊;若不隱藏,刪除整句語法】
/*招呼語*/
#yblast .text{font-family:標楷體;color:#007698;font-size:18px;font-weight:bold;padding-top:22px;}
↑【字型+字體顏色+字體大小+文字與上方邊緣距離】《調整字體大小時,請同時調整或刪除padding-top:22px;文字與上方邊緣距離》
#yblast .bg {filter:alpha(opacity=70);opacity:0.7; moz-opacity:0.7;}
↑《透明度更改請參考說明》
#yblast .bg {width:480px;height:20px;background:#92B49C;border-left:2px solid #737E00;border-right:5px double #76743F;border-top:2px solid #737E00;border-bottom:4px double #7A7D14;font-family:verdana;}
↑【寬度、高度+框線】《調整寬度width:480px;高度height:20px;更改數字即可,更改框線設定,請參考說明》
#yblast{text-align:center;zoom:1;margin:2px;z-index:2;}
↑【區塊、文字置中+上下區塊距離】《區塊、文字若不置中,可刪除text-align:center; 上下區塊距離調整margin:2px;數字即可》
#yblast .text a{display:none;}
↑【隱藏連結小方塊 "我要留言"字樣;若不隱藏,刪除整句語法】
/*中間欄位 (標題) */
.yc3pribd .mhd{background:#92B49C;padding-left:5px;filter:alpha(opacity=70);opacity:0.7; moz-opacity:0.7;}
↑《透明度更改請參考說明》
.yc3pribd .mhd h3{font-family:標楷體;color:#0049AA;font-size:25px;}
↑【標題字型+字體顏色+字體大小】
.yc3pribd .mhd{background:#92B49C;border-left:2px solid #737E00;border-right:5px double #76743F;border-top:2px solid #737E00;border-bottom:4px double #7A7D14;font-family:verdana;}
↑《更改框線設定,請參考說明》
/*中間欄位 - 管理此分類文章~按鍵*/
#yarticle .text q{background:#92B49C;font-family:標楷體;font-size:18px;font-weight:bold;}
↑【文章分類 (管理此分類文章) 按鍵 - 字型+字體大小~ 設定】《此項無框線設定,若欲加框線,請參考說明》
/*中間欄位 文章內容 - 標題*/
.yblogcnt .blgtitlebar h2 {padding-top:8px;font-family:標楷體;font-weight:bold;background:url(http://hk.geocities.com/connie-ee/b01/63-12.gif ) no-repeat;padding-left:60px;height:40px;}
↑【文章內容標題 - 字型+標題前小圖 】《更換 文章標題前小圖時,請同時調整文字與上方邊緣距離padding-top:8px;,更改圖片與左方的距離 padding-left:60px和圖片高度height:40px,距離和高度都必須大於圖片的寬、高,這樣圖片才能全部顯現出來。》
/*中間欄位 文章內容*/
.yc3pribd .mhd.text {color:#0049AA;font-family:標楷體;font-size:17px;font-weight:bold;}
↑【文章內容 - 字體顏色+字型+字體大小】
.yc3pribd .rcl, .yc3pribd .rcr, .yc3pribd .rcbtm, .yc3pribd .rcbtm div {filter:alpha(opacity=70);opacity:0.7; moz-opacity:0.7;}
↑《透明度更改請參考說明》
.yc3pribd .mbd, .yc3pribd .mft, #yusrintro p{background:#92B49C;border-left:2px solid #737E00;border-right:5px double #76743F;border-top:2px solid #737E00;border-bottom:4px double #7A7D14;font-family:verdana;}
↑《更改框線設定,請參考說明》
/*文章內容 (編輯、 刪除 - 按鍵 )*/
div.btnblgedit, div.btnblgdel a{font-family:標楷體;font-size:17px;font-weight:bold;}
div.btnblgedit, div.btnblgdel{background:#92B49C;background:url(http:// );border:2px double #03747B;}
↑【 字型+字體大小+框線設定】《可加入背景底圖,更改框線設定,請參考說明》
/*文章內容 (檢舉 - 按鍵 )*/
div.btnblgreport a{font-family:標楷體;font-size:18px;font-weight:bold;}
div.btnblgreport {background:#92B49C;background:url(http:// );border:2px dotted #007698;}
↑【字型+字體大小+邊框設定】《 格友進入文章內容就能瞧見檢舉按鍵,註:此項板主需登出,進入文章內容觀看,可加入背景底圖,更改框線設定,請參考說明》
/*文章內回應板*/
#postrte, div.privacy{font-family:標楷體;color:#FFFF00;font-weight:bold;font-size:16px;}
↑【隱藏設定、 公開回覆、 隱藏回覆 - 字型+字體顏色+字體大小】
#postrte, rteNote{font-family:標楷體;color:#FF1100;font-weight:bold;font-size:16px;}
↑【觀看HTML 原始碼、※ 提醒您(整句) - 字型+字體顏色+字體大小】
/*部落格檔案、個人資料、自我介紹*/
table#bloginfo th {background:url(http://); font-family:標楷體;color:#005557;font-weight:bold;font-size:18px;text-align:center;}
↑【部落格檔案(內容)標題 - 字型+字體顏色+字體大小(置中)】《文字不置中可刪除語法 text-align:center;》
#bloginfo td{background:url(http://); font-family:標楷體;color:#FFFF00;font-weight:bold;font-size:18px;}
↑【部落格檔案(內容)介紹 - 字型+字體顏色+字體大小】
table#usrinfo th{background:url(http://); font-family:標楷體;color:#005557;font-weight:bold;font-size:18px;text-align:center;}
↑【個人資料內容(名稱) - 字型+字體顏色+字體大小(置中)】《字體不置中可刪除語法 text-align:center;》
#usrinfo td{background:url(http://); font-family:標楷體;color:#FFFF00;font-weight:bold;font-size:18px;}
↑【個人資料(內容)介紹- 字型+字體顏色+字體大小】
#ybloginfo table, #yusrinfo table{background:#92B49C;background:url(http://);}
↑【部落格檔案、個人資料 - 背景底色設定】
div#yusrintro p{font-family:標楷體;color:#045B9E;font-weight:bold;font-size:18px;}
↑【自我介紹(內容)- 字型+字體顏色+字體大小】
div#yusrintro p{background:#92B49C;background:url( http:// ); filter:alpha(opacity=50);opacity:0.5; moz-opacity:0.5;}
↑【自我介紹(內容)- 透明度設定】《透明度更改請參考說明》
/*部落格檔案 檢舉 按鍵*/
#ybloginfo span a{font-family:標楷體;color:#0049AA;font-size:18px;font-weight:bold;}
#ybloginfo span{background:#92B49C;border:2px dotted #007698;}
↑【部落格檔案 檢舉 按鍵 - 字型+字體大小+框線】《註:此項板主需登出觀看;更改框線設定,請參考說明》
/*留言板*/
/*編輯管理(我要留言)~按鍵*/
#ymsgboard .rcr q{background:#92B49C;font-family:標楷體;font-size:18px;font-weight:bold;}
↑【 編輯管理=我要留言 按鍵 - 字型+字體大小】《此項無框線設定,若欲加框線,請參考說明》
/* 檢舉、加入黑名單 ~按鍵*/
div.cmntusrinfo span a, div.cmntusrinfo.reportbtns span a{font-family:標楷體;color:#0049AA;font-size:17px;font-weight:bold;}
div.cmntusrinfo span, div.cmntusrinfo.reportbtns span{background:#92B49C;border:2px dotted #007698;}
↑【留言板&回覆留言板、文章內(格友引用、回應後顯示) - 字型+字體顏色+字體大小+框線】《更改框線設定,請參考說明》
/*回覆、刪除、取消、選擇全部、取消全部 - 按鍵*/
div.btncmntdel, div.btncmntre{background:#92B49C;background:url(http:// );border:2px double #03747B;font-size:16px;font-family:verdana;}
↑【包含文章內回應板、回應列表 - 框線設定+字體大小】《更改框線設定,請參考說明》
div#ymngmsg q span{background:#92B49C;border:2px dotted #03747B;}
div#ymngmsg q span a{color:#9D0044;}
↑【刪除、取消 - 框線+字體顏色】《更改框線設定,請參考說明》
#ymngmsg .mhd.text.actionbar{background:url(http:// );}
div#ymngmsg span{background:#92B49C;background:url(http:// );font-family:標楷體;color:#9D0044;font-size:19px;font-weight:bold;}
↑【選擇全部、取消全部 - 字型+字體顏色+字體大小】
/*版主~回覆留言區塊*/
#yreplymsg label{font-family:標楷體;color:#FFFF00;font-weight:bold;font-size:16px;}
↑【公開回覆、隱藏回覆、觀看HTML原始碼 - 字型+字體顏色+字體大小】
#yreplymsg td{font-family:標楷體;color:#FF1100;font-weight:bold;font-size:16px;}
↑【※ 提醒您(整句) - 字型+字體顏色+字體大小】
#yreplymsg table {background:#b39f8c;background:url(http:// );}
#yreplymsg table{border-top:5px double #7A7D14;font-family:verdana;}
↑【回覆留言區塊框線設定】《更改框線設定,請參考說明》
/*訪客~留言區塊*/
div#postrte th{background:#92B49C;background:url(http:// );font-family:標楷體;color:#006161;font-weight:bold;font-size:18px;}
↑【留言者、隱藏設定、留言內容 - 字型+字體顏色+字體大小】
div#postrte td{font-family:標楷體;color:#007698;font-weight:bold;font-size:18px;}
↑【暱稱、公開回覆、隱藏回覆 - 字型+字體顏色+字體大小】
div#caption{font-family:標楷體;color:#FF00FF;font-weight:bold;font-size:16px;}
↑【觀看HTML原始碼 - 字型+字體顏色+字體大小】
div#rteNote{font-family:標楷體;color:#FF1100;font-weight:bold;font-size:17px;}
↑【※ 提醒您(整句) - 字型+字體顏色+字體大小】
註:訪客留言區塊語法設定~訪客留言時,才看得到;版主必須登出,給自己留言~讚美讚美自己吧!
/*相簿點閱區*/
/*自動播放 按鍵、相簿分類*/
#yphtgallery .text q{background:#92B49C;font-family:標楷體;font-size:18px;font-weight:bold;}
#yphtgallery .text q a{color:#FF1100;font-size:18px;}
↑【自動播放 - 字型+字體顏色+字體大小】《此項無框線設定,若欲加框線,請參考說明》
select, option {background:#92B49C;font-family:標楷體;color:#A6DE1F;font-size:17px;font-weight:bolder;}
↑【全部相片(點選相簿分類) 字型+字體顏色+字體大小】
#yphtsingle .text q{background:#92B49C;font-family:標楷體;font-size:18px;font-weight:bold;}
#yphtsingle .text q a{color:#FF1100;}
↑【自動播放 - 字型+字體顏色+字體大小】《位於 點閱進入單張相片內;此項無框線設定,若欲加框線,請參考說明》
/*選擇全部、取消全部*/
#yphtgallery .actionbar {background:#92B49C;background:url(http:// );font-family:標楷體;color:#AE1870;font-size:17px;font-weight:bolder;}
↑【 字型+字體顏色+字體大小】
/*更換相簿、發表..... (按鍵)*/
div.buttonmenu{background:#92B49C;color:#FF1100;filter:alpha(opacity=60);opacity:0.6;moz-opacity:0.6;}
↑【更換分類內藏相簿分類選單 - 字體顏色+透明度】《透明度更改請參考說明》
table#datatable td input{background:url(http:// );width:22px;}
↑【相片勾選框寬度】
#yphtgallery, button{font-family:標楷體;color:#ffffff;font-size:15px;font-weight:bolder;}
div.actionbar span{background:#92B49C;border:2px dotted #007698;}
↑【字型+字體顏色+字體大小+框線】《包含 點閱進入單張相片內,更換分類、發表、修圖...及回應列表的刪除、加入黑名單等按鍵;更改框線,請參考說明》
/*回應列表欄 - 設定*/
#ycmntlist .mhd {text-align:center;}
↑【最上層 - (回應列表 )字體置中】
#ycmntlist .mbd, #ycmntlist .mbd{background:#92B49C;text-align:center;}
↑【第二層 (文章、相片回應) - 字體置中】《字體不置中可刪除text-align:center;》
#ycmntlist .mbd li strong {background:url(http:// );font-family:標楷體;color:#FF1100;font-size:23px;font-weight:bolder;}
#ycmntlist .mbd li a{background:url(http:// );font-family:標楷體;color:#0049AA;font-size:20px;font-weight:bolder;}
↑【第二層 (文章回應、相片回應) - 字型+字體顏色+字體大小】《點閱時,頁面文字顏色變化設定,欲加框線,請參考框線說明》
#ycmntlist .actionbar {font-family:標楷體;color:#AE1870;}
↑【(總回應篇數) - 字型+字體顏色】
#ycmntlist table th {background:#92B49C;background:url(http:// );font-family:標楷體;font-size:19px;color:#A6DE1F;font-weight:bolder;text-align:center;}
↑【回應標題(回應內容) - 字型+字體顏色+字體大小(置中)】《文字若不置中,可刪除text-align:center;》
#ycmntlist .listbd {background:url(http:// );color:#03747B;font-size:17px;font-weight:bolder;}
↑【回應者內容、回應時間 - 字體顏色+字體大小】《包括(總回應篇數)字體大小》
#ycmntlist .reply {background:url(http:// );font-family:標楷體;font-size:19px;color:#CD8E0A;font-weight:bolder;}
↑【格主回應 - 字型+字體顏色+字體大小】
#ycmntlist .listbd a {font-family:標楷體;font-size:18px;color:#008E37;font-weight:bolder;}
↑【文章標題、回應者+暱稱、回應的時間 - 字型+字體顏色+字體大小】
#ycmntlist .mft , #ycmntlist .mft a {background:#92B49C;font-size:16px;color:#9D0044;font-weight:bolder;text-align:center;}
↑【底層 (頁數列) - (下一頁、頁數)字體顏色+字體大小】
#ycmntlist strong {font-size:17px;color:#A6DE1F;font-weight:bolder;}
↑【底層 (頁數列) - 點閱頁面,頁數字體顏色+字體大小】
/*我的訂閱~分類列表*/
#ysbscrblist .actionbar {background:url(http:// );color:#AE1870;font-size:17px;font-weight:bolder;}
↑【選擇全部、取消全部 - 字體顏色+字體大小】
#ysbscrblist thead th{background:#92B49C;background:url(http:// );font-family:細明體;color:#DDA600;font-size:18px;font-weight:bolder;}
↑【格友資料欄~標題 - 字型+字體顏色+字體大小】
#ysbscrblist table{background:url(http:// );}
tbody td{font-family:細明體;color:#03747B;font-size:18px;font-weight:bold;}
↑【格友資料欄~部落格描述 - 字型+字體顏色+字體大小】
/*INPUT搜尋、預覽、確認、取消+框線*/
input, action{background:#92B49C;border:2px dotted #03747B;font-size:15px;color:#ffffff;font-family:verdana;}
↑【左右欄搜尋區塊、文章回應區塊-預覽、取消 按鍵、留言版回覆留言區塊 - 確認、取消 按鍵、其他勾選框 「包括回應列表、相簿點閱區」 - 框線+字體大小+字體顏色】《更改框線設定,請參考說明》
/*欄位寬調整 - 左190px右160px-中間縮*/
.thrcol .yc3mainbd {margin-left:190px;}
.thrcol .yc3pribd {margin-right:164px;}
.thrcol .yc3sec {position:absolute;width:190px;left:5px; }
.thrcol .yc3subbd {width:160px;}
↑【不調整欄位寬度,可刪除此項語法】
/*左右欄標題+框線*/
.yc3sec .mhd, .yc3subbd .mhd, , .yc3sec .mhd a, .yc3sec .mhd a:link, .yc3sec .mhd a:visited{font-family:verdana;filter:alpha(opacity=70);opacity:0.7; moz-opacity:0.7;font-size:17px;font-family:標楷體;color:#0049AA;font-weight:bolder;text-align:center;}
↑【透明度+字體大小+字型+字體顏色(置中) 】《更改透明度設定,請參考說明;文字不置中可刪除→ text-align:center 》
.yc3sec .mhd h3, .yc3sub .mhd h3{background:url(http://hk.geocities.com/connie-ee/b01/63-09.gif );border-left:2px solid #737E00;border-right:5px double #76743F;border-top:2px solid #737E00;border-bottom:4px double #7A7D14;}
↑【背景底圖+框線】《更改框線設定,請參考說明》
.yc3sec .mhd a:visited,.yc3subbd .mhd a:visited{background:url(http://) ;color:#FA7B1B;text-align:center;}
↑【左右欄 ~ 留言板、部落格相簿 - 字體顏色(文字置中)】《 文字不置中可刪除→ text-align:center》
.yc3sec .mhd a:visited,.yc3subbd .mhd a:visited{font-size:18px;}
↑【左右欄 ~ 留言板、部落格相簿 - 字體大小】《字體大小更改font-size:18px;數字即可》
/*左右欄內容*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft {background:#92B49C;border-left:2px solid #737E00;border-right:5px double #76743F;border-top:2px solid #737E00;border-bottom:4px double #7A7D14;font-family:標楷體;font-size:15px;}
↑【框線+字型+字體大小】《更改 框線,請參考框線設定說明》
.yc3subbd .rcl, .yc3subbd .rcr, .yc3subbd.rcbtm, .yc3subbd.rcbtm, .yc3sec .rcl, .yc3sec .rcr, .yc3sec .rcbtm, .yc3sec .rcbtm div {filter:alpha(opacity=70);opacity:0.7; moz-opacity:0.7;}
↑《透明度更改請參考說明》註:透明度包括左右欄標題】
/*左右欄內容、標題間隙+小圖+括號顏色*/
.ycntmod .mbd ul.list li {margin-bottom:10px;background:url(http://hk.geocities.com/connie-ee/b01/63-13.gif ) no-repeat;color:#0049AA;padding-left:16px;}
↑【標題間隙(上下)請調整→ margin-bottom:10px 數字越大間隙越大】【標題前小圖不重複+括號顏色】【調整文字與左邊距離→ padding-left:16px;數字越大,距離越寬】註:調整邊緣距離,視顯示物調整或省略。
/*更新日期前小圖*/
#ymodupdate .mbd .date{background:url(http://desk.blueidea.com/QTZY/GIF/gif_icon/gif_icon015.gif ) no-repeat;height:35px;padding-left:53px;padding-top:13px;font-size:11px;}
↑【小圖不重複(圖片高度height:35px;)+文字與左方、上方邊緣距離+日期字體大小→ font-size:11px; 】《調整邊緣距離,請參考上則》《此項小圖圖片略大些,更換圖片時,記得調整文字與邊緣距離唷!》
/*所有文章、更多回應*/
.ycntmod .mbd ul.list li.more {background:url(http://hk.geocities.com/connie-ee/b01/63-14.gif ) no-repeat;font-size:16px;font-weight:bold;padding-right:10px;}
↑【小圖不重複+字體大小+文字與右邊邊緣距離】《調整邊緣距離,請參考上則》
/*訂閱圖片*/
div#btnsbsrb_nologin a, div#btnsbsrb a {display:block;width:135px;height:33px;overflow:hidden;background:url(http://hk.geocities.com/connie-ee/b01/63-01.gif ) no-repeat;padding-right:5px;}
↑【板主需登出才能看到美美的訂閱圖片唷!】
/*引用、回應make coomment bar*/
div.btntrackback a {display:block;width:82px;height:33px;background:url( http://hk.geocities.com/connie-ee/b01/63-02.gif ) no-repeat;}
div.btncomment a {display:block;width:82px;height:33px;background:url( http://hk.geocities.com/connie-ee/b01/63-03.gif ) no-repeat;}
↑【把文章內 引用、回應 按鍵換上美美的圖片,註:回應圖片包含相簿區】
/*edit M blog title三按鍵換圖*/
div.btncompose a{display:block;width:97px;height:23px;overflow:hidden;background:url(http://hk.geocities.com/connie-ee/b01/63-04.gif ) no-repeat;}
div.btnphoto a{display:block;width:97px;height:23px;overflow:hidden;background:url(http://hk.geocities.com/connie-ee/b01/63-05.gif ) no-repeat;}
div.btnsetup a{display:block;width:97px;height:23px;overflow:hidden;background:url(http://hk.geocities.com/connie-ee/b01/63-06.gif ) no-repeat;}
↑【位於 橫幅 - 發表文章、上傳相片、管理部落格 按鍵】
/*edit module profile上傳個人相片編輯個人檔案*/
div.btnulprfphoto a {display:block;height:23px;background:url(http://hk.geocities.com/connie-ee/b01/63-07.gif ) center top no-repeat;}
div.btneditprf a {display:block;height:23px;background:url(http://hk.geocities.com/connie-ee/b01/63-08.gif ) center top no-repeat;}
↑【位於左右欄,美美的個人相片 ~ 自我介紹欄,上傳個人相片及編輯個人檔案 按鍵】
/*自我介紹欄位 性別 圖片檔變更設定*/
#ymodprf .horos img{display:none;}
#ymodprf .horos{width:130px;height:113px;background:url( http://hk.geocities.com/connie5ee/a01/34-8.gif ) center no-repeat;}
↑【位於左右欄,美美的個人相片 ~ 自我介紹欄,上傳個人相片及編輯個人檔案 按鍵 中間】
/*回應欄位加圖片*/
#yartcmt .pagination strong{display:none;}
#yartcmt .pagination{height:125px;background:url( http://hk.geocities.com/connie-ee/b01/63-10.gif ) no-repeat;background-position:center;}
↑【位於文章內,回應欄上方】
↑【上列幾項 ~更換 圖片時,請隨著圖片更改圖片的寬度 width:130px;數字 和圖片高度 height:40px;數字】
/*SCROLL BAR捲軸*/
html {
scrollbar-face-color:#92B49C;
scrollbar-track-color:#92B49C;
scrollbar-arrow-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;}
↑【更改色碼#FFFFFF 變換顏色】
/*無框線*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {background:left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:right top no-repeat;height:5px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {background:left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:right bottom no-repeat;height:5px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:5px;background:repeat-y;}
.ycntmod .rcr {padding-right:5px;background:right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}
↑【不隱藏白色框線,可刪除此項語法】
/*隱藏雅虎頁尾 */
#yhtw_mastfoot{display:none;}
↑【不隱藏,可刪除語法】
簡單說明,更改框線及透明度~^^
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
線條樣式 → outset:立體浮出線、dotted:點線、dashed:虛線、solid:實線、inset:嵌入線、ridge:立體凸出(背脊形)、double:雙線、groove:凹溝線、none:無邊框。
顯示方位→ top:上、bottom:下、left:左、right:右。
邊框:《此次版型套用兩種》
例(1)↓【中間欄位 (文章標題)】
.yc3pribd .mhd{background:#92B49C;border-left:2px solid #737E00;border-right:5px double #76743F;border-top:2px solid #737E00;border-bottom:4px double #7A7D14;font-family:verdana;}
左方→ border-left:2px solid #737E00;
右方→ border-right:5px double #76743F;
上方→ border-top:2px solid #737E00;
下方→ border-bottom:4px double #7A7D14;
四個邊不變
更改線條粗細→border-left:2px solid #737E00; 線條隨數字大小變動。
更改線條樣式→border-left:2px solid #737E00; 參考線條樣式更換。
更改線條顏色→border-left:2px solid #737E00; 參考色碼表更換。
簡單吧!若您只想呈現右方和下方框線;那麼,將左方和上方語法內整句刪除即可。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
例(2)↓【文章內容 (編輯、 刪除 - 按鍵 ) 底色+文字+框線設定】
div.btnblgedit, div.btnblgdel, div.btnblgreport {background:#92B49C;background:url(http:// );border:2px dashed #0049AA;font-size:18px;font-weight:bold;font-family:verdana;}
這種邊框設定最簡單 → border:2px dashed #0049AA;
更改線條粗細(2px) 、線條樣式 (dashed)、線條顏色色碼( #0049AA)即可。
透明度:
透明度更改→filter:alpha(opacity=70); opacity:0.7; moz-opacity:0.7;更改數字即可。
↑【設定時兩種不同瀏覽器↓的語法都必須使用;不管 格友 用的是哪種瀏覽器,才會呈現相同的效果唷!】
IE瀏覽器→ filter:alpha(opacity=100);【0 ~ 100,0 → 全透明,100 → 不透明】
FIREFOX瀏覽器→ opacity:1.0; moz-opacity:1.0;【0 ~ 1,0 → 全透明,1 → 不透明】
本篇素材來自韓網blog/cola收集美圖加工素材, 這些都是CLOA取自韓網CYWORLD網頁背景製作
全部有89款(繪畫小卡)+36款(有感覺的小卡)素材, 在此分享給同好者囉 !
懶人包(4.39MB) 請按以下網址等數秒按右下角出現的 " download file " 即可 !
http://www.4shared.com/file/46323500/5e4af57e/0504-125.html
想快速引用本文的朋友可參考: 如可用IE取得要引用文章的語法?