帝国CMS制作自适应网站模板教程分享

- 编辑:爱思60度微信公众号(wangxi2004324235) -

很多人都希望自己的网站是自适应的模板,在使用此教程前,建议大家都升级到7.5版本,我们是专业的建站资源共享学习平台。


帝国CMS7.5版本的升级方法如下:

帝国CMS程序官网下载,帝国CMS7.5安装程序中的 简体UTF-8版 ,然后将下面说的6个.php文件和自已服务器网站里的进行替换,不要搞错了,请仔细对比;

/e/admin/AddNews.php

/e/admin/ShowInfo.php

/e/admin/ecmseditor/eshoweditor.php

/e/admin/workflow/ShowWfInfo.php

/e/class/EmpireCMS_version.php

/e/class/functions.php

制作自适应模板需要用到的:

HTML 5

CSS 3

JAVASCRIPT

PHOTOSHOP

ILLUSTATOR

1.我们先找到这个站点的主CSS,或者不用找CSS,直接在模板或者页面里添加以下CSS:

.pcd_ad{display:block;}

.mbd_ad{ display:none}

@media(max-width:768px) {

.pcd_ad{display:none !important;}

.mbd_ad{display:block !important;}

}

上面CSS的意思大概:

display:block 这是显示的意思

display:none 这是隐藏的意思

@media(max-width:768px) 判断页面宽度小于768PX的时候显示后面{}的样式。

2.我们要找到自己想添加广告的地方,然后插入以下代码:(找不到?这个没法教程,意思就是模板里你想显示广告的地方!)

<div class="pcd_ad">电脑端广告代码</div>

<div class="mbd_ad">手机移动端广告代码</div>

下面举一个仿今日头条触屏版自适应手机wap案例进行自适应网站模板的说明。


99%的人还阅读了:

帝国CMS制作自适应网站模板教程分享

帝国CMS判断文章的发布时间是星期几

帝国CMS 调用当前栏目的链接地址

公众号搜索“爱思60度”,领取大礼包

微信二维码

来源:,欢迎分享本文,转载请保留出处!(微信公众号:wangxi2004324235)