云狐网

您现在的位置是:首页 > 网站建设 > cms系统

cms系统

帝国CMS修改为一套茶叶资讯网站模板的样式记录

电脑迷 2021-04-15 17:31:23cms系统

一、首页最下面友情链接模块之上的文字列表块下边距修改

CSS路径:/skin/ecms172/css/style.css0za电脑_数码_手机应用问题解决的IT技术网站 - 云狐网
0za电脑_数码_手机应用问题解决的IT技术网站 - 云狐网
最下面用文字模块这个的话改了这两处,文字模块默认margin-bottom: 12px;  这里改成1
.homecate400 {0za电脑_数码_手机应用问题解决的IT技术网站 - 云狐网
    float: left;0za电脑_数码_手机应用问题解决的IT技术网站 - 云狐网
    width: 100%;0za电脑_数码_手机应用问题解决的IT技术网站 - 云狐网
    margin-right: 10px;0za电脑_数码_手机应用问题解决的IT技术网站 - 云狐网
    margin-bottom: 12px;0za电脑_数码_手机应用问题解决的IT技术网站 - 云狐网
    background-color: #FFFFFF;0za电脑_数码_手机应用问题解决的IT技术网站 - 云狐网
    padding: 10px;
 margin-bottom: 1px;

0za电脑_数码_手机应用问题解决的IT技术网站 - 云狐网
二、友情链接模块的上下边距修改:

0za电脑_数码_手机应用问题解决的IT技术网站 - 云狐网
原来视觉空了45px;改后空10px0za电脑_数码_手机应用问题解决的IT技术网站 - 云狐网
路径:/skin/ecms172/css/style.css
.qk_index_yqlj {0za电脑_数码_手机应用问题解决的IT技术网站 - 云狐网
    float: left;0za电脑_数码_手机应用问题解决的IT技术网站 - 云狐网
    width: 1170px;0za电脑_数码_手机应用问题解决的IT技术网站 - 云狐网
    height: auto;0za电脑_数码_手机应用问题解决的IT技术网站 - 云狐网
    margin: 17px 0px 20px 0px;0za电脑_数码_手机应用问题解决的IT技术网站 - 云狐网
    overflow: hidden;0za电脑_数码_手机应用问题解决的IT技术网站 - 云狐网
    padding: 10px;0za电脑_数码_手机应用问题解决的IT技术网站 - 云狐网
    background: #fff;0za电脑_数码_手机应用问题解决的IT技术网站 - 云狐网
}
0za电脑_数码_手机应用问题解决的IT技术网站 - 云狐网
margin: 17px 0px 20px 0px; 改成右边数字(17px是模块上边距 20px是模块下边距)

三、首页导航二级栏目下拉背景颜色修改

/skin/ecms172/css/style.css   收索下面这句修改颜色0za电脑_数码_手机应用问题解决的IT技术网站 - 云狐网
.nav ul ul li a:hover{background-color: #f60;}
0za电脑_数码_手机应用问题解决的IT技术网站 - 云狐网
这回色调协调啦。。。

四、点击导航上的各栏目时候页面晃动

模板可能哪里代码不对,点击导航栏各个栏目时页面总是左右晃动。得意去看了其他模板这种方式点击并不会左右晃。经过检查是导航栏最右边安插的这个登陆按钮在作怪;可能样式里没有定义哪种浏览器兼容。干脆把这个按钮删掉。删完刷新看果然不晃动了,感觉点导航页面稳多了。0za电脑_数码_手机应用问题解决的IT技术网站 - 云狐网
0za电脑_数码_手机应用问题解决的IT技术网站 - 云狐网
然后首页模板里这些多余空的一对标签也去掉了,可能也有关系吧。如下图
0za电脑_数码_手机应用问题解决的IT技术网站 - 云狐网
0za电脑_数码_手机应用问题解决的IT技术网站 - 云狐网
目前基本填满内容演示地址:www.tealog.cn