2006/12/26

BLOG更換新的樣板

原先部落格的版型已經用一段時間
這其實也是自己修改而來的
原先的版面為CLOVER

我將它改為藍色風格,且拿掉了許多裝飾的小圖片
但是忘了拍圖留底...我保留了CSS語法,但是還原不回去><"

這個板面很符合我想要的簡單卻很有直感
因為我的文章大部分都有一堆圖
如果板面就需要使用很多圖片載入,那觀看者感覺應該很糟
而且這個板面文章區比較大,圖片相對可以擺比較大

只是為了不要發生錯誤,文章裡的圖片都是100%符合寬度
就是原本的小圖會被拉很.....大!
雖然PIXNET有功能可以設定圖片要多大
但是滑鼠移過去還是會還原
版面依樣亂,就只好這樣囉~

之前版面的CSS
BODY {
Font-Family: Arial, Helvetica, sans-serif;
MARGIN: 0px;
WIDTH: 100%;
COLOR: #999999;
HEIGHT: 100%;
TEXT-ALIGN: center;
background-color: #999999;
font-size: 12px;
line-height: 150%;
background-image: url(/images/css/fog/bg1.gif);
background-repeat: repeat-y;
background-position: 50% 0px;
}
.blogbody img {
padding:10px;
border:3px outset #666666;
margin-left:-5px;
}
A {COLOR: #666666; TEXT-DECORATION: underline}
A:link {COLOR: #666666; TEXT-DECORATION: underline}
A:visited {COLOR: #666666; TEXT-DECORATION: underline}
A:active {}
A:hover {COLOR: #0071BC; TEXT-DECORATION: none}
A.acalendar {COLOR: #FFFFFF; TEXT-DECORATION: underline}
A.acalendar:link {COLOR: #0071BC; TEXT-DECORATION: }
A.acalendar:visited {TEXT-DECORATION: underline;color: #FFDFDF;}
A.acalendar:active {}
A.acalendar:hover {COLOR: #000000; TEXT-DECORATION: none}
A.acontinues {COLOR: #999999; TEXT-DECORATION: underline}
A.acontinues:link {COLOR: #999999; TEXT-DECORATION: underline}
A.acontinues:visited {COLOR: #666666;TEXT-DECORATION: underline}
A.acontinues:active {}
A.acontinues:hover {COLOR: #CCCCCC; TEXT-DECORATION: none}
A.amenu {COLOR: #999999; TEXT-DECORATION: underline}
A.amenu:link {COLOR: #666666; TEXT-DECORATION: underline}
A.amenu:visited {
TEXT-DECORATION: underline;
color: #666666;
}
A.amenu:active {}
A.amenu:hover {COLOR: #999999; TEXT-DECORATION: none}
#container {
MARGIN: 0px auto 0px;
WIDTH: 740px;
TEXT-ALIGN: left;
}
#banner {
height: 250px;
background-image: url(http://p8.p.pixnet.net/albums/userpics/8/6/16186/1163133281.jpg); }
background-repeat: none;
#subbanner {}
#banner A {COLOR: #FFFFFF; TEXT-DECORATION: none}
#banner A:link {
 COLOR: #FFFFFF;
 TEXT-DECORATION: none;
}
#banner A:visited {
 TEXT-DECORATION: none;
 color: #FFFFFF;
}
#banner A:active {
}
#banner A:hover {
 COLOR: #0071BC;
 TEXT-DECORATION: underline;
}
#subbanner A {COLOR: #cccccc; TEXT-DECORATION: none}
#subbanner A:link {COLOR: #cccccc; TEXT-DECORATION: none}
#subbanner A:visited {TEXT-DECORATION: none}
#subbanner A:active {}
#subbanner A:hover {COLOR: #cccccc; TEXT-DECORATION: underline}
H1 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
H2 {
 PADDING-RIGHT: 0px;
 PADDING-LEFT: 0px;
 PADDING-BOTTOM: 0px;
 MARGIN: 0px;
 PADDING-TOP: 0px;
 font-size: 12px;
 font-style: normal;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
H3 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
.blogtitle {
 FONT-SIZE: 20px;
 PADDING-TOP: 80px;
 TEXT-ALIGN: left;
 padding-left: 500px;
}
.description {
 FONT-SIZE: 16px;
 COLOR: #666666;
 TEXT-ALIGN: left;
 PADDING-TOP: 5px;
 padding-left: 520px;
}
#content {
 FLOAT: left;
 WIDTH: 550px;
}
.blog {
}
.date {
 FONT-SIZE: 12px;
 COLOR: #CCCCCC;
 height: 20px;
 margin-left: 13px;
 padding-top: 10px;
}
.blogbody {
 MARGIN-BOTTOM: 10px;
 PADDING-BOTTOM: 10px;
 PADDING-TOP: 10px;
 width: 95%;
 margin-left: 10px;
}
.title {
 FONT-SIZE: 12px;
 COLOR: #000000;
 background-color: #CCCCCC;
 height: 20px;
 padding-left: 5px;
}
.main {
 FONT-SIZE: 12px;
 MARGIN: 15px;
 COLOR: #666666;
 font-family: Arial, Helvetica, sans-serif;
 line-height: 170%;
 padding-left: 10px;
}
.main-continues {FONT-SIZE: 13px}
.posted {
 font-size: 11px;
 MARGIN: 0px 10px 5px;
 COLOR: #000000;
 TEXT-ALIGN: right;
 border-bottom-color: #0071BC;
 border-bottom-style: solid;
 border-bottom-width: 1px;
}
A.aposted {COLOR: #999999; TEXT-DECORATION: underline}
A.aposted:link {COLOR: #999999; TEXT-DECORATION: underline}
A.aposted:visited {COLOR: #999999; TEXT-DECORATION: underline}
A.aposted:active {}
A.aposted:hover {
 COLOR: #0071BC;
 TEXT-DECORATION: none;
}
.menu {FONT-SIZE: 12px; COLOR: #666666; TEXT-ALIGN: right}
.comments-head {
 PADDING-LEFT: 5px;
 FONT-SIZE: 12px;
 COLOR: #000000;
 HEIGHT: 20px;
 background-color: #CCCCCC;
 font-weight: bold;
}
.comments-body {
 FONT-SIZE: 12px;
 MARGIN: 20px 40px 20px 100px;
 LINE-HEIGHT: 150%;
 color: #0071BC;
}
.comments-post {
 FONT-SIZE: 12px;
 MARGIN: 0px 10px 25px;
 COLOR: #000000;
 TEXT-ALIGN: right;
 border-bottom: #0071BC solid 1px;
}
.trackback-url {FONT-SIZE: 13px; MARGIN: 20px 0px 15px 13px; COLOR: #999999}
.trackback-body {
 FONT-SIZE: 12px;
 MARGIN: 20px 0px 15px 13px;
 LINE-HEIGHT: 135%;
 color: #999999;
}
.trackback-post {FONT-SIZE: 12px; MARGIN: 0px 0px 10px; COLOR: #999999; TEXT-ALIGN: right}
A.atrackback-post {COLOR: #666666; TEXT-DECORATION: underline}
A.atrackback-post:link {COLOR: #666666; TEXT-DECORATION: underline}
A.atrackback-post:visited {COLOR: #666666; TEXT-DECORATION: underline}
A.atrackback-post:active {}
A.atrackback-post:hover {COLOR: #999999; TEXT-DECORATION: none}
TABLE.form {MARGIN: 25px 0px 0px 13px}
LABEL {
 FONT-SIZE: 12px;
 color: #999999;
}
#author {
 WIDTH: 200px;
 border: #aaaaaa 1px solid;
}
#email {
 WIDTH: 200px;
 border: #aaaaaa 1px solid;
}
#url {
 WIDTH: 200px;
 border: #aaaaaa 1px solid;
}
#text {
 WIDTH: 550px;
 HEIGHT: 150px;
 border: #aaaaaa 1px solid;
}
.pagetop {
 FONT-SIZE: 12px;
 MARGIN: 0px 10px;
 TEXT-ALIGN: left;
 padding-left: 10px;
}
#links {
 FLOAT: right;
 WIDTH: 170px;
 POSITION: static;
 TEXT-ALIGN: left;
 padding-top: 20px;
 left: 0px;
 right: 123px;
 margin-bottom: 20px;
}
.calendarhead {
 FONT-SIZE: 11px;
 PADDING-BOTTOM: 5px;
 COLOR: #0071BC;
 TEXT-ALIGN: left;
 font-family: Arial, Helvetica, sans-serif;
 background-repeat: no-repeat;
 background-image: url(/images/css/fog/bg1.gif);
 padding-left: 16px;
 height: 14px;
 margin: 0px;
 margin-top: 0px;
 line-height: 110%;
}
.calendartable {
 height: 100px;
 width: 90%;
}
.calendarweek {FONT-SIZE: 10px; COLOR: #000000}
.calendarwd {
 background-color: #666666;
}
.calendard {
 empty-cells: show;
}
.calendardbg {
 background-color: #0071BC;
 background-image: url(/images/css/fog/day.gif);
 background-repeat: no-repeat;
}
.calendar {
 FONT-SIZE: 11px;
 color: #999999;
 line-height: 110%;
}
.sidetitle {
 FONT-SIZE: 11px;
 PADDING-BOTTOM: 5px;
 COLOR: #0071BC;
 PADDING-TOP: 0px;
 TEXT-ALIGN: left;
 width: 90%;
 line-height: 150%;
 background-image: url(/images/css/fog/title.gif);
 background-repeat: no-repeat;
 height: 14px;
 padding-left: 16px;
 margin-top: 5px;
}
.side {
 FONT-SIZE: 12px;
 PADDING-BOTTOM: 5px;
 MARGIN: 0px 0px 10px;
 LINE-HEIGHT: 150%;
 PADDING-TOP: 10px;
 TEXT-ALIGN: left;
 background-repeat: no-repeat;
 width: 90%;
 color: #999999;
 border-top: #0071BC solid 1px;
}
A.aside {COLOR: #666666; TEXT-DECORATION: underline}
A.aside:link {COLOR: #666666; TEXT-DECORATION: underline}
A.aside:visited {
 TEXT-DECORATION: underline;
 color: #999999;
}
A.aside:hover {COLOR: #0071BC; TEXT-DECORATION: none}
A.arss {COLOR: #dddddd; TEXT-DECORATION: underline}
A.arss:link {COLOR: #2d8d5f; TEXT-DECORATION: underline}
A.arss:visited {COLOR: #80b59c; TEXT-DECORATION: underline}
A.arss:active {}
A.arss:hover {COLOR: #66cccc; TEXT-DECORATION: none}
.pict {MARGIN: 5px 5px 5px 5px;}
.photo {
 TEXT-ALIGN: left;
}
.nickname {
 FONT-SIZE: 12px;
 MARGIN: 10px 0px;
 COLOR: #0071BC;
 text-align: left;
}
.message {
 FONT-SIZE: 12px;
 COLOR: #999999;
 text-align: left;
}
.quotetable {}
.quote {PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-SIZE: 12px; PADDING-BOTTOM: 1px; COLOR: #FFFFCC; PADDING-TOP: 1px}
.blogtimes {MARGIN: 0px 0px 15px; TEXT-ALIGN: center}
.powered {MARGIN: 0px 0px 10px; TEXT-ALIGN: left}
.syndicate {margin:5px 0px 5px 0px; TEXT-ALIGN: left}
.checkers {
 MARGIN-TOP: 10px;
 FONT-SIZE: 12px;
}

沒有留言:

張貼留言