有鑑於2005年已過,最近紛紛有人留言跟我反映「雞仔拖油瓶」樣式裡的 "Happy New Year 2005" 不合時宜,因此,在不擅改圖片的前提之下,重新去素材網站搜刮,以同一張圖、沒有文字的版本修改了樣式,好讓此樣式不受年份限制得以使用。同時,因為這樣式的不成熟,看得我羞得想鑽地洞,此次版本更改也修改了一些細節,因為 Rachael 對語法實在不是那麼在行,為免日後答不出大家問題,導至懊惱到掉髮成三毛,在此也要拜託各位,此版本只「送」、不負責「送後服務」及「維修」,希望大家能諒解喔!
看完了這堆廢話,趕快來抓取樣式唄~請從水平線後開始複製。
/**********************************
作者:rachael
網誌:rachael's 異想世界
網址:http://www.wretch.cc/blog/rachael
素材來源:http://park14.wakwak.com/~lunar/spnuno.html
批ㄟ斯 and 噗力斯:
因 rachael 生性懶散,且實為CSS白痴XD,此樣式恕不附「送後服務」,乾溫哪鄉親:P~
***********************************/
HTML {
SCROLLBAR-FACE-COLOR: #FEF3C0;
SCROLLBAR-HIGHLIGHT-COLOR: #ccc;
SCROLLBAR-SHADOW-COLOR: #666666;
SCROLLBAR-3DLIGHT-COLOR: #EEFBD8;
SCROLLBAR-ARROW-COLOR: #666666;
SCROLLBAR-TRACK-COLOR: #FEFAE8;
SCROLLBAR-DARKSHADOW-COLOR: #C2BFB4
}
BODY {
BACKGROUND: url(http://pic21.pic.wretch.cc/photos/9/r/rachael/15/1107173184.jpg) #FAEDB1 fixed no-repeat 98% 94%;
FONT-FAMILY: arial, sans-serif;
TEXT-DECORATION: no-underline;
}
.A,
A:link,
A:visited,
A:active {
COLOR: #444; TEXT-DECORATION: none;
}
A:hover {
background: #f49f19;
COLOR: #fff;
TEXT-DECORATION: underline;
}
H1,
H2,
H3 {
}
#banner {
PADDING: 50px;
FONT-WEIGHT: bold;
FONT-SIZE: 28pt;
BACKGROUND: url(http://pic.wretch.cc/icon/rachael/1104404636.jpg) no-repeat 82% 100%;
HEIGHT: 140px; TEXT-ALIGN: left bottom;
}
#banner A ,
#banner A:link ,
#banner A:visited ,
#banner A:active {
FONT-WEIGHT: bold;
FONT-SIZE: x-large;
COLOR: #ab1503;
}
#banner A:hover {
FONT-WEIGHT: bold;
FONT-SIZE: x-large;
COLOR: #fff; background: #df1800;
text-decoration: none
}
.description {
FONT-WEIGHT: normal;
line-height:160%;
FONT-SIZE: 10.5pt;
COLOR: #444444; padding-left: 20px;
BACKGROUND-COLOR: transparent
}
#content {
float:left;top: 150px;
width:62%;
margin:10px;
padding-bottom:20px;
}
#links {
MARGIN-TOP: 75px;
COLOR: #ccc;
width:30%;
margin-left:63%
}
.blog {
PADDING: 10px;
margin:10px;
}
.blogbody {
BORDER: #CCC 1px solid;
margin:10px;
PADDING: 20px; padding-bottom:20px;
FONT-SIZE: 10pt;
BACKGROUND: url(http://pic.wretch.cc/icon/rachael/1104404639.jpg) no-repeat right bottom;
background-color: #fff;
COLOR: #222222;
LINE-HEIGHT: 170%;
}
.title {
FONT-WEIGHT: bold;
FONT-SIZE: 14pt;
PADDING-BOTTOM: 10px;
padding-top:15px;
COLOR: #666;
}
.date {
margin-left:10px;
padding-bottom:5px;
MARGIN-TOP: 30px;
FONT-WEIGHT: bold;
FONT-SIZE: large;
BACKGROUND-IMAGE: url(http://pic.wretch.cc/icon/rachael/1104404640.jpg) no-repeat 96% 100%;
COLOR: #999999;
BORDER-BOTTOM: #CCC 1px solid;
}
.posted {
FONT-SIZE: 8pt;
padding:20px 5px 5px 0px;
COLOR: #630;
TEXT-ALIGN: right;
}
.calendar {
PADDING: 1px;
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
FLOAT: center;
COLOR: #666;
}
.calendarhead {
FONT-SIZE: 10px;
COLOR: #cc9933;
LINE-HEIGHT: 140%;
}
.side {
FONT-SIZE: 9pt;
color:#1B0303;
LINE-HEIGHT: 180%;
BACKGROUND-COLOR: transparent;
}
.sidetitle {
width:50%;
background-color: #ffa81f;
MARGIN: 7px 0px;
padding:2px 15px;
FONT-WEIGHT: bold;
FONT-SIZE: 9pt;
COLOR: #ffffff;
LETTER-SPACING: 0.1em;
TEXT-ALIGN:left;
}
.syndicate {
PADDING:10px
}
.powered {
PADDING:10px;font-size: 8pt;
}
.comments-body {
BORDER: #ccc 1px solid;
PADDING: 7px;
MARGIN-BOTTOM: 20px;
MARGIN-TOP:10px;
FONT-SIZE: 9pt;
COLOR: #666;
LINE-HEIGHT: 160%;
}
.comments-post {
FONT-SIZE: 8pt;
COLOR: #CCC;
}
TEXTAREA {
BORDER: #ccc 1px solid;
FONT-SIZE: 10pt;
BACKGROUND: url(http://pic21.pic.wretch.cc/photos/9/r/rachael/15/1107173183.jpg) fixed #fff no-repeat 96% 96%;
padding: 15px;
MARGIN-LEFT:20px;
WIDTH: 500px;
height:300px;
MARGIN: 10px;
}
INPUT {
BORDER: #ccc 1px solid;
background: transparent;
FONT-SIZE: 9pt;
padding: 1px;
MARGIN-BOTTOM: 3px;
}
.comments-head {
padding:20px;
FONT: 11pt bold;
COLOR: #000;
BORDER-BOTTOM: #ccc 1px solid;
}
.trackback-body {
}
.trackback-url {
padding:10px
}