繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CMS技巧 > 网上下载的Zblog模板怎么修改？
- CMS技巧
- dede(织梦)CMS常见问题及解决方法
- 织梦内容管理系统(dede)模板标签代码参考
- 网站内容管理系统CMS在国内都有哪些？
- 建站选择CMS一定要谨慎
- 适合搜索优化(SEO)的几个CMS介绍
- 从SEO视角判断CMS系统的好坏
- 简单把Wordpress打造成CMS
- 帝国ecms教程:一些常用的技巧大全
- 帝国ecms:实现google的全站sitemap制作教程
- dedecms发布分页问题完全解决方案
- 使用织梦网站管理(DEDECMS)架设网站全面分析
- 百度、谷歌搜索引擎原理及新网站应对
- 织梦网站管理系统(DedeCms2007)将于11月底发布
- 关于blog系统中最合适做优化的程序
- 给zblog加上运行代码功能
- 修改z-blog分页页码样式
- 给z-blog博客添加链接点击统计
- LBS增加引用地址和永久地址点击复制功能
- LBS功能:图片的自适应实现代码
- ZBLOG增加文章里的关键字替换
CMS技巧 中的 网上下载的Zblog模板怎么修改？
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-03 浏览: 45 ::
收藏到网摘: n/a
终于下载了一款自己满意的新模板，打算装到自己的网站上，但我又不想和原来的风格模板一模一样，该怎么办呢？
接下来带你一起去修改各种源码的风格模板。
模板有很多种类，在这里我主要讲的是ZBLOG风格模板如何修改，此方法可以举一反三。对于WordPress、PJBLOG、动易CMS、织梦CMS、风讯CMS的风格模板修改方法都是一样的。
修改一个你满意的网页模板，你要有以下基础，会一点HTML语言，会一点DIV+CSS，会一点图片制作方法。
第一步，先讲解一下主题模板的构成。
下面以Z-blog主题“低调与华丽”风格模板来说明，
模板均分为三大部分，①网页的html文件，②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路径改回去哦！）
如图所示：
几乎所有默认的源码网页模板的路径都是系统自带的标签。这样把讲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路径改回去哦！）
如图所示：
第三步，修改LOGO，和模板相关图片。
网页我所要的框架改好了，但里面的logo和banner都还是人家的怎么办呢？接下来就是如何修改模板中的相关图片了。
网页我所要的框架改好了，但里面的logo和banner都还是人家的怎么办呢？接下来就是如何修改模板中的相关图片了。
提供的“低调与华丽”风格模板，包含的有源文件，所以修改起来非常方便，你只需要修改里面的文字，下载一点你喜欢的其他图标就可以了。
对于修改网页中的图片推荐使用Fireworks，原因是Fireworks不仅可以打开PNG源文件，还可以打开PSD源文件，相反Photoshop是不能打开PNG源文件的。
如果你遇到没有提供源文件的模板怎么办？比如修改logo，无论是JPG格式还是GIF格式，一律用Fireworks打开，然后在原基础上修改，然后直接保存就可以看到效果了。但这需要一点点PS技巧。
仿制图章工具、橡皮图章工具等这些Fireworks自带的工具是修改没有源文件图片时常用的工具。外部工具“拾色器”非常重要哦，可以让你修改的图片与整个网页颜色协调统一。
对于修改网页中的图片推荐使用Fireworks，原因是Fireworks不仅可以打开PNG源文件，还可以打开PSD源文件，相反Photoshop是不能打开PNG源文件的。
如果你遇到没有提供源文件的模板怎么办？比如修改logo，无论是JPG格式还是GIF格式，一律用Fireworks打开，然后在原基础上修改，然后直接保存就可以看到效果了。但这需要一点点PS技巧。
仿制图章工具、橡皮图章工具等这些Fireworks自带的工具是修改没有源文件图片时常用的工具。外部工具“拾色器”非常重要哦，可以让你修改的图片与整个网页颜色协调统一。
第四步，教程看的再多不自己动动手，亲自试一试。
评论 (0) All
