(一) 风格导入相关
(二) CSS提取方法
新风格的CSS文件在那里找 | 一般可以要求发风格的朋友 把CSS样式发一个文本文件出来,如果实在没有,你可以去把这个风格的CSS 从演示风格里提取出来 |
CSS样式并不是那个模板都有的,有一些没有演示,怎么做 | 如果没有提供风格演示的皮肤,还有一个方法可以提出CSS出来,打开风格数据库,你会看到有两个表,一个是 Dv_Css 一个是 Dv_Style 打开 Dv_Css 你能看到Forum_Css 这个字段,把这个字段全部选择复制,然后新建一个文本文件,粘贴在上面,一般会显示: |
導入CSS出錯的解決的方法 | 1、“请填写导出模版保存的表名”出错解决办法(nsonline) |
修改风格毁灭论坛怎么还原 | 不要着急,打开数据库,找到Dv_Style这张表,删掉,再导入新的动网原始的这张表,然后上传动网升级文件里的一个文件CleanCache.asp 到你的空间,刷新,更新一下缓存。 |
风格制作篇
(一) 制作风格步骤
第一步:确定你的模板源 | 想以哪个模板为基础做新风格,你就在基本设置里设置那个风格为论坛的默认风格。 |
第二步:新建模板 | 风格界面模板总管理--右边下方有个 新建模板 ,在旁边的输入框里写下你想给你的新模板取的名字,认识点添加,就创建了一个新的模板。(新建模板将把当前论坛默认模版数据复制到新的模板中) |
第三步:新建风格样式 | 风格界面模板总管理--修改CSS样式---在最下面一行里进行设置 |
第四步:修改风格样式 | 设置CSS 样式来改变论坛里表格,文字颜色等的基本样式。(具体见风格制作CSS解析说明) |
第五步:修改模板样式 | 在风格模板管理里修改模板的样式,而达到独特的风格效果。(具体见模板解析说明) |
(二) 7。1风格制作CSS解析说明
<Style type="text/css">
A { TEXT-DECORATION: none; Color: #000000 }
| 论坛文字链接的颜色 |
A:hover { TEXT-DECORATION: underline;Color: #4455aa } | 鼠标悬停在链接上时所产生的效果 |
BODY { FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Tahoma; text-align: center; margin: 0; scrollbar-face-color: #DEE3E7; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #DEE3E7; scrollbar-3dlight-color: #D1D7DC; scrollbar-arrow-color: #006699; scrollbar-track-color: #EFEFEF; scrollbar-darkshadow-color: #98AAB1; } | FONT-SIZE: 12px 字体的大小 COLOR: #000000; 字体的颜色 |
font { line-height: normal; } | 检索或设置对象的行高。即字体最底端与字体内部顶端之间的距离。 font:为字体属性 line-heigt:为行距属性,normal为默认,当然这里也可以用px或者pt来设置行距 |
TD { font-family: Tahoma; font-size: 12px; line-height: 15px; } | 表内横向格(行) |
th { background-image: url(Skins/Default/css/default/bg1.gif); background-color: #4455aa; color: white; font-size: 12px; font-weight: bold; height:25;} | 表内纵向格(比如一级版块栏目那里的一条,友情论坛最上面那一条等) background-image:背景图片 background-color:背景颜色 Color:默认为文字颜色 font-size:字体大小 font-weight:字形,一般有4种属性:normal(默认)、bold(加粗)、bolder(特粗)、lighter(特细) |
th a { COLOR: #FFFFFF; TEXT-DECORATION: none; } | th样式里文字连接的默认颜色、效果 |
th a:hover { COLOR: #FFFFFF; TEXT-DECORATION: underline; } | th样式里鼠标悬停在链接上时所产生的效果 |
td.TableTitle1 { background-color: #6595D6; Color: #FFFFFF; } | 7。1特有的那个一条里的 XML 的背景颜色和字的颜色 |
td.TableTitle2 { background-color: #E4E8EF; } | 这个属性是用在DVBBS用户列表,有“所有用户列表”字样那里的颜色。 |
td.TableBody1 { background-color: #FFFFFF; line-height: normal; } | 这个是用在DVBBS两种穿插颜色中的第一主色属性。比如版块介绍那一块 |
td.TableBody2 { background-color: #E4E8EF; line-height: normal; } | 这个是用在DVBBS两种穿插颜色中的第二主色属性。比如斑竹那一条的颜色 |
td.TableBody3 { background-color: #6595D6; } | 我还没有找到是做什么的 |
td.TopLighNav { background-image: url(Skins/Default/css/default/bottombg.gif); } | 这是顶部表格的下背景图片。 |
td.TopLighNav1 { background-image: url(Skins/Default/css/default/tabs_m_tile.gif); } | 这里就是导航栏的背景图片了 |
td.TopLighNav2 { background-color:#FFFFFF } | 这个属性也是顶部表格的,它是顶部表格的背景颜色 |
.tableBorder1 { width:98%; border: 1px; background-color: #6595D6; } | 这是表格边线属性(border为边线宽度)基本的表格都是调用的这个 |
.tableBorder2 { width:98%; border: 1px #DEDEDE solid; background-color: #EFEFEF; } | 这个是DVBBS的第二导航栏属性,其border中的solid为边线是直线,也可以设置成其它的,比如dotted(以点组成的虚线)、dashed(以线段组成的虚线)等等,就好象这一条 动网先锋论坛 → 动网论坛 → 『 动网风格模板区 』 → 发表帖子 下面的表格的属性 |
.tableBorder3 { width:98%; border-left: #6595D6 1px solid; border-right: #6595D6 1px solid; border-top: 0px; border-bottom: #6595D6 0px solid; background-color: #EFEFEF;} | 有一次看见过在哪调用过,不过现在忘了,也没有找到,这个的效果就是表格的左边和右边有一条线,上下没有 |
.tableBorder4 { width:98%; border: 1px #6595D6 solid; } | dispbbs.asp页面贴子标题,树型 打印 那一条的表格样式 |
.tableBorder5 { border: 1px #6595D6 solid; background-color: #D6E0EF; } | 7。1特有的XML那一个块块的表格属性 |
.singleborder { font-size: 0px; line-height: 1px; padding: 0px; background-color: #6595D6 } | 首页登陆那一块右边,新进来宾那一条下面的分隔线的颜色 |
#TableTitleLink A { COLOR: #FFFFFF; TEXT-DECORATION: none; } #TableTitleLink A:hover { COLOR: #FFFFFF; TEXT-DECORATION: underline; } #nobold { font-weight: normal; } | 纵向表格内文字链接的属性 |
input,select,Textarea,option { font-family: Tahoma,Verdana,"宋体"; font-size: 12px; line-height: 15px; COLOR: #000000; } | 输入框、选择框、文本框、选择按钮的属性 |
.normalTextSmall { font-size : 11px; color : #000000; font-family: Verdana, Arial, Helvetica, sans-serif; } | 下脚注的字体样式 |
.menuskin { BORDER: #666666 1px solid; VISIBILITY: hidden; FONT: 12px Verdana; POSITION: absolute; BACKGROUND-COLOR: #EFEFEF; background-image: url("Skins/Default/dvmenubg3.gif"); background-repeat: repeat-y; } | 下拉菜单属性,Border是边框属性,BACKGROUND-COLOR是背景颜色属性,background-image是背景图片 |
.menuskin A { PADDING-RIGHT: 10px; PADDING-LEFT: 25px; COLOR: black; TEXT-DECORATION: none; } | 这里是当鼠标鼠标移动到下拉菜单上所产生的效果,PADDING-RIGHT是文字右边距,PADDING-LEFT为左边距,大家可以根据自己的需要来调整 |
.menuitems { margin: 2px; padding: 1px; word-break: keep-all; text-align: left; line-height: 14pt; } | 下拉菜单的基本属性 |
.BrightClass { background-color: #D7D7D7; } | 暂时没有找到是做什么的 |
.Redfont { color: red; } | 首页在线图例 那里调用的颜色效果,还有几个红色的地方也是调用的这个效果 |
.BlueFont { color: #6595D6; } | 首页最下面在线列表那一块 的 当前在线等前的小方块的颜色 |
.ImgOnclick { cursor: pointer; } | 风格 这个菜单的样式 |
.Menu_popup{display:none;} | 用户控制面板的样式 |
/* Div模板部分 */ .iTableBorder { width: 98%; line-height: 15pt } | 首页底部论坛状态部分 三个标志 有新帖 没新帖 那一块的样式 |
hr { height: 1px; color: #6595D6; width: 100%; } | 分隔线的样式,比如友情论坛下的的那条分隔线 |
/* 编辑器特效CSS样式 */ div.quote { margin:5px 20px;border:1px solid #CCCCCC;padding:5px;background:#F3F3F3 ;line-height : normal ;} | 好象是引用其他人发言时,引用框的效果 |
div.HtmlCode { margin: 5px 20px; border: 1px solid #CCCCCC; padding: 5px; background: #FDFDDF ; font-size: 14px; font-family: Tahoma; font-style: oblique; line-height: normal; font-weight: bold; } div.info { border-top: 1px dotted #CCCCCC; padding: 5px; line-height: normal; color: #C5C5C5; width: 100% } font.ShowTools { color : white; background-color: #B88FFC; } .magicframe { border:1px solid #CCCCCC; } | 暂时还没有仔细去找这部分是哪的 |
.PageInput { border: solid 1px #D6E0EF; BACKGROUND-COLOR: #FAFAFA; height : 18px; FONT-FAMILY: Arial; FONT-SIZE:11.5px; } | 这是分页那里的效果 |
</Style> | 结束 |
(三) 模板解析说明
语言包 | 如果在论坛里你想改变的很多文字在代码里找不到,你就到这里来找 |
图片 | 设置相应模板分页面里的图片路径 |
界面风格 | 模板修改的最主要部分,你需要的风格样式基本在这里设置。 |
基本设置 | 只有Main_Style模板里有,用来设置表格宽度(论坛的宽度),论坛里警告提醒语句的颜色以及显示帖子的时候,相关帖子,转发帖子,回复等的颜色等等论坛基本颜色的设置。 |
(1)当前模板主模块(Main_Style)界面风格
Dvbbs.mainhtml(0) 获取官方数据 | 此字段就是基本设置 |
Dvbbs.mainhtml(1) 获取官方数据 | 页面头部信息,就是获取页面的关键字,站点描述等。 |
Dvbbs.mainhtml(2) 获取官方数据 | 论坛页面开始代码,在<body>里可以设置论坛的背景,整个页面的边距等。 |
Dvbbs.mainhtml(3) 获取官方数据 | 顶部短信广告部分 |
Dvbbs.mainhtml(4) 获取官方数据 | 顶部表格,一般导航菜单栏以上(含导航)全部在这里进行设置。这部分就是论坛风格的头部,很重要。 |
Dvbbs.mainhtml(5) 获取官方数据 | 论坛分版导航栏,就是 >> 欢迎大家前来交流…… 我的收件箱 (0) 动网先锋论坛 → 动网论坛 → 『 动网风格模板区 』 → 帖子列表 这一块 |
Dvbbs.mainhtml(6) 获取官方数据 | 顶部用户导航栏:已登录用户菜单(就是用户登陆后 重登陆 隐身...那一条) |
Dvbbs.mainhtml(7) 获取官方数据 | 顶部用户导航栏:客人菜单(就是还没有登陆的时候 登陆 注册 ...那一条) |
Dvbbs.mainhtml(8) 获取官方数据 | 页面结束部分,有新贴,无新帖那三个按纽以下(不含这部分)的内容基本全是在这里设置,就是论坛的最底部,这一部分也很重要。阿里吧吧广告,论坛版权部分等全部在这里。 |
Dvbbs.mainhtml(9) 获取官方数据 | 论坛模板菜单部分 |
Dvbbs.mainhtml(10) 获取官方数据 | 用户导航栏管理链接 (如果是论坛的管理员帐号登陆后,管理菜单下的 更新缓存 等那一条) |
Dvbbs.mainhtml(11) 获取官方数据 | 手机短信信息部分(7。1特有) |
Dvbbs.mainhtml(12) 获取官方数据 | 论坛用户功能部分 |
Dvbbs.mainhtml(13) 获取官方数据 | 论坛操作成功信息 |
Dvbbs.mainhtml(14) 获取官方数据 | 操作错误提示部分 |
Dvbbs.mainhtml(15) 获取官方数据 | 验证码表单 |
Dvbbs.mainhtml(16) 获取官方数据 | 道具中心菜单 |
Dvbbs.mainhtml(17) 获取官方数据 | 文字广告位部分 |
Dvbbs.mainhtml(18) 获取官方数据 | 公共MENU菜单(用户控制面板)部分 |
Dvbbs.mainhtml(19) 获取官方数据 | 7。1特有的XML那一块,RSS订阅版面最新帖,以及手机访问论坛的部分。 |
Dvbbs.mainhtml(20) 获取官方数据 | 空的,你如果想自己会添加代码进行调用,可以在这里写入。 |
(2)当前模板主模块(page_index)界面风格
Dvbbs.mainhtml(0) 获取官方数据 | index.asp 首页顶部表格,在默认风格里就是导航菜单条(不含导航)到 查看新贴 热门话题 发贴排行 用户列表这一条(含这一条)这一块的代码,里面包含论坛公告,基本信息,什么发多少帖呀等等这些。 |
Dvbbs.mainhtml(1) 获取官方数据 | index.asp 首页顶部表格已登录部分代码,调用用户头像和一些 我的外交状况 等 用户菜单的那一块。 |
Dvbbs.mainhtml(2) 获取官方数据 | index.asp 首页顶部表格未登录部分代码,用户快速登陆口那一块。 |
Dvbbs.mainhtml(3) 获取官方数据 | index.asp 首页模板合集部分 备用(空缺) |
Dvbbs.mainhtml(4) 获取官方数据 | index.asp 首页一级分类表格,就是版块的列表以及简略模式等的代码设置,这一块很重要,可以改变整个论坛版面的风格。要用XML标准语言编写,修改这部分要注意先做好备份。 |
Dvbbs.mainhtml(5) 获取官方数据 | index.asp 首页友情连接HTML |
Dvbbs.mainhtml(6) 获取官方数据 | index.asp 首页用户信息和在线部分和底部论坛状态(从论坛在线情况到有新贴 无新帖那三个按扭这一块,含按钮) |
Dvbbs.mainhtml(7) 获取官方数据 | index.asp 首页今日生日用户部分 |
Dvbbs.mainhtml(8) 获取官方数据 | list.asp 版面新闻(进入版面后的版面公告) |
Dvbbs.mainhtml(9) 获取官方数据 | 分版面在线信息(版面上多少会员等那一块) |
Dvbbs.mainhtml(10) 获取官方数据 | 发贴按钮、小字报、精华等、状态栏(帖子列表里最上部分的 状态 主 题 作 者...等这一条也在这里设置) |
Dvbbs.mainhtml(11) 获取官方数据 | 发表新帖 发新投票 发小字报 那三个按钮的设置 |
Dvbbs.mainhtml(12) 获取官方数据 | 专题部分 |
Dvbbs.mainhtml(13) 获取官方数据 | 分版面帖子列表以及在线图例等的设置,要用XML标准语言编写,修改这部分要注意先做好备份。 |
Dvbbs.mainhtml(14) 获取官方数据 | 版面规则说明部分 |
Dvbbs.mainhtml(15) 获取官方数据 | 展开帖子列表,分割成几个部分 |
(3)当前模板主模块 (page_dispbbs)界面风格
Dvbbs.mainhtml(0) 获取官方数据 | 帖子浏览顶部,发表话题那三个纽以及您是本帖的第几个个阅读者 这一行和标题以及树型 打印那几个按钮这一快,代码里还含投票部分的调用。 |
Dvbbs.mainhtml(1) 获取官方数据 | 发表新帖 发表投票 和 发表回复那三个按钮的设置 |
Dvbbs.mainhtml(2) 获取官方数据 | 空,备用 |
Dvbbs.mainhtml(3) 获取官方数据 | 快速回复部分 |
Dvbbs.mainhtml(4) 获取官方数据 | 帖子管理里的 管理选项 这一条的菜单部分 |
Dvbbs.mainhtml(5) 获取官方数据 | 投票部分 |
Dvbbs.mainhtml(6) 获取官方数据 | 投票判断不同用户部分 |
Dvbbs.mainhtml(7) 获取官方数据 | 树型目录部分-隐藏层和隐藏框架部分的代码设置 |
Dvbbs.mainhtml(8) 获取官方数据 | 树型目录部分-表格开始(就是帖子以简略模式显示 树形列表那一条开始) |
Dvbbs.mainhtml(9) 获取官方数据 | 树型目录部分-贴子信息 Loadtree.asp |
Dvbbs.mainhtml(10) 获取官方数据 | 备用 |
Dvbbs.mainhtml(11) 获取官方数据 | 正在读取树形目录数据....提示部分 |
Dvbbs.mainhtml(12) 获取官方数据 | 查看投票信息 |
Dvbbs.mainhtml(13) 获取官方数据 | 使用道具部分 |
Dvbbs.mainhtml(14) 获取官方数据 | 魔法表情部分,用于帖子浏览页面 |
Dvbbs.mainhtml(15) 获取官方数据 | 帖子内容主体部分,作者信息,帖子内容,签名,编辑菜单等等全在这里修改,要用标准XML语言编写,修改前注意备份。 |
Dvbbs.mainhtml(16) 获取官方数据 | 赠送作者金币部分 |
主要做这三个模板页面的分析说明,一般的修改都在这三个模板页面里,别的大家可以自己看一看,要学会点那个帮助按钮看调用标签的好习惯。
风格美化技巧篇
风格美化常用小技巧
怎样在7。1里修改编辑器的背景颜色以及加入背景图片 | http://bbs.dvbbs.net/dispbbs.asp?boardID=102&ID=991734&page=1 |
首页论坛登陆口,登陆后调用论坛头像和会员信息,不跳转页面 | http://bbs.dvbbs.net/dispbbs.asp?boardID=102&ID=990814&page=3 |
登陆后显示个人信息的修改方法(等级,财富,经验,性别,登陆次数,在线时间等) | http://bbs.dvbbs.net/dispbbs.asp?boardID=102&ID=972115&page=2 |
怎么加背景图片,在栏目分类框里 | 加背景图片,你可以CSS里定义一个样式,比如: |
修改了论坛的宽度,如何添加背景图片啊 | 在 CSS 样式表里的 |
如何让论坛自适应800*600和 1024*768 两种分辨率 | 表格定宽度的时候全部用百分比,不要用具体的数字。 |
怎样把QQ的"互动状态;;"的代码插入首页 | 进入后台管理--风格界面模板总管理--分页面模板(main_style)界面风格管理-- |
签名档位置疑问,签名档居然和帖子紧挨着 | 到 后台管理--风格界面模板总管理---分页面模板(page_dispbbs)界面风格管理--template.html(15)获取官方数据查找: |
发贴页面和基本资料修改页面下面的空白怎么去掉 | http://bbs.dvbbs.net/dispbbs.asp?boardID=102&ID=968118&page=4 |
BBS背景的修改 | 在 BODY { } 里面 |
怎么把栏目右方的today,topic,post改成文字"今日发贴"等等 | 分页面模板(page_index)界面风格管理---template.html(4)获取官方数据 |
修改贴子的显示字体大小 | 如果你是在发帖的时候 你改了字体,没有显示效果呢,你就要去后台版块设置里--高级设置里打开HTML设置 |
在帖子的下面显示固定的广告语句 | 后台模板--(page_dispbbs)界面风格管理--template.html(15) |
怎样在论坛顶部显示一张大图片 | 后台模板管理--(main_style)界面风格管理-- |
点击管理,更新缓存后,最下面的”论坛重启动完毕!“几个字在什么地方修改 | 在论坛文件 LoadCache.asp 里进行修改 |
怎么样限制签名的高度 | 到 后台管理--风格界面模板总管理---分页面模板(page_dispbbs)界面风格管理--template.html(15)获取官方数据 |
首页公告向左滚动是怎么弄 | 进入后台管理--风格界面模板总管理---分页面模板(page_index)界面风格管理--template.html(0) |