| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 888 人关注过本帖
标题:求大神怎么修改网站的模板的背景颜色
只看楼主 加入收藏
xjhsjz
Rank: 1
等 级:新手上路
帖 子:11
专家分:0
注 册:2014-8-23
结帖率:0
收藏
已结贴  问题点数:10 回复次数:14 
求大神怎么修改网站的模板的背景颜色
图片附件: 游客没有浏览图片的权限,请 登录注册
根据这图修改,网站导航栏 改成白色的  ,导航栏字体改成黑色的,背景全部改成白色的,谢谢了。我有了分数会在追加的 谢谢谢谢谢谢谢谢谢!下面是 CSS 编辑代码
?1?3/* CSS Document */
body {
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
#top_header,#top, #header, #nav, #main, #footer {
width: 788px;
margin: 0px auto;
clear:both;
}
#date {
line-height: 20px;
height: 20px;
float: left;
margin: 0;
padding: 0;
}
#logo {
border: 1px solid #00A8FF;
float: left;
height: 70px;
width: 200px;
line-height: 70px;
text-align: center;
}
#banner {
border: 1px solid #00A8FF;
height: 70px;
width: 560px;
float: right;
line-height: 70px;
text-align: center;
}
#header {
overflow: hidden;
}
#fav {
line-height: 20px;
float: right;
height: 20px;
margin: 0;
padding: 0 10px 0 0;
}
#top {
line-height: 20px;
height: 20px;
}
#nav ul {
margin: 0px;
padding: 0px;
height: 32px;
list-style: none;
background: url(ind-cityviewbg.gif) repeat-x;
}
#nav li {
line-height: 40px;
float: left;
}
#nav a {
padding: 15px 18px;
}
#nav a:hover {
background: url(ind-selviewbg.gif) repeat-x center 1px;
}
a:link {
color: #333333;
text-decoration: none;
}
a:visited {
color: #333333;
text-decoration: none;
}
a:hover {
color: #000000;
text-decoration: none;
}
#sider #notice p {
background-color: #FBFEFF;
margin: 0 0 12px 0;
padding: 5px 10px;
border: 1px solid #00A8FF;
}
#sider {
width: 190px;
float: left;
}
#contents {
width: 590px;
float: right;
}
#contents .news {
float: right;
width: 320px;
}
.space {
height: 1px;
clear: both;
overflow: hidden;
}
.ads {
clear: both;
}
#sider h2 {
background: url(link3.gif) no-repeat left top;
font-size: 12px;
margin: 0px;
padding-left: 40px;
color: #FFFFFF;
line-height: 23px;
height: 23px;
}
#contents .lists {
width: 290px;
float: left;
margin: 0 0 0 3px;
}
#sider ul {
background-color: #FBFEFF;
width: 178px;
margin: 0 0 12px 0;
padding: 5px;
list-style-type: none;
border: 1px solid #00A8FF;
}
#sider li {
line-height: 20px;
padding: 0 5px 0 15px;
border: 1px dashed #97D2FF;
border-width: 0 0 1px 0;
background: url(jt-2.gif) no-repeat 2px center;
}
#contents h2 {
font-size: 12px;
background: url(new.gif) no-repeat;
line-height: 23px;
margin: 0px;
height: 23px;
padding-left: 30px;
color: #0179F1;
}
.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(jt-2.gif) 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: 245px;
height: 170px;
padding: 10px 0 10px 10px;
}
.images img {
padding:2px;
border: 1px solid #D9F3FF;
border-color: #D9F3FF #88D8FF #88D8FF #D9F3FF;
}
#contents .lists label {
float: left;
}
#contents .lists strong {
    font-weight:700;
