輕鬆簡單版面。又帶點粉嫩的感覺。
改的地方是,將連結列的字體都靠左囉!!
這樣感覺比較有整體性。希望大家會喜歡。
*Love we Future樣式 預覽
清爽的版面。
讓大家心情比不煩燥唷!
希望大家會喜歡喔!!
拿走樣式者記得以下的規則唷!
需留下套用的網址。
*需告知拿走拿一種。
*不可更改後自行發佈。
*可以修改自行使用-更改前先告知我唷。
● *不可更改後自行發佈。被人罵。後果自負。
/*
* love we futrue。 cssby fish&toro
*勿修改、勿散播
*下載請記得留言唷!!
*版型記得修改成wreth
*/
/*****Whole *******/
html{
scrollbar-arrow-color:#fff;
scrollbar-face-color:#fff;
scrollbar-track-color:#fff;
scrollbar-3dlight-color:#fff;
scrollbar-darkshadow-color:#fff;
scrollbar-shadow-color: #fff;
scrollbar-highlight-color: #fff;
background:#fff url(http://p6.p.pixnet.net/albums/userpics/6/7/224367/1173549869.jpg) no-repeat
center; height: 460px; width: 800px; border-bottom:px double #FFFFFF;}
body{
float:left;
color:#ccc;font-family:verdana;text-align:center;
background:#FF6600
padding:0px;margin:0px;
}
a:hover{color:#FFCFD1;font-family:verdana;textdecoration:none;}
a{color:#FF618B;text-decoration:none;}
input{color:#FFD5DC;font-size:11px;background:none;border:#eee 1px solid;}
select{
color:#cccccc;font-size:11px;
background:none;border:#eee 1px solid;width:100px;
}
#container1{
width:950px;hight:200px;
margin:40px 0px 0px 0px;
}
/**top**/
#banner{
float:right;width:300px;
height:60px;
position:absolute;top:40px;left:20px
}
#pageheader h1 a{color: #FF6699;
font-size:14px;font-weight:BMbug ;
text-align:left;width:200px;
position:absolute;line-height:170%;
top:40px;left:50px;
}
#pageheader h1 a:hover{color:#fff;}
.description {
color:#FFCCCC;
font-size:10px;
font-weight:BMbug ;
text-align:left;
width:200px;
position:absolute;
top:70px;left:50px;
}
/****book****/
#content{
float:left;width:470px;
height:400px;padding:5px;
margin:30px 0px 0px 230px;
overflow:auto;background:#;
scrollbar-arrow-color:#fff;
scrollbar-face-color: #fff;
scrollbar-track-color: #fff;
scrollbar-3dlight-color: #fff;
scrollbar-darkshadow-color: #fff;
scrollbar-shadow-color: #fff;
scrollbar-highlight-color: #Fff;
}
.blog {
color:#FF8E9D;font-size:11px;
text-align:left;line-height:170%;
margin-bottom:0px;border:#px dotted;
border-bottom: 1px dotted #99FFFF;
}
.date {color:#FFCC66;font-size:11px;padding:0px;margin:0px 0px 0px 0px ;
font-size:10px;font-family:arial;TEXT-TRANSFORM:uppercase;text-align:center;padding-right:8px;
padding-bottom:10px;
background: #fff url(http://p6.p.pixnet.net/albums/userpics/6/7/224367/1173545238.gif) no-repeat
left; height: 10px; width: 150px; }
.articletext .title{color: #FF798B;font-size:11px;padding:5px;margin:0px;
font-size:10px;font-family:arial;TEXT-TRANSFORM:uppercase;text-align:center;padding-right:8px;
padding-bottom:0px;
background: #fff url(http://p6.p.pixnet.net/albums/userpics/6/7/224367/1173549321.gif) no-repeat
left; height: 10px; width: 200px;border-bottom: 1px dotted #FFC7CE;
}
.articletext .innertext{padding:5px;}
.more {font-size:12px;}
.extended b{
color:#777777;font-weight:BMbug ;
padding:2px;background:#;border:#FF99CC 1px dotted;}
.extended b{color:#6699CC;font-weight:BMbug ;padding:2px;}
}
.posted {color:#ccc;font-size:10px;
text-align:right;padding:0px;margin-bottom:30px;}
.trackback_url{color:#ccc;font-size:10px;text-align:right;}
#Comments{
width:470px;
margin:5px;
background: #fff url(http://p6.p.pixnet.net/albums/userpics/6/7/224367/1173546899.jpg) center;
height: 20px; width:
450px; left:50.0px;border-bottom:0px double #FFf;}
}
.commentTitle{
color:#777777;font-size:14px;
font-weight:BMbug ;background:#;padding:5px;
}
.commentTitle a{color:#777777;font-size:14px;}
.comments-body a:hover {color:#666;font-size:12px;line-height:170%;}
.comments-body p{padding-bottom:5px;margin:20px;}
.comments-post {
font-size:9px;text-align:right;padding:5px;
margin:50px 0px 50px 0px;
height: 20px; width:
440px; border-bottom:0px double #0068C3;}
}
.comments-body img,.comments-post img{
filter:alpha(opacity=30);-moz-opacity:0.3;}
.comments-post br{display:none;}
#links {
float:left;width:190px;height:437px;text-align:left;
padding:5px;margin:-427px 0px 0px 132px;
overflow:auto;
scrollbar-arrow-color: #FFf;
scrollbar-face-color: #FFf;
scrollbar-track-color:#Fff;
scrollbar-3dlight-color: #fff;
scrollbar-darkshadow-color:#fff;
scrollbar-shadow-color: #FF91A0;
scrollbar-highlight-color: #FF91A0;
}
.sidetitle {
color:#F7BC5B;font-size:11px;
font-weight:BMbug ;line-height:20%;
padding:5px;margin:0px;
background:#url(http://p6.p.pixnet.net/albums/userpics/6/7/224367/1166540603.gif) no-repeat
right; height: -2px; width: 150px; border-bottom:0px double #FF7F7C 1px dashed;}
}
.side {
color:#990000;font-size:10px;
line-height:170%;padding:1px;
margin-bottom:0px;border:# px dotted;
}
.isLock img{display:none;}
/*****linkby oneself ********/
#boxProfile{}
#boxNewArticle{}
#boxCategory{}
#boxDate{}
#boxNewComment{}
#boxNewComment .boxNewComment1 .side { color: #fff; line-height: 1px;}
#boxNewComment .boxNewComment1 .side a {display: block;line-height: 15px; }
#boxFolder{}
#boxFavorite{}
#boxRssList{}
#boxRssList .boxRssList1 .side a img{filter:alpha(opacity=30);-moz-opacity:0.3;}
#boxRssList .boxRssList1 .side a:hover img{
filter:alpha(opacity=100);-moz-opacity:1;}
#boxCounter{}
.calendar table{color:#ccc;font-size:9px;line-height:140%;
line-width:50%;padding:0px;}
#CalendarPlugin{
color:#999;font-size:12px;font-weight:BMbug ;
text-align:center;margin-bottom:20px;}
.calendarhead {text-align:left;}
.calendarToday{background:#eee;}
.listall_msg{font-size:12px;margin-left:20px;}
.listall_pagelist{margin-left:20px;}
.listall_date{color:#ccc;font-size:11px;margin-left:20px;}
.powered{
color:#fff;font-size:0px;padding:5px;
margin-top:30px;border:#eee 1px solid;}
.powered a{font-size:11px;}
.powered a img{filter:alpha(opacity=30);-moz-opacity:0.3;}
.powered a:hover img{filter:alpha(opacity=100);-moz-opacity:1;}
留言列表