订阅邮件
搜索
本版
文章
帖子
用户
首页
点击返回本站首页!
公告通知
维卡官方重要公告和全球团队重要通知!
新闻资讯
OneCoin维卡币最新资讯!
生态培训
图文教程/音频教程/视频教程
区块智慧
提前学习币的交易知识,一起学习吧!
常见问题
维卡币有问必答,请提问!
为人处事
维卡大咖具有深度的观点分享!
快捷导航
QQ登录
微博登录
微信登录
注册
登录
[维卡有问必答]
Dealshaker商城商家申请转换池测试,给公司
[维卡有问必答]
One生态教育套餐包如何激活教程
[维卡有问必答]
迁移上公链常遇到的问题解答
[维卡有问必答]
修改邮箱需要给公司提供的资料是什么?
[维卡有问必答]
重要通知:公有链随时查验与添加钱包
[维卡有问必答]
问答:不上公链的会是什么结果?
One生态教育套餐包如
修改邮箱需要给公司提
给大家讲讲One区块链
给大家分享一下48万哥
One生态中文学习网
»
维卡社区
›
其它区
›
电脑教程
›
自己动手让DZ官方默认模版header美起来
返回列表
发布主题
自己动手让DZ官方默认模版header美起来
[复制链接]
查看:
2919
|
回复:
8
神话
神话
当前离线
积分
29457
窥视卡
雷达卡
发表于 2012-8-29 05:52:23
|
显示全部楼层
|
阅读模式
马上注册,结交更多好友,享用更多功能,让你轻松玩转合天下互动社区。
您需要
登录
才可以下载或查看,没有帐号?
中文注册
x
在修改之前你应该了解一下有关模板的知识。默认的discuz的模板文件时存放在根目录的
./template/default/文件下的htm文件。在这个文件夹下以css_开头的文件时控制默认模板的css样式表。所有的关于样式的文件你都可以在这里修改。
如果你是个新手,建议你不要去修改css_common.htm文件中的文件。你可以吧你需要修改后的样式拷贝到css_append.htm文件。就是受你不需要动css_common.htm的任何代码,只需要把你修改后的css代码写到css_append.htm这个文件夹下。(这方便将你的代码和源程序代码分开。如果你想要恢复默认的样式,直接清空css_append.htm文件就可以了。)
另外一个经常需要修改的css文件就是css_script.htm文件。中的代码不可以拷贝到css_append.htm文件中。如果你要修改可以单独在重新新建一个文件命名为css_script_append.htm文件把,你需要修改的样式按照css_script中的样式规范写入这个文件例如一下形势。:
[CURSCRIPT = index](此处为当前应用此css样式的页面文件。)
#ann { margin: 5px 0 10px; padding: 2px 5px; line-height: 30px; border: solid {COMMONBORDER}; border-width: 1px 0; background: {COMMONBG}; }
[/CURSCRIPT]
默认模板头部修改视图:
2012-8-10 13:37 上传
[url=http://www.fengtingting.com/forum.php?mod=attachment&aid=NDJ8NzIwZGM5OGN8MTM0NjU3NTAyNXwwfDIx¬humb=yes]
下载附件
(2.62 KB)
[/url]
如上图所示:此头部文件对应的元素主要对应三个元素。
头部的logo:这个部分你可以通过在后台设置 界面-》模板风格-》编辑-高级模式。
2012-8-10 13:37 上传
[url=http://www.fengtingting.com/forum.php?mod=attachment&aid=NDN8YWZiZTRhOTF8MTM0NjU3NTAyNXwwfDIx¬humb=yes]
下载附件
(52.77 KB)
[/url]
在这里来替换你自己的logo就课可以了。当然你可以调节你的头背景。颜色,或者给头部替换一个背景图片而不是单纯的颜色。你也可以在后台进行设置。还是图二所在的页面
-》找到
2012-8-10 13:37 上传
[url=http://www.fengtingting.com/forum.php?mod=attachment&aid=NDR8NmJiNDBlZmV8MTM0NjU3NTAyNXwwfDIx¬humb=yes]
下载附件
(3.49 KB)
[/url]
在这里你可以设置页头的背景颜色。也可以设置背景图片来设置你单调的头部背景色。但要注意的是在添加背景图片的时候一定要注意他的附加属性。这一点很重要如果你的背景想居中显示的话可以设置为 热no-repeat 50% 50% 这里的no-repeat控制的是当您的图片不足以铺满整个头部时。是否平铺该背景。我们再此设置成不平铺。默认的是以images/default的header.gif图片水平平铺。所以一条西线就成了一个够宽的画布背景了。
在你顺利设置完这些元素后,你可能发现由于元素尺寸的改变而导致了整体尺寸布局的不协调这样我们就需要调节css了。如我上面所说的。如果我们是初学者可以再不动原样式的情况下修改。
Logo默认放置的位置是在:header.htm中的
{BOARDLOGO}
标签中的。如果你想调节它的上下左右边距可以将css_common.htm中需要修改的代码拷贝到css_append.htm中。
#header h2 { float:left; padding:10px 60px;}
通过设置它的各项属性来控制logo的位置。当然具体的属性值例如margin,padding的含义再次我就不多说了,你可以到网上搜索一下。
下面我来介绍第二个元素
关于它的设置我在这里具体说两点。
一. 它的位置调节样式为css_common.htm中的:
#umenu { position: absolute; right: 0; top: 0; line-height: 20px; }
二. 它的颜色,你可以通过后台同意设置它的颜色。不过可能会改动其他元素的颜色。如果你要单独设置的话去修改:#umenu, #umenu a, #umenu .pipe { color: {HEADERTEXT}; }去掉这个样式的颜色变量,来单独给他设置。这样既不影响页面原有颜色基础上,单独更改它的颜色。
第三个元素——导航栏:此元素默认是可以再后台修改的如下图:
2012-8-10 13:37 上传
[url=http://www.fengtingting.com/forum.php?mod=attachment&aid=NDV8NTc2YTk1OTZ8MTM0NjU3NTAyNXwwfDIx¬humb=yes]
下载附件
(60.62 KB)
[/url]
他在header.htm中包含在下面的元素中:
它的位置样式调节为:
#menu {bottom:0; height:26px; position:absolute; right:0;}
由英文直译可知他在头部盒模型(不懂的去搜索一下)中定位方式为绝对定位,距离bottom为0,右边距为0;所以他出现的位置为右下方。
如果你不满足于已有的
最后在头部文件中海包括一个风格切换的按钮这个元素也是头部元素中的。它对应于header.htm文件中的:
它的位置调节样式为:
#style_switch { position: absolute; right: 0px; bottom: -25px; }
现在我已经基本介绍完了头部元素。大家可以参照着对官方皮肤做一些尝试了。
维卡官网:www.onelife.eu
回复
使用道具
举报
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡
我爱独立
我爱独立
当前离线
积分
1365
窥视卡
雷达卡
发表于 2012-10-18 05:31:57
|
显示全部楼层
真是佩服得六体投地啊
维卡官网:www.onelife.eu
回复
支持
反对
使用道具
举报
显身卡
牛市口第一帅
牛市口第一帅
当前离线
积分
1693
窥视卡
雷达卡
发表于 2012-10-18 05:31:57
|
显示全部楼层
希望可以用些时间了~````
维卡官网:www.onelife.eu
回复
支持
反对
使用道具
举报
显身卡
赵慧慧
赵慧慧
当前离线
积分
131
窥视卡
雷达卡
发表于 2012-10-18 05:31:57
|
显示全部楼层
不错 不错 比我强多了
维卡官网:www.onelife.eu
回复
支持
反对
使用道具
举报
显身卡
牛市口第一帅
牛市口第一帅
当前离线
积分
1693
窥视卡
雷达卡
发表于 2012-10-18 05:31:57
|
显示全部楼层
感谢党和人民的关爱~~~
维卡官网:www.onelife.eu
回复
支持
反对
使用道具
举报
显身卡
有缘人
有缘人
当前离线
积分
1344
窥视卡
雷达卡
发表于 2012-11-12 08:45:11
|
显示全部楼层
是楼主原创吗
维卡官网:www.onelife.eu
回复
支持
反对
使用道具
举报
显身卡
结缘聚心
结缘聚心
当前离线
积分
22580
窥视卡
雷达卡
发表于 2012-11-12 08:45:11
|
显示全部楼层
满城尽待年终奖,弄弄才是喇叭腔
维卡官网:www.onelife.eu
回复
支持
反对
使用道具
举报
显身卡
水牛花
水牛花
当前离线
积分
1665
窥视卡
雷达卡
发表于 2012-11-12 08:45:11
|
显示全部楼层
看完楼主的这个帖子之后,我竟感发生出一种无以名之的悲痛感――啊,这么好的帖子,如果将来我再也看不到了,那我该怎么办?那我该怎么办?直到我毫不犹豫的把楼主的这个帖子收藏了,我内心的那种激动才逐渐平复下来。可是我立刻想到,这么好的帖子,倘若别人看不到,那么不是浪费楼主的心血吗?经过痛苦的思想斗争,我终于下定决心,我要把这个帖子一直往上顶,往上顶到所有人都看到为止!
维卡官网:www.onelife.eu
回复
支持
反对
使用道具
举报
显身卡
隋有林
隋有林
当前离线
积分
106
窥视卡
雷达卡
发表于 2012-11-12 08:45:11
|
显示全部楼层
亲,你想想你发了新帖却被冷在一旁,无人回帖,你是怎样的心情?是否低落?是否受到打击?说不定你的人生从此开始有了阴影,人生走向滑坡,一镇不起,从此你将变的孤僻,不爱说话,不再发帖,对论坛失去兴趣,不再支持社区,我挽尊!挽回你的尊严!挽回uc的明天,我做了好事,对不对?
维卡官网:www.onelife.eu
回复
支持
反对
使用道具
举报
显身卡
返回列表
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
中文注册
本版积分规则
发表回复
回帖后跳转到最后一页
精彩推荐
快速回复
返回顶部
返回列表