现在时间是：2010-03-20 21:31:18

赞助商链接

热门内容

最新评论

当前位置：首 页 >> 等待添加>> 领地模版>> 文章列表
【推荐】本站模版CSS代码(绿色)
作者：佚名   发布时间：2008-08-30 22:43:21   浏览次数：250

 

使用方法;

登陆网站后台

模版管理后 把下面代码复制到里面就OK了.

 

 

 

 


 

CSS代码
/* CSS Document */
/*定义页面总体样式*/
body {   
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
CURSOR:url(" ");
background-color: #ceffce;
}
/*定义页面总体宽度*/
#top, #header, #nav, #main, #footer {
width: 1000px;
margin: 0 auto;
}
/*左上角时间定义样式*/
#date {
line-height: 0px;
height: 0px;
float: left;
margin: 0;
padding: 0;
}
/*上部定义样式*/
#header {
height: 218px;
overflow: hidden;
}
/*右上角链接定义样式*/
#fav {
line-height: 40px;
float: right;
height: 40px;
margin: 0;
padding: 0 10px 0 0;
}
/*logo定义样式*/
#logo {
border: 0px solid #00A8FF;
float: left;
height: 218px;
width: 1000px;
line-height: 218px;
text-align: left;
}
/*banner定义样式*/
#banner {
border: 0px solid #00A8FF;
height: 0px;
width: 0px;
float: right;
line-height: 0px;
text-align: center;
background: url() repeat;
}
/*顶部定义样式*/
#top {
line-height: 40px;
height: 40px;
background: url(http://520xw.lingd.net/attachment.php?id=99249786
)
repeat-x;
}
/*导航链接定义样式*/
#nav ul {
margin: 0px;
padding: 0px;
height: 57px;
list-style: none;
background: url(http://520xw.lingd.net/attachment.php?id=99249786
) repeat-x;
}
#nav li {
line-height: 40px;
float: left;
}
#nav a {
padding: 10px 18px;
}
#nav a:hover {
background: url(http://520xw.lingd.net/attachment.php?id=99249785) no-repeat center
1px;
}
a:link {
color:#000000;
text-decoration: none;
}
a:visited {
color:#000000;
text-decoration: none;
}
a:hover {
color: #0000ff;
text-decoration: none;
}
/*边框定义样式*/
#sider #notice p {
background-color: #FBFEFF;
margin: 0 0 0px 0;
paddi10px;
x 10px;
border: 1px solid #03d80e;
}
#sider {
width: 192px;
float: left;
}
#sider h2 {
background: url(http://520xw.lingd.net/attachment.php?id=99249787) repeat left top;
font-size: 12px;
margin: 0px;
padding-left: 65px;
color: #FFFFFF;
line-height: 24px;
height: 24px;
}
#sider ul {
background-color: #FBFEFF;
width: 180px;
margin: 0 0 0px 0;
padding: 5px;
list-style-type: none;
border: 1px solid #03d80e;
}
#sider li {
line-height: 20px;
padding: 0 5px 0 15px;
border: 1px dashed #07b315;
border-width: 0 0 1px 0;
background: url(http://000888.lingd.net/attachment.php?id=177737) no-repeat left
center;
height: 20px;
}
/*内容定义样式*/
#contents {
background: url(); repeat;
width: 796px;
float: right;
}
#contents .news {
background: url(); repeat;
float: right;
width: 420px;
}
.space {
height: 1px;
clear: both;
overflow: hidden;
}
.ads {
background: url() no-repeat center;
clear: both;
}
#contents .lists {
width: 261px;
float: left;
margin: 0 0 0 3px;
}
#contents h2 {
font-size: 12px;
background: url(http://520xw.lingd.net/attachment.php?id=99249788) no-repeat;
line-height: 23px;
margin: 0px;
height: 23px;
padding-left: 30px;
color: #ffffff;
}
.news {
float: right;
width: 310px;
height: 195px;
padding: 8px 0 0 8px;
margin: 0;
}
.news ul {
margin: 0px;
padding: 0px;
list-style-type: none;
height: 174px;
}
.news li {
line-height: 21px;
margin: 0px;
padding: 0px;
width: 100%;
float: left;
background: url(http://000888.lingd.net/attachment.php?id=177736) no-repeat left
center;
}
.news strong {
font-weight: normal;
font-family: Verdana;
float: right;
margin: 0 18px 0 0;
color: #666666;
line-height: 21px;
}
.news h6 {
float: left;
font-size: 12px;
font-weight: normal;
margin: 0;
padding: 0 0 0 12px;
clear: none;
line-height: 21px;
}
#contents .images {
float: left;
width: 241px;
height: 170px;
padding: 10px 0 10px 10px;
}
.images img {
border: 1px solid #03d80e;
border-color: #77f998 #06883c #03d80e #1ffa24;
}
#contents .lists label {
float: left;
}
#contents .lists strong {
cursor: pointer;
float: right;
margin-right: 13px;
color: #FFFFFF;
}
#contents .lists ul {
background-color: #FBFEFF;
height: 115px;
margin: 0 0 5px 0;
padding: 5px;
list-style-type: none;
border: 1px solid #06883c;
border-color: #77f998 #06883c #03d80e #1ffa24;
}
#contents .lists li {
background: url(http://000888.lingd.net/attachment.php?id=177735) no-repeat 3px
center;
height: 20px;
line-height: 20px;
padding: 0 5px 0 15px;
border: 1px dashed #03d80e;
border-width: 0 0 1px 0;
}
#slideimg {
border: 1px solid #77f998;
border-color: #77f998 #06883c #03d80e #1ffa24;
}
/*底部样式定义*/
#footer {
background: url(http://000888.lingd.net/attachment.php?id=268212) #F5FCFF repeat-x left top;
border: 1px solid #6B5C26;
border-color: #6B5C26 #6B5C26 #6B5C26 #6B5C26;
height: 0px;
padding: 8px 0 0 0;
margin-top:-5;
margin-bottom:-20px
}
#footer p {
line-height: 0px;
margin: 0px;
padding: 0px;
text-align: center;
height: 0px;
}
.path {
font-size: 12px;
background: url(http://520xw.lingd.net/attachment.php?id=99249788) no-repeat;
line-height: 25px;
margin: 0;
height: 30px;
padding-left: 25px;
color: #FFFFFF;
}
.path a:link {
color: #FFFFFF;
}
.path a:visited {
color: #FFFFFF;
}
.path a:hover {
color: #FFFFFF;
}
#title {
background-color: #FBFEFF;
text-align: center;
border-bottom: 1px dashed #ABE4FF;
border-left: 1px solid #88D8FF;
border-right: 1px solid #D9F3FF;
padding: 10px 0 5px 0;
}
.newsinfo {
background-color: #FBFEFF;
border-left: 1px solid #88D8FF;
border-right: 1px solid #D9F3FF;
border-bottom: 1px solid #D9F3FF;
padding: 10px;
line-height: 18px;
}
.newslists ul {
padding: 10px;
margin: 0;
list-style: none;
}
.newslists li {
background: url(../../templates/green/images/dot1.gif) no-repeat 3px center;
line-height: 20px;
height: 20px;
}
.newslists label {
float: left;
margin: 0;
padding: 0 0 0 20px;
}
.newslists strong {
float: right;
font-weight: normal;
margin: 0;
padding: 0 15px 0 0;
}
.attach {
color: #00A8FF;
margin: 12px 0 0 0;
}
.attach img {
border: 1px solid #D9F3FF;
border-color: #D9F3FF #88D8FF #88D8FF #D9F3FF;
padding: 7px;
margin-top: 10px;
}
.commenttitle {
font-size: 14px;
clear:both;
position:relative;
height:18px;
font-weight: bold;
text-indent: 5px;
border-left: 6px solid #6FB4FF;
border-bottom: 1px solid #6FB4FF;
background-color: #FFF;
padding: 2px;
}
.quote {
margin: 5px 0px;
padding: 5px;
border: 1px solid #000;
background-color: #EEF9F9;
}
.commentcontent {
margin: 5px 0px 15px 0px;
}
.commentdate {
color: #777777;
font-size: 11px;
padding-top: 2px;
text-align: right;
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid #B3CBE1;
}
/*定义分页导航样式*/
.page {
text-decoration: none;
font-family: sans-serif;
font-size: 12px;
padding: 5px;
background: #E7E7E7;
margin: 0px;
color:#000000
}
a.page,a:active a.page:link, a.page:visited {
font-family: sans-serif;
text-decoration: none;
color:#0044dd;
}
a.page:hover  {
font-family: sans-serif;
text-decoration: none;
color:#FFF;
background: #0000CC;
}
/*滑动条变色*/
html,body{
scrollbar-face-color:green
;
scrollbar-highlight-color: green;
scrollbar-shadow-color: #059F1D
;
scrollbar-3dlight-color:#059F1D
;
scrollbar-arrow-color: #059F1D
;
scrollbar-track-color: #CEFDB8;
scrollbar-darkshadow-color: #059F1D;
}
/*去底部*/
div#footer{ display:none;}
/*链接下加虚线代码*/
A { text-decoration: NONE; color: #FF0000}
A:hover {border-bottom:1px dashed #FF0000}
 		  
   
   

 


图片附件(缩略图):
大小: 尺寸: 400 x 254 浏览: 3 次 点击打开新窗口浏览全图




4


上一篇：【推荐】一款滚动的公告栏    下一篇：顶部精美素材


请填写详细信息发表评论
评论名字：
电子邮件：
评论内容：
验证字码：验证码

兄弟啊远网 | 设为首页 | 加入收藏 | 关于本站 | 兄弟联盟 | 本站留言 | 联系啊远 | 进入管理 |友情链接||