用html、css修改joomla!模板

时间:2021-08-03 16:10:07

有人觉得做个网站很神秘,也有人觉得一个模板很难做出来,其实不然,可以使用joomla!,然后修改模板,便可做出一个满足你需求的网站了。至于joomla!是什么,强不强大,google一下吧!现在只要你会html、css便可以制作出一个灰常不错的网站的,真的不用懂php哦,懂的话就更好,可以修改一些功能。先看看我做的两个网站首页吧!一个是仿一个网站的,一个是自己设计页面框架的。如下:

用html、css修改joomla!模板

用html、css修改joomla!模板

我们现在需要什么呢?

1.php+mysql的集成环境;

2.安装好joomla!,如何安装请上网google;

3.一个合适的模板(我们要在此模板基础上修改);

4.火狐浏览器+firebug插件。

现在打开http://127.0.0.1:8000/YouGrids_Demo/ ,如下图所示:

用html、css修改joomla!模板

现在我们要看看它首页布局是如何的,如果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版本的话,就要先在模板的选项那里启用此功能才行。

用html、css修改joomla!模板

现在看到首页布局了,去到后台的模块里面可以看到这些位置对应的内容。

用html、css修改joomla!模板

根据你的需要可以取消某一部分的发布,以此来调整一下你的布局。

在安装了火狐浏览器+firebug插件后,点F12,如下:

用html、css修改joomla!模板

当你鼠标点击div的时候,上面蓝色的区域就是由此id=header控制的,然后我们可以去到模板的html以及css里面去调整布局。

流程就是这么简单,自己平时收集多点模板,然后需要的时候可以拿出来修改,绝大部分的模板都适合你的需求了,快的话一天可以做出一个非常不错的网站了。