cursor: pointer;
float: right;
margin-right: 10px;
color: #0179F1;
}
#contents .lists ul {
background-color: #FBFEFF;
margin: 0 0 5px 0;
padding: 5px;
list-style-type: none;
border: 1px solid #D3F1FF;
border-color: #D3F1FF #8BDAFF #8BDAFF #D3F1FF;
}
#contents .lists li {
background: url(dot1.gif) no-repeat 3px center;
height: 20px;
line-height: 20px;
padding: 0 5px 0 15px;
border: 1px dashed #D7F2FF;
border-width: 0 0 1px 0;
}
#slideimg {
border: 1px solid #D9F3FF;
border-color: #D9F3FF #88D8FF #88D8FF #D9F3FF;
}
#footer {
background: url(server_foot2.gif) #F5FCFF repeat-x left top;
border: 1px solid #D9F3FF;
border-color: #D9F3FF #88D8FF #88D8FF #D9F3FF;
height: 60px;
padding: 12px 0 0 0;
margin-top: 10px;
}
#footer p {
line-height: 20px;
margin: 0px;
padding: 0px;
text-align: center;
height: 20px;
}
.path {
font-size: 12px;
background: url(new.gif) no-repeat;
line-height: 23px;
margin: 0;
height: 23px;
padding-left: 30px;
color: #0179F1;
}
.path a:link {
color: #0179F1;
}
.path a:visited {
color: #0179F1;
}
.path a:hover {
color: #0179F1;
}
#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(dot1.gif) no-repeat 3px center;
line-height: 20px;
height: 20px;
}
 label {
float: left;
margin: 0;
padding-left:  15px;
}
 strong {
float: right;
font-weight: normal;
margin: 0;
padding-right:20px;
}
/*img*/
.imglists {
width:100%;
float:left;
margin:auto;
margin-top:4px;
}
.newslists label {
float: left;
margin: 0;
padding: 0 0 0 20px;
}
.imglists ul{
float:left;
margin:5px;
text-align:center;
width:100%;
overflow:hidden;
}
.siderlists .im{
margin:auto;
text-align:center;
     width:125px;
height:105px;
     border:1px #CCCCCC solid;
}
.siderlists .im img{
border:0px;
padding:3px;
     width:122px;
height:100px;
}
.imglists li{
float:left;
width:145px;
height:145px;
text-align:center;
}
.imglists .im{
     width:125px;
height:125px;
     border:1px #CCCCCC solid;
}
.imglists img{
padding:3px;
width:120px;
height:120px;
border:0px;
}
.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;
}
/*?0?7?0?4*/
.page {
text-decoration: none;
font-family: sans-serif;
font-size: 12px;
padding: 5px;
background: #E7E7E7;
margin: 0px;
color:#000000
}
a.page, 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;
}
/*  CSS  */
.search {  padding-bottom:-15px;
width:786px;
margin-top:-10px;
border: 1px solid #00A8FF;
margin-left: auto;
margin-right: auto;
background-color: #FBFEFF;
clear:both;
height:35px;
}
.backgroundbord BUTTON {
BORDER-RIGHT: #47BCFF 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #47BCFF 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#B4E3FE); BORDER-LEFT: #47BCFF 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #47BCFF 1px solid ;clear:both;
}
.backgroundbord {
WIDTH: 60px;
POSITION: relative;
}
.keyinput {
WIDTH:150px;
height:15px;
margin-left:2px;
BORDER: #00A8FF 1px solid;
BACKGROUND-COLOR: #fff;clear:both;
}
/*  HotKeyCSS  */
a.hotkey{
color:#000000;
BACKGROUND: #ffffff
text-decoration:underline;
}
a.hotkey:link{
color:#000000;
text-decoration:underline;
BACKGROUND: #ffffff
}
a.hotkey:visited{
color:#000000;
text-decoration:underline;
BACKGROUND: #ffffff
}
a.hotkey:active{
color:#000000;
text-decoration:underline;
BACKGROUND: #ffffff
}
a.hotkey:hover{
color:#0099CC;
text-decoration:underline;
BACKGROUND: #ffffff
}
/*  ?0?7CSS  */
#resultstyle {
width:786px;
margin-top:-20px;
border: 1px solid #A8D1FF;
margin-left: auto;
margin-right: auto;
background-color: #FBFEFF;
clear:both;
}
#result ul{
margin:0;
font-family: ",verdana, arial, "sans-serif;
list-style:none;
}
#result li {
    width: 770px;
