侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130562 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

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

2022-06-17 星期五 / 0 评论 / 0 点赞 / 147 阅读 / 6954 字

一、首页最下面友情链接模块之上的文字列表块下边距修改CSS路径:/skin/ecms172/css/style.css
最下面用文字模块这个的话改了这两处,文字模块默认margin-bottom: 12px; 这里改成1 .homecate400 {

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

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

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

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

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

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

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

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

广告 广告

评论区