用html、css修改joomla!模板
2011-10-07 13:09
225 查看
有人觉得做个网站很神秘,也有人觉得一个模板很难做出来,其实不然,可以使用joomla!,然后修改模板,便可做出一个满足你需求的网站了。至于joomla!是什么,强不强大,google一下吧!现在只要你会html、css便可以制作出一个灰常不错的网站的,真的不用懂php哦,懂的话就更好,可以修改一些功能。先看看我做的两个网站首页吧!一个是仿一个网站的,一个是自己设计页面框架的。如下:
![](http://pic002.cnblogs.com/images/2011/319118/2011100712473520.png)
![](http://pic002.cnblogs.com/images/2011/319118/2011100712482412.png)
我们现在需要什么呢?
1.php+mysql的集成环境;
2.安装好joomla!,如何安装请上网google;
3.一个合适的模板(我们要在此模板基础上修改);
4.火狐浏览器+firebug插件。
现在打开http://127.0.0.1:8000/YouGrids_Demo/ ,如下图所示:
![](http://pic002.cnblogs.com/images/2011/319118/2011100712554944.png)
现在我们要看看它首页布局是如何的,如果joomla!是1.5版本的,可以直接在http://127.0.0.1:8000/YouGrids_Demo/ 后加 "?tp=1"即可看到,即http://127.0.0.1:8000/YouGrids_Demo/?tp=1,如果是1.6和1.7版本的话,就要先在模板的选项那里启用此功能才行。
![](http://pic002.cnblogs.com/images/2011/319118/2011100713000933.png)
现在看到首页布局了,去到后台的模块里面可以看到这些位置对应的内容。
![](http://pic002.cnblogs.com/images/2011/319118/2011100713010219.png)
根据你的需要可以取消某一部分的发布,以此来调整一下你的布局。
在安装了火狐浏览器+firebug插件后,点F12,如下:
![](http://pic002.cnblogs.com/images/2011/319118/2011100713050964.jpg)
当你鼠标点击div的时候,上面蓝色的区域就是由此id=header控制的,然后我们可以去到模板的html以及css里面去调整布局。
流程就是这么简单,自己平时收集多点模板,然后需要的时候可以拿出来修改,绝大部分的模板都适合你的需求了,快的话一天可以做出一个非常不错的网站了。
![](http://pic002.cnblogs.com/images/2011/319118/2011100712473520.png)
![](http://pic002.cnblogs.com/images/2011/319118/2011100712482412.png)
我们现在需要什么呢?
1.php+mysql的集成环境;
2.安装好joomla!,如何安装请上网google;
3.一个合适的模板(我们要在此模板基础上修改);
4.火狐浏览器+firebug插件。
现在打开http://127.0.0.1:8000/YouGrids_Demo/ ,如下图所示:
![](http://pic002.cnblogs.com/images/2011/319118/2011100712554944.png)
现在我们要看看它首页布局是如何的,如果joomla!是1.5版本的,可以直接在http://127.0.0.1:8000/YouGrids_Demo/ 后加 "?tp=1"即可看到,即http://127.0.0.1:8000/YouGrids_Demo/?tp=1,如果是1.6和1.7版本的话,就要先在模板的选项那里启用此功能才行。
![](http://pic002.cnblogs.com/images/2011/319118/2011100713000933.png)
现在看到首页布局了,去到后台的模块里面可以看到这些位置对应的内容。
![](http://pic002.cnblogs.com/images/2011/319118/2011100713010219.png)
根据你的需要可以取消某一部分的发布,以此来调整一下你的布局。
在安装了火狐浏览器+firebug插件后,点F12,如下:
![](http://pic002.cnblogs.com/images/2011/319118/2011100713050964.jpg)
当你鼠标点击div的时候,上面蓝色的区域就是由此id=header控制的,然后我们可以去到模板的html以及css里面去调整布局。
流程就是这么简单,自己平时收集多点模板,然后需要的时候可以拿出来修改,绝大部分的模板都适合你的需求了,快的话一天可以做出一个非常不错的网站了。
相关文章推荐
- 添加/修改Eclipse中HTML、JSP等模板
- 基于HTML+CSS+JS实现增加删除修改tab导航特效代码
- joomla第一单元第七节修改时间格式及组件模板定制
- HTML+CSS项目答辩遇到的问题锦集(一)——Bootstrap最基本最简单的模板
- 52个超级漂亮的免费的html/css模板下载
- js修改css属性、html属性
- 高质量响应式的 HTML/CSS 网站模板
- html模板修改出现乱码,只能原文件替换才行解决方法
- 修改MyEclipse开发工具中的页面模板(JSP和HTML)
- 教程:MediaWiki修改右侧导航栏.修改全局css.js以及增加编辑页面格式模板选择功能.
- 分享45款高质量的免费(X)HTML/CSS模板
- 20 个高质量响应式的 HTML/CSS 网站模板
- 高质量免费(X)HTML/CSS模板 99款任你选~Wordpress
- Joomla模板制作教程:使用CSS布局
- 分享45款高质量的免费(X)HTML/CSS模板
- (使用jQuery)修改父类HTML中的css
- CSS模板与HTML模板实用于每次新开发页面使用
- MyEclipse修改页面模板(JSP和HTML等) 分类: WEB项目应用 2010-01-31 00:03 698人阅读 评论(1) 收藏
- 19 套最佳 HTML/CSS 定价表模板及教程
- 前端学习——css基础知识与html模板