云狐网

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

cms系统

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

电脑迷 2025-09-05cms系统
一、首页最下面友情链接模块之上的文字列表块下边距修改CSS路径:/skin/ecms172/css/style.css

最下面用文字模块这个的话改了这两处,文字模块默认margin-bottom: 12px; 这里改成1 .homecate400 {

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

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

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

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

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

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

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

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

文章评论