Home >  > Django 教程之十二:修改导航栏

Django 教程之十二:修改导航栏

0

套用这个新建的模板之后,我们原来辛辛苦苦建立的归档、aboutme、Rss等导航按钮都不见了,所以我们要让它们显示出来。

1、打开我们原base.htm模板,找到<nav class="nav">与</nav>之间的代码。

Snap18319

将以上代码复制到我们新模板中的下面这两段代码之间:



大圣,此去欲何?踏南天,碎凌霄。若一去不回……?便一去不回!

</header>

插入之后的结果图:

Snap18320

2、添加CSS文件

上面的步骤中,我们添加了原模板的代码,这样就必须引入原模板的CSS文件,不然就没有原来的显示效果。

将原模板中的4个CSS文件都加入到新模板base.html中。

Snap18321

添加CSS文件之后的新的base.html模板。

Snap18322

3、修改相关的文字内容。

将模板中原来的内容修改成你自己的内容。

Snap18323

4、查看效果

我们启动django的web服务器,输入http://localhost:9000/,看一下模板的效果:

Snap18324

点击"归档"链接,查看一下效果:

Snap18325

从上图可以看出,现在的模板已经基本上达到了我们的要求,不过我们还要对它进行进一步地完善。

Django 教程

Django 教程之一:创建网站项目

Django 教程之二:数据库、后台

Django 教程之三:模板的工作机制

Django 教程之四:创建模板

Django 教程之五:动态URL

Django 教程之六:Markdown和代码高亮

Django 教程之七:添加评论系统

Django 教程之八:博客的归档及其他页面

Django 教程之九:搜索和ReadMore

Django 教程之十:RSS和分页

Django 教程之十一:创建自己的模板

Django 教程之十二:修改导航栏

Django 教程之十三:改进分页功能

Django 教程之十四:服务器篇

Django 教程之十五:上传代码

Django 教程之十六:配置网站

原载:蜗牛博客
网址:http://www.snailtoday.com
尊重版权,转载时务必以链接形式注明作者和原始出处及本声明。

暧昧帖

本文暂无标签

发表评论

*

*