个人工具
名字空间
变换
操作

Discuz:Discuz!6.0页脚模板footer详解

来自站长百科
跳转到: 导航, 搜索

Discuz! 6.0|Discuz! 6.0安装|Discuz! 6.0使用|Discuz! 6.0风格模板|Discuz! 6.0插件|Discuz! 6.0升级|Discuz! 6.0开发|Discuz! 6.0 FAQ

这部分主要包含两大部分:尾部广告和footer.

目录

一、首先我们来看尾部广告:

<div id="ad_footerbanner1"></div>
<div id="ad_footerbanner2"></div>
<div id="ad_footerbanner3"></div>

这部分共包含3个广告位,可以通过后台进行添加,我们看一下这一段的css

.ad_footerbanner { text-align: center; clear: both; margin: 5px }

首先是text-align使广告居中,然后是清除左右浮动,这样子是保证底部广告每一个都在一行,而不出现并排展示的情况,margin外边距设置为5px。

二、再来看footer部分

Footer也可以说是包含两部分把,一部分是#footlinks,一部分是版权信息。Footer里边包含着一个.wrap,也就是说里边具体内容的宽度在.wrap的控制范围内。先来看一下footer的css:

#footer { border-top: 1px solid {BORDERCOLOR}; background: {ALTBG2}; color: {TEXT}; padding: 12px 0; }

#footer没有限定宽度,那么默认的就为100%,上边框设置为1px,背景色为{ALTBG2},文字颜色为{TEXT},内边距上下为12px,左右为0。

再来看一下#footlinks:

#footlinks { float: right; margin-top: -3px; text-align: right; }

或许会有人问:明明这部分在footer里边现在上边的,为什么会显示在右边呢?这个就是通过css控制的哦,#footlinks采用右浮动方式展现在右边,上外边距为-3px,文字居右。

版权信息采用使用的段落样式展现在左边,不再赘述。

可能有人会问,我在后台设置了主表格的宽度,为什么底部的内容是那么的宽度,但是背景还是占据了整个宽度呢?这个前边说了,#footer默认的宽度是100%的,所以如果要限制这个背景宽度,需要为#footer设置一个具体的宽度

参考来源

Discuz! 6.0使用手册导航

Discuz! 6.0安装:

Discuz! 6.0产品概况| Discuz! 6.0环境要求| Discuz! 6.0安装详细过程| Discuz! 6.0文件及目录结构| Discuz! 6.0安装的常见问题| 附录 如何在Discuz上安装个人空间SupeSite/x-space指南| 附录 论坛一键式安装Discuz!EXP及EasyDiscuz指南| 附录 discuz本地运行环境构建(windows)

Discuz! 6.0使用:

Discuz! 6.0日常使用| Discuz! 6.0 config.inc.php配置问题| Discuz! 6.0前台管理操作说明| Discuz! 6.0用户权限设定| Discuz! 6.0服务器相关| Discuz! 6.0后台基本设置| Discuz! 6.0后台论坛管理| Discuz! 6.0后台用户管理| Discuz! 6.0后台帖子管理| Discuz! 6.0后台扩展设置| Discuz! 6.0后台其它设置| Discuz! 6.0后台社区营销| Discuz! 6.0后台系统工具

Discuz! 6.0风格模板

Discuz!6.0风格制作| Discuz!6.0界面风格与模板定制| Discuz!6.0风格高级应用| Discuz!6.0头部模板header详解| Discuz!6.0页脚模板footer详解

Discuz! 6.0插件

Discuz!6.0插件简介| Discuz!6.0插件安装| Discuz!6.0插件列表

Discuz! 6.0升级

Discuz!6.0升级指南| Discuz!6.0阶段升级说明| Discuz!6.0版本更新记录

Discuz! 6.0开发

Discuz!6.0插件设计 | Discuz!6.0插件设置及管理| Discuz!6.0插件的钩子使用技巧| Discuz!6.0插件代码的安全规范| Discuz!6.0PassPort接口技术文档

Discuz! 6.0 FAQ

Discuz!6.0经验技巧| Discuz!6.0防御CC攻击说明| Discuz!6.0搜索引擎优化| Discuz!6.0论坛程序

留言