dedecms.css更改

在加大logo的高度之前,需要做两步准备:
1、进入后台的模版管理里面,找到head.htm,把里面的代码复制出来,然后用dreamweaver软件新建一个html文件,把复制出来的代码黏贴出来。
2、进入模块==》文件管理器==》dedecms.css==》编辑,把里面的代码复制出来(都是为了编辑方便直观。),然后在dreamweaver里面新建一个html文件,把复制出来的代码黏贴出来。
好了,准备工作做好了:下面进入修改阶段。
1、head.htm里面的代码
<div class="title">
        <h1> <a href="{dede:global.cfg_basehost/}">{dede:global.cfg_webname/}</a> </h1>
</div>
代表的是logo。
对应在dedecms.css里面的修改代码是
.header .title h1 a{
    width:200px;
    height:56px;
    display:block;
    font-size:0px;
    text-indent:-200px;
    overflow:hidden;
    background:url(../images/top-logo.gif) center center no-repeat;
}
修改里面的width可以修改logo那个框的长度,修改height可以修改logo那个框的高度。自己看着办。
2、head.htm里面的代码
<div class="banner">{dede:myad name='topbanner'/}</div>
代表的是:

对应dedecms.css里面的修改代码是:
.header .banner{
    width:480px;
    height:56px;
    float:left;
    margin-left:40px;
    overflow:hidden;
}
.header .banner img{
    width:480px;
    height:56px;
    display:block;
}
.header .banner是控制框的,.header .banner img是控制框里面的图片的,改的时候同时改,相应的改动,你自己看着办。
3、head.htm里面的
<div class="rlink">
        <ul>
          <li class="r2"><a href="{dede:global.cfg_cmsurl/}/tags.php">TAG标签</a></li>
          <li class="r3"><a href="{dede:global.cfg_dataurl/}/sitemap.html">网站地图</a></li>
          <li class="r4"><a href="{dede:global.cfg_dataurl/}/rssmap.html">RSS订阅</a></li>
        </ul>
      </div>
代表的什么,看文字就知道了(可以到我的网站http://qqlvlv.cn里面看去。)。
对应的dedecms.css修改代码:
.header .rlink{
    width:172px;
    height:52px;
    float:left;
    margin-left:32px;
    overflow:hidden;
    padding-top:4px;
}
.header .rlink ul li{
    width:78px;
    height:21px;
    background:url(../images/toprlink-bg.gif) left top no-repeat;
    float:left;
    margin-right:8px;
    margin-bottom:8px;
    overflow:hidden;
}
.header .rlink ul li a{
    display:block;
    color:#777;
    line-height:21px;
    text-indent:22px;
    background-image:url(../images/toprlink-bg.gif);
    background-repeat:no-repeat;
}
.header .rlink ul li a:hover{
    color:#000;
}
.header .rlink ul li.r1 a{
    background-position:0px -21px;
}
.header .rlink ul li.r2 a{
    background-position:0px -42px;
}
.header .rlink ul li.r3 a{
    background-position:0px -63px;
}
.header .rlink ul li.r4 a{
    background-position:0px -84px;
}
如果只是改那些高度,宽度的,只要修改height和width就行了。找到对应的,一边修改一边测试,
弄好了就把原来的复制出来的代码,对应的复制到你的后台里面去。刷新页面就成功了。

你可能感兴趣的:(dedecms)