界面风格详细描述,教你怎样修改风格

看到很多人问有这样的疑问,例如:我怎样更换我的LOGO呀?我怎样改在线列表呀?我怎样更改我的默认风格呢?所以就打算把基本上风格方面的风格的设置问题概括下,与大家分享下,在这里我力求详细,可是毕竟做不到全部囊括,所以也请大家多多指出我帖子中存在的问题,我定及时改正.

帖子有点长,请大家耐心看完,谢谢!


首先来了解下界面风格里一些经常修改的部分

一.进入界面风格操作界面





点头部导航里的论坛管理




点左边导航里的界面风格

二.启用或者关闭风格



选择你要启用的风格,在方框里打钩或取消钩


三.修改风格(我是拿默认风格为例子,其他的风格都是一样修改的)





可以修改的部分,我用框框表示了

1.首先看匹配模板,请注意模板必须和风格匹配,所以请不要随便修改这个部分,不然就会出现一系列问题的

2.然后来看论坛的LOGO,默认的是5D6D的LOGO,你要替换成你自己的LOGO,只需要把你的LOGO先上传论坛,然后右键属性中把那个地址复制粘贴在论坛LOGO这个里面就可以了,现在默认是LOGO.GIF  




3.最后来看下界面目录,这个也是使得风格得以变化多端的一个比较关键的地方,大家可以根据自己的喜好,自己多多尝试.

我给大家收集了些,都是5D6D服务器上的,所以相对来说稳定性比较可靠,

春意盎然  http://images.5d6d.com/dz60/GreenPark

诗意田园  http://images.5d6d.com/dz60/Picnicker

粉妆精灵  http://images.5d6d.com/dz60/PinkDresser

深邃永恒  http://images.5d6d.com/dz60/Overcast

喝彩奥运  http://images.5d6d.com/dz60/Beijing2008

亲吻幸福  http://images.5d6d.com/cusimg/ea/redstone/RYrmB3qa

春天绿色  http://images.5d6d.com/cusimg/01/wjl2009/LoudMPgf

城市黑色  http://images.5d6d.com/cusimg/01/wjl2009/f6wvJEco

喜庆领地1周年  http://images.5d6d.com/cusimg/01/wjl2009/LBj2xITV

中秋待月  http://images.5d6d.com/cusimg/ea/redstone/CkxTHfei

YUYU蓝  http://images.5d6d.com/cusimg/ea/redstone/bjgFEa2t






内表头和栏目如图:





文字字号以及文字颜色需要根据大家各自的喜好进行调整的


具体的设置可以参照以下的颜色代码


[ 本帖最后由 NoahsArk 于 2008-2-20 17:43 编辑 ]

继续发了,接下来是第三部分了






1.页面背景不用我说大家都知道,就是整个网页整体的背景,不过要给大家个建议,可以用颜色的尽亮用颜色作为背景,可以用小图做背景的尽量用小图,这样对会员的访问速度来说可以得到最大的保障.

貌似其他都是些配色问题,这个看大家的喜好,我也帮不上什么忙的.


最后一部分了





这里主要要说的就是顶部菜单栏背景

还是看图吧,告诉你这个是论坛里的哪个项目





PS:最后罗嗦下,凡是注明可以使用输入 16 进制颜色或图片链接的部分,你都可以使用你自己本地的图片,先上传论坛,然后把地址放进去,然后完成了


附件 文字及颜色设置a.jpg (231.52 KB) 2007-8-2 11:36


今天发现了这个好东西,所以就拿来了,反正是分享的,我想原作者不会介意的吧?吼吼...

[ 本帖最后由 NoahsArk 于 2008-3-9 01:22 编辑 ]

还有些关于界面显示的废话...


四.关于默认风格设置的问题





点击头部导航中的基本设置





点击左边导航中的界面与显示方式




在下拉列表中你所选择的风格名称,提交保存即可


五.在线列表的更换问题







进入其他设置




点击在线列表定制



将你需要的图先上传到自己的论坛,然后把地址放入红色框框区域.还可以根据自己的喜好排列顺序，选择想要显示的用户组。

六.修改用户组头衔的颜色

用户管理---用户组,在页面底部部分






以上所有操作必须在提交后才有效,还有风格部分的改动,最好去系统工具那里更新缓存

最后给大家默认的一些风格吧!以防万一,就算改坏了也没关系,对照着改回来就可以啦!
默认风格.rar (6.78 KB)
喝彩奥运.rar (3.19 KB)
深邃永恒.rar (3.11 KB)
粉妆精灵.rar (3.32 KB)
诗意田园.rar (3.23 KB)

一些常见问题：
如何在5d6d的论坛顶部banner位加入广告代码
进入“系统设置”-“搜索引擎优化”

在“其他头部信息”栏目加入如下代码：
<div  style="position: absolute; right: 5px; top: 20px">
你的广告代码
</div>
注意：这里的 right: 5px; top: 20px指的是广告代码距离右边和顶部的距离，根据自己的论坛的具体情况调整到最佳即可

请问模版风格要去哪里才能做?可以使用官方提供的风格
http://www.5d6d.com/bbscp.php?action=superbbs&operation=showstyle
或者修改风格
http://www.5d6d.com/thread-266011-1-1.html
或者去网上下风格上传共享
http://www.5d6d.com/thread-265168-1-1.html

[ 本帖最后由 NoahsArk 于 2008-3-3 22:30 编辑 ]

很有用啊~~~~~~~~~~~~~~~~~~~

支持个~

以前有人发过了~


还有配色类。！

不错强帖

路过。。。。帮顶

我只是收集汇总,其实这些没有原创,会的朋友都可以做的,也许懂的人会觉得很白,可是新人呢?有没有想过曾经我们也是一无所知的,现在我做的时候就是回忆以前我哪些不会过的,哪些请教过别人的,可能不够详细,也可以请提出来.

谢谢楼主.....学习中...

帖子总算回来了