喜歡現在這個版面的朋友,把語法 copy回家吧!
小部分的瑕疵我不想修改了(因為我不會改,哈哈!)。
不過要麻煩大家把圖片存在自己的網路空間,
如果大家想要修改語法也無仿,修改後記得和我分享喔!
此外,網誌名稱的連結一直起不了作用,我不曉得哪裡
出了問題,如果有朋友知道的話,麻煩指導我一下,謝謝!
還有,放在文章裡的圖片別太大,免得版面跑掉了就不好看。
好囉!注意事項先講到這裡,歡迎大家試用這個版面。
/*--------------------------------------------------------------------------------↓*/
/*名稱:遇見幸福的花朵
設計:amy
發行:03.29.2005 */
HTML {
scrollbar-face-color: #c3d4ef;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-3dlight-color: #c3d4ef;
scrollbar-arrow-color: #ffffff;
scrollbar-darkshadow-color: #c3d4ef;
}
BODY {
BACKGROUND: url(http://home.pchome.com.tw/love/d02150/blog_img/mizu3-1-2.gif) ;
}
A {
COLOR: #666666; TEXT-DECORATION: none
}
A:link {
COLOR: #666666; TEXT-DECORATION: none
}
A:visited {
COLOR: #666666; TEXT-DECORATION: none
}
A:active {
COLOR: #666666
}
A:hover {
COLOR: #bb838e;background:#fff
}
H1 , H2, H3 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
PADDING-TOP: 0px
}
#container1 {
width:830px;
BACKGROUND: url(http://home.pchome.com.tw/love/d02150/blog_img/MIDDLE.jpg) repeat-y ;
}
#container2{
height:100%;
}
#banner {
BACKGROUND: url(http://home.pchome.com.tw/love/d02150/blog_img/BANNER.jpg) no-repeat 100% 0%;
width: 830px;
HEIGHT: 320px;
line-height:1;
text-align:center;
PADDING-TOP: 100px;
}
#banner A {
FONT-WEIGHT: bold;
FONT-SIZE: x-large;
COLOR: #bb838e;
FONT-FAMILY: georgia, verdana, arial, sans-serif;
TEXT-DECORATION: none
}
#banner A:link {
FONT-WEIGHT: bold;
FONT-SIZE: x-large;
COLOR: #bb838e;
FONT-FAMILY: georgia, verdana, arial, sans-serif;
TEXT-DECORATION: none
}
#banner A:visited {
FONT-WEIGHT: bold;
FONT-SIZE: x-large;
COLOR: #bb838e;
FONT-FAMILY: georgia, verdana, arial, sans-serif;
TEXT-DECORATION: none
}
#banner A:active {
FONT-WEIGHT: bold;
FONT-SIZE: x-large;
COLOR: #999;
FONT-FAMILY: georgia, verdana, arial, sans-serif;
TEXT-DECORATION: none
}
#banner A:hover {
FONT-WEIGHT: bold;
FONT-SIZE: x-large;
background:#fff;
COLOR: #999999;
FONT-FAMILY: georgia, verdana, arial, sans-serif;
TEXT-DECORATION: none
}
.description {
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
TEXT-TRANSFORM: none;
COLOR: #8f8f8f;
padding-top:50px;
FONT-FAMILY: verdana, arial, sans-serif;
BACKGROUND-COLOR: transparent;
}
#content{
width:65%;
float:right;
padding-top: 0px;
margin-right: 10px;
}
#links {
width: 200px;
margin-left: 30px;
border-right: 1px solid #BFE6F5;
background: url(http://d1.pic.wretch.cc/photos/1/d/d02150/2/1111860281.jpg) ;
padding-top: 10px;
padding-bottom: 10px;
}
.blog {
padding-left: 10px;
padding-right: 20px;
}
.blogbody {
FONT-WEIGHT: normal;
FONT-SIZE: 8pt;
background-color: #fff;
COLOR: #222222;
LINE-HEIGHT: 170%;
width:488px;
FONT-FAMILY: verdana, arial, sans-serif;
}
.blogbody A {
FONT-WEIGHT: normal; TEXT-DECORATION: none
}
.blogbody A:link {
FONT-WEIGHT: normal; TEXT-DECORATION: none
}
.blogbody A:visited {
FONT-WEIGHT: normal; TEXT-DECORATION: none
}
.blogbody A:active {
FONT-WEIGHT: normal; TEXT-DECORATION: none
}
.blogbody A:hover {
FONT-WEIGHT: normal; TEXT-DECORATION: none
}
.title {
FONT-WEIGHT: bold;
FONT-SIZE: 14pt;
COLOR: #000;
FONT-FAMILY: verdana, arial;
padding-top: 10px;
padding-bottom: 10px;
}
#menu {
FONT-WEIGHT: bold;
FONT-SIZE: 9px;
}
.articletext {
padding-left: 10px;
padding-right: 10px;
border: 1px solid #BFE6F5;
}
.extended {
text-align: right;
padding-right: 20px;
}
.date {
BACKGROUND: url(http://home.pchome.com.tw/love/d02150/blog_img/w-top.jpg) no-repeat ;
height: 53px;
text-align:left;
padding-left: 120px;
FONT-WEIGHT: bold;
FONT-SIZE: x-small;
COLOR: #8f8f8f;
FONT-FAMILY: Georgia,verdana, arial, sans-serif;
}
.datediv {
height; 83px;
padding-top:30px;
}
.posted {
background:url(http://home.pchome.com.tw/love/d02150/blog_img/w-bottom.jpg) no-repeat;
padding-top: 5px;
padding-right: 10px;
FONT-SIZE: 8pt;
COLOR: #630;
FONT-FAMILY: verdana, arial, sans-serif;
TEXT-ALIGN: center;
width: 488px;
height:53px;
}
.calendar {
PADDING-RIGHT: 1px;
PADDING-LEFT: 1px;
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
FLOAT: center;
PADDING-BOTTOM: 1px;
COLOR: #666;
PADDING-TOP: 1px;
FONT-FAMILY: verdana, arial, sans-serif
}
.calendarhead {
FONT-SIZE: 10px;
COLOR: #cc9933;
LINE-HEIGHT: 140%;
FONT-FAMILY: verdana, arial, sans-serif
}
.side {
BORDER-TOP-WIDTH: 1px;
BACKGROUND-POSITION: right bottom;
FONT-WEIGHT: normal;
BORDER-LEFT-WIDTH: 1px;
FONT-SIZE: 9pt; color:#1B0303;
BACKGROUND-IMAGE: none;
BORDER-BOTTOM:#1B0303 1px;
LINE-HEIGHT: 160%;
BACKGROUND-REPEAT: no-repeat;
FONT-FAMILY: verdana, arial, sans-serif;
BACKGROUND-COLOR: transparent;
BORDER-RIGHT-WIDTH: 1px;
}
.sidetitle {
background-color: #BFE6F5;
BORDER: #ffffff 1px;
PADDING-RIGHT: 1px;
MARGIN-TOP: 10px;
PADDING-LEFT: 1px;
FONT-WEIGHT: bold;
FONT-SIZE: 9pt;
MARGIN-BOTTOM: 5px;
PADDING-BOTTOM: 1px;
COLOR: #ffffff;
LINE-HEIGHT: 140%;
PADDING-TOP: 1px;
FONT-FAMILY: verdana, arial, sans-serif;
LETTER-SPACING: 0.1em;
TEXT-ALIGN: center
}
.syndicate {
PADDING-RIGHT: 2px;
MARGIN-TOP: 10px;
PADDING-LEFT: 2px;
FONT-WEIGHT: bold;
FONT-SIZE: xx-small;
PADDING-BOTTOM: 2px;
LINE-HEIGHT: 140%;
PADDING-TOP: 2px;
FONT-FAMILY: verdana, arial, sans-serif;
TEXT-ALIGN: center
}
.powered {
PADDING-RIGHT: 2px;
MARGIN-TOP: 10px;
PADDING-LEFT: 2px;
FONT-WEIGHT: normal;
FONT-SIZE: xx-small;
PADDING-BOTTOM: 2px;
COLOR: #fff;
LINE-HEIGHT: 140%;
PADDING-TOP: 2px;
FONT-FAMILY: verdana, arial, sans-serif;
TEXT-ALIGN: center
}
.comments-head {
MARGIN-TOP: 1px;
BACKGROUND: url(http://d1.pic.wretch.cc/photos/1/d/d02150/2/1112028650.jpg) no-repeat;
padding-top:5px;
padding-bottom:5px;
PADDING-LEFT: 35px;
FONT-WEIGHT: normal;
FONT-SIZE: 9pt;
COLOR: #000;
FONT-FAMILY: verdana, arial, sans-serif;
height:34px;
}
.comments-body {
BACKGROUND: url(http://home.pchome.com.tw/love/d02150/blog_img/gppt159.gif)fixed #fff no-repeat right bottom;
BORDER: #ccc 1px solid;
PADDING: 7px;
FONT-WEIGHT: normal;
FONT-SIZE: 8pt;
MARGIN: 10px 10px;
COLOR: #666;
LINE-HEIGHT: 160%;
BORDER-BOTTOM: #ccc 1px solid;
FONT-FAMILY: verdana, arial, sans-serif;
}
.comments-post {
MARGIN-TOP: 7px;
FONT-WEIGHT: normal;
FONT-SIZE: 9px;
COLOR: #000;
FONT-FAMILY: verdana, arial, sans-serif;
TEXT-ALIGN: right;
}
TEXTAREA {
BORDER: #ccc 1px solid;
FONT-SIZE: small;
BACKGROUND: url(http://home.pchome.com.tw/love/d02150/blog_img/gppt159.gif) fixed #fff no-repeat right bottom;
MARGIN: 10px;
WIDTH:350px;
height:300px;
FONT-FAMILY: verdana
}
/* 按鍵及選項的設定 */
input,select {
border:1px solid #FAC0C0;
background-color: #fff;
FONT-SIZE:7pt;
font-family: arial,georgia, verdana, sans-serif; color: #FAC0C0;
}
#url, #email, #author {
width: 55%;border: 1px solid #ccc ;
}
#rem {
width:20px;
height:20px;
border: 1px solid #ccc ;
}
.trackback-body {
FONT-WEIGHT: normal;
FONT-SIZE: x-small;
COLOR: #333;
LINE-HEIGHT: 160%;
PADDING-TOP: 15px;
FONT-FAMILY: verdana, arial, sans-serif
}
.trackback-url {
BORDER-RIGHT: #666 1px dashed;
PADDING-RIGHT: 5px;
BORDER-TOP: #666 1px dashed;
PADDING-LEFT: 5px;
FONT-WEIGHT: normal;
FONT-SIZE: x-small;
PADDING-BOTTOM: 5px;
BORDER-LEFT: #666 1px dashed;
COLOR: #666;
LINE-HEIGHT: 140%;
PADDING-TOP: 5px;
BORDER-BOTTOM: #666 1px dashed;
FONT-FAMILY: verdana, arial, sans-serif
}
.trackback-post {
FONT-WEIGHT: normal;
FONT-SIZE: x-small;
MARGIN-BOTTOM: 20px;
COLOR: #999;
FONT-FAMILY: verdana, arial, sans-serif
}
#footer{
BACKGROUND: url(http://home.pchome.com.tw/love/d02150/blog_img/BOTTOM01.jpg) no-repeat ;
HEIGHT:210px;
}
/*--------------------end---------------------------------------------------------*/
【公告】
因為著作權的關係,amy已經把圖檔下載的部份拿掉了,所以需要版面的新朋友
amy要跟你們說聲抱歉!【10‧03‧2005更新】
留言列表