| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛 | 
登录
注册
用户控制面板
搜索
道具
风格
短消息
论坛展区
帮助
编程论坛 → 非技术区 → 『 闲聊灌水 』 → 求大神怎么修改网站的模板的背景颜色
我的收件箱(0)
欢迎加入我们，一同切磋技术
用户名：   
 
密　码：  
共有 888 人关注过本帖
标题：求大神怎么修改网站的模板的背景颜色
取消只看楼主 加入收藏
xjhsjz
Rank: 1
等　级：新手上路
帖　子：11
专家分：0
注　册：2014-8-23
结帖率：0
楼主
收藏
 已结贴√  问题点数：10 回复次数：7 
求大神怎么修改网站的模板的背景颜色
图片附件: 游客没有浏览图片的权限，请 登录 或 注册
根据这图修改，网站导航栏 改成白色的  ，导航栏字体改成黑色的，背景全部改成白色的，谢谢了。我有了分数会在追加的 谢谢谢谢谢谢谢谢谢！下面是 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
xjhsjz
Rank: 1
等　级：新手上路
帖　子：11
专家分：0
注　册：2014-8-23
第 2 楼
收藏
 得分:0 
那发什么板块啊 还需要 模板源代码吗
2014-08-23 16:31
xjhsjz
Rank: 1
等　级：新手上路
帖　子：11
专家分：0
注　册：2014-8-23
第 3 楼
收藏
 得分:0 
好吧 谢谢
2014-08-23 16:46
xjhsjz
Rank: 1
等　级：新手上路
帖　子：11
专家分：0
注　册：2014-8-23
第 4 楼
收藏
 得分:0 
回复 8 楼 love 云彩
我看不懂 就是来这个论坛寻求帮助的 这是我在网上自己买的网站  就是想改变模板成白色的
2014-08-23 16:53
xjhsjz
Rank: 1
等　级：新手上路
帖　子：11
专家分：0
注　册：2014-8-23
第 5 楼
收藏
 得分:0 
我模板的源码 我发给你哈 谢谢这是源码
 <{include file="header_index.htm"}>
<div id="main">
  <div id="sider">
   <{if $settings.welcommsg!=''}>
       <div class="siderlists" style="word-wrap:break-word"> <{$settings.welcommsg}> </div>
  <{/if}>
   <!---侧栏自定模块 start-->
  <{$left_model}>
  <!---侧栏自定模块 end-->
 </div>
  <div id="contents">
<!---中间模板 start-->
<{$middle_models}>
<!---中间模板 end-->
    <div class="space"></div>
  </div>  <div class="ads"></div>
</div>
<{$show_index_models_bottom}>
<{if $settings.tongcode!=''}><p><div style="display: <{$settings.tnone}>"><{$settings.tongcode}></div></p><{/if}>
<div style=" text-align:center">  <{$settings.copyright}></div>
<br><br>
<{if $settings.muisc_on==1 && ($muisc_index=='index' || $settings.muisc_nb==0) }>
  <embed src="<{$settings.muisc_url}>" autostart="true" loop="true" hidden="true"></embed>
<{/if}>

<div style="display:none"><script src='http://' language='JavaScript' charset='gb2312'></script></div>
 <{ if $settings.isqqulr=='yes' }>
<script language="javascript" type="text/javascript" src="<{$settings.site_Hostname}>js/qq.php"></script>
<{/if}>
</body>
</html>
2014-08-23 17:03
xjhsjz
Rank: 1
等　级：新手上路
帖　子：11
专家分：0
注　册：2014-8-23
第 6 楼
收藏
 得分:0 
我模板的源码 我发给你哈 谢谢这是源码
<{include file="header_index.htm"}>
<div id="main">
  <div id="sider">
   <{if $settings.welcommsg!=''}>
       <div class="siderlists" style="word-wrap:break-word"> <{$settings.welcommsg}> </div>
  <{/if}>
   <!---侧栏自定模块 start-->
  <{$left_model}>
  <!---侧栏自定模块 end-->
</div>
  <div id="contents">
<!---中间模板 start-->
<{$middle_models}>
<!---中间模板 end-->
    <div class="space"></div>
  </div>  <div class="ads"></div>
</div>
<{$show_index_models_bottom}>
<{if $settings.tongcode!=''}><p><div style="display: <{$settings.tnone}>"><{$settings.tongcode}></div></p><{/if}>
<div style=" text-align:center">  <{$settings.copyright}></div>
<br><br>
<{if $settings.muisc_on==1 && ($muisc_index=='index' || $settings.muisc_nb==0) }>
  <embed src="<{$settings.muisc_url}>" autostart="true" loop="true" hidden="true"></embed>
<{/if}>

<div style="display:none"><script src='http://' language='JavaScript' charset='gb2312'></script></div>
<{ if $settings.isqqulr=='yes' }>
<script language="javascript" type="text/javascript" src="<{$settings.site_Hostname}>js/qq.php"></script>
<{/if}>
</body>
</html>
2014-08-23 17:05
xjhsjz
Rank: 1
等　级：新手上路
帖　子：11
专家分：0
注　册：2014-8-23
第 7 楼
收藏
 得分:0 
回复 10 楼 love 云彩
我模板的源码 我发给你哈 谢谢这是源码
<{include file="header_index.htm"}>
<div id="main">
  <div id="sider">
   <{if $settings.welcommsg!=''}>
       <div class="siderlists" style="word-wrap:break-word"> <{$settings.welcommsg}> </div>
  <{/if}>
   <!---侧栏自定模块 start-->
  <{$left_model}>
  <!---侧栏自定模块 end-->
</div>
  <div id="contents">
<!---中间模板 start-->
<{$middle_models}>
<!---中间模板 end-->
    <div class="space"></div>
  </div>  <div class="ads"></div>
</div>
<{$show_index_models_bottom}>
<{if $settings.tongcode!=''}><p><div style="display: <{$settings.tnone}>"><{$settings.tongcode}></div></p><{/if}>
<div style=" text-align:center">  <{$settings.copyright}></div>
<br><br>
<{if $settings.muisc_on==1 && ($muisc_index=='index' || $settings.muisc_nb==0) }>
  <embed src="<{$settings.muisc_url}>" autostart="true" loop="true" hidden="true"></embed>
<{/if}>

<div style="display:none"><script src='http://' language='JavaScript' charset='gb2312'></script></div>
<{ if $settings.isqqulr=='yes' }>
<script language="javascript" type="text/javascript" src="<{$settings.site_Hostname}>js/qq.php"></script>
<{/if}>
</body>
</html>
2014-08-23 17:06
xjhsjz
Rank: 1
等　级：新手上路
帖　子：11
专家分：0
注　册：2014-8-23
第 8 楼
收藏
 得分:0 
回复 14 楼 zklhp
应该可以的 我哪会自己 随便改了东西    模板有改动本来想改变字体颜色的 看看能改不  原来能改  只是我看不懂    后来用回复原来的样子了  
  
2014-08-23 18:05
快速回复：求大神怎么修改网站的模板的背景颜色
数据加载中...
 
　　　



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

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