十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
终于下载了一款自己满意的新模板,打算装到自己的网站上,但我又不想和原来的风格模板一模一样,该怎么办呢?
目前创新互联建站已为上千多家的企业提供了网站建设、域名、雅安服务器托管、网站运营、企业网站设计、林口网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。
接下来卢松松带你一起去修改各种源码的风格模板。
模板有很多种类,在这里我主要讲的是ZBLOG风格模板如何修改,此方法可以举一反三。对于WordPress、PJBLOG、动易CMS、织梦CMS、风讯CMS的风格模板修改方法都是一样的。
修改一个你满意的网页模板,你要有以下基础,会一点HTML语言,会一点DIV+CSS,会一点图片制作方法。
第一步,先讲解一下主题模板的构成。
下面以Z-blog主题“低调与华丽”风格模板来说明,
模板均分为三大部分,①网页的html文件,②CSS文件,③图片文件。一般情况修改模板只需修改这三部分。
第二步,你可以让模板可视化再修改。
几乎所有默认的源码网页模板的路径都是系统自带的标签。这样把讲HTML文件放入Dreamweaver里时会是一堆的代码。如何将程序模板转换为可视化界面呢。其实只需要修改CSS和图片路径就可以了。
如:
link rel="stylesheet" rev="stylesheet" href="#ZC_BLOG_HOST#themes/#ZC_BLOG_THEME#/style/#ZC_BLOG_CSS#.css" type="text/css" media="screen" /
加红色的部分就是系统标签,这时你可以修改成你本机的虚拟路径。其他的程序标签都有说明,请查看相关系统标签。
如:link href="../style/css/LuSongSong-Index.css" rel="stylesheet" type="text/css" /
修改好之后你就可以在Dreamweaver里面直观的看到网页界面了,并且修改起来也非常方便。(记得模板修改之后别忘记把CSS路径改回去哦!)
Z-Blog是一款基于ASP平台的博客程序 Z-Blog 有着丰富和强大的可定制性,做为CMS系... Z-Blog2.把前台默认主题重新制作,后台样式也更为高端洋气上档次,让您用得愉快。
进后台 有个主题样式管理 点从本地安装主题 后边上传 你要上传的模版 就好了
登录zblog后台
点击文件管理
按这个路径THEMES\default\TEMPLATE 里边就是 所有的zblog模版了
当然 要懂一些html和css的知识,你要死不懂 那就去学学 ,其实我也不懂
掌握一些简单的原则 能看懂 就行