padding-top:3px;
padding-right:5px;
padding-bottom:3px;
display:block;
float:left;
border-bottom: 1px dashed #6FB4FF;
background:url(arrow.gif) no-repeat 5px 6px;
text-indent:18px;
}
h2 {
font-size: 12px;
padding-left: 12px;
height: 20px;
    line-height: 20px;
margin: 0;
background-color: #6FB4FF;
border: 3px double #A8D1FF;
color: #FFFFFF;
}
/* 推荐*/
.tui {clear:both;width:584px;height:110px;margin:0 0 5px 0;border:1px solid #8bdaff;font-family:verdana,Arial;text-align:left;
font-size:12px;}
.tui a:link{ text-decoration:none; color:#000000;}
.tui a:hover{ text-decoration:none;}
.tui_font{float:left;width:14px;height:90px;background-color:#b5e7ff;color:#0179f1;padding:20px 3px 0 3px;}
.tui_l {float:left; width:204px; margin:auto;}
.tui_l ul{ float:left;width:204px; margin:auto;}
.tui_l li{line-height:20px; list-style-type:none;}
.tui_2 { position:absolute;float:right; width:290px;margin-left: -25px;}
.tui_2 ul{width:190px; margin:auto;}
.tui_2 li{font-size:12px;line-height:20px; list-style-type:none;}
.tui_img{float:left; width:85px;padding:5px 0 0 5px;display:block;}
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:506px; margin:auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:500px; height:375px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:500px}
#image img {position:absolute; z-index:25; width:500px; height:375px}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
 #slidearea img{ width:100px;height:70px;border:0px;}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}
#jj {margin-top:15px;margin-bottom:15px; height:84px; border:1px #CCCCCC solid; padding:4px;}
#jj .tt { color:#FF0000; margin-left:20px; padding-right:8px;width:140px; font-size:16px; font-weight:800;}
.txtlists{ float:right;width:450px; margin:auto; position:absolute}
.txtlists li{ height:20px; width:45%; overflow:hidden; text-align:left;background: url(jt-2.gif) no-repeat 2px center; padding-left:15px}
搜索更多相关主题的帖子: 网站导航 border footer 
2014-08-23 14:16
zklhp
Rank: 20Rank: 20Rank: 20Rank: 20Rank: 20
来 自:china
等 级:贵宾
威 望:254
帖 子:11485
专家分:33241
注 册:2007-7-10
收藏
得分:4 
光有CSS没用 再就是 发这个版块不合适
2014-08-23 14:29
fragileeye
Rank: 5Rank: 5
等 级:职业侠客
威 望:2
帖 子:107
专家分:387
注 册:2011-5-21
收藏
得分:4 
好像就是css做的吧,background-color不行么?
2014-08-23 16:01
xjhsjz
Rank: 1
等 级:新手上路
帖 子:11
专家分:0
注 册:2014-8-23
收藏
得分:0 
那发什么板块啊 还需要 模板源代码吗
2014-08-23 16:31
zklhp
Rank: 20Rank: 20Rank: 20Rank: 20Rank: 20
来 自:china
等 级:贵宾
威 望:254
帖 子:11485
专家分:33241
注 册:2007-7-10
收藏
得分:0 
以下是引用xjhsjz在2014-8-23 16:31:14的发言:

那发什么板块啊 还需要 模板源代码吗

反正这个板块肯定不合适 我给你移动到水区罢 水区人多
2014-08-23 16:45
zklhp
Rank: 20Rank: 20Rank: 20Rank: 20Rank: 20
来 自:china
等 级:贵宾
威 望:254
帖 子:11485
专家分:33241
注 册:2007-7-10
收藏
得分:0 
以下是引用xjhsjz在2014-8-23 16:31:14的发言:

那发什么板块啊 还需要 模板源代码吗

移动了

你光给CSS 我哪知道到底是哪块引用了这个格式
2014-08-23 16:46
xjhsjz
Rank: 1
等 级:新手上路
帖 子:11
专家分:0
注 册:2014-8-23
收藏
得分:0 
好吧 谢谢
2014-08-23 16:46
love云彩
Rank: 19Rank: 19Rank: 19Rank: 19Rank: 19Rank: 19
来 自:青藏高原
等 级:贵宾
威 望:53
帖 子:3663
专家分:11416
注 册:2012-11-17
收藏
得分:4 
先问一句你看不看得懂CSS代码

思考赐予新生,时间在于定义
2014-08-23 16:51
xjhsjz
Rank: 1
等 级:新手上路
帖 子:11
专家分:0
注 册:2014-8-23
收藏
得分:0 
回复 8 楼 love 云彩
我看不懂 就是来这个论坛寻求帮助的 这是我在网上自己买的网站  就是想改变模板成白色的
2014-08-23 16:53
love云彩
Rank: 19Rank: 19Rank: 19Rank: 19Rank: 19Rank: 19
来 自:青藏高原
等 级:贵宾
威 望:53
帖 子:3663
专家分:11416
注 册:2012-11-17
收藏
得分:0 
回复 9 楼 xjhsjz
你多少钱买的?

看来你不是内行人,要改也要看看你那个网页的源码才行

思考赐予新生,时间在于定义
2014-08-23 16:58
快速回复:求大神怎么修改网站的模板的背景颜色
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.018966 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved