[DN] Discuz!NT 2.0正式版模板相关问题解答

熹

1．Discuz!NT 2.0正式版发布后将模板的制作是否相当方便？ 2.0正式版的模板制作相当的简洁，打造自己独有的模板，你只需要根据自己的设计稿修改dnt.css这个样式文件即可以实现。 p; k A9 ~ n. N3 Z, l5 u* a! K 9 b" o4 u' ]4 \2．Discuz!NT 2.0 正式版dnt.css中关键的样式是哪部分？ 左右模板全局的样式，是注解/*All border, All list ,important css*/ 这部分之间的样式定义。其中包括定义模板内部功能模板边框和背景色即.ntforumbox一行的定义；定义论坛中列表样式即list和liston；定义论坛中功能块头部即titlebar。修改此处论坛将会大变脸。 # Z1 P0 G1 q3 C$ e , t$ s% @. C" U; {; e3 G3．模板中定义有#container 和#wraper两个样式，其主要作用是什么？ & H# c9 ]4 j& O# m% E/ S \5 s. T在模板中定义有#container 和 #wraper 这两个样式，他们是整个模板文件中最大的容器，其作用在于控制整体模块的宽度等主体界面的表现。#wraper 是对论坛头部和版权部分除外的部分的控制，这样就利于打造出整屏宽但主体部分是较窄的模板。对这两个定义的灵活运用将会给模板带来新意。 ( M6 L4 L! `! [" a 4．如果在制作模板过程中查找不到具体样式定义怎么办？ ! x, Z: d* a! w 充分考虑到不同用户的需求，在正式版模板制作过程中，尽可能的在dnt.css中对每个功能块的样式定义做了最大程度的分块，你只需查看样式每块的注解即可了解此处是对论坛中那部分的定义，另外也可借助于一定的工具查找到具体样式名称，然后进入样式表中直接查找修改。 . @2 P) Z' x7 @: z ) p! ]: }' K6 E' N) z- J5．在模板制作过程中可以借助的工具插件有哪些？ - h' [6 H) |) v( m. Z. z! C - E1 c W, q8 E0 \! i. `8 G当前可以借助的工具相对较多，比较理想的是Firefox+Firebug 的模式，可以在线调整，查看修改的效果，利于模板中样式的查找，功能相当不错，大家尝试一下，如果装有IE7，那就去弄个IE Developer Toolbar 来装一下吧！也还算不错！ ) ^/ p2 m) w8 a r: G5 ~6．正式版的后台有什么新的特色？ 0 q( ?4 q8 g" m- K& k8 \后台界面在功能升级的同时，从界面上也做了最大的调整，采用了色块变化区分各个功能块的形式，给人一种不同的视觉感受！ 4 [8 [# ~! n( @+ S1 y z7．正式版有哪几部分？ 正式版以论坛为主体的基础上，整合了Discuz!NT聚合页面，相册，个人空间。对此三部分的样式定义集合在main.css这个样式中。另外同时推介了多款漂亮的个人空间界面模板，当然你也可以自制漂亮的个人空间模板。 6 R4 G2 @8 n, A5 s& x8．如果我是css样式的初学者，对样式了解不多怎么办？ 6 g; I+ R, Y/ `6 E% X+ }3 c4 ? $ l5 N& [9 T# p( }. b! _0 f如果是这样，那可能对于整体的架构修改上将会遇到些许问题，不过要有信心，你可以简单去对问题二中提到的“关键部分的的样式定义”做更改，更改后也会有不错的效果！对于这些不会涉及到较复杂的样式定义，稍用心一点点，肯定会修改自如。另外当然可以在论坛中发求助，大家会热心讨论，共同进步的。 & q' S7 p* Z$ [) k z. h 9 x- O. d4 n% M( J+ [+ X9．论坛每个主题加的形象图片位置如何控制？ , s' c A1 J7 \' r0 Y0 a* \为了更直接的体现出每个论坛主题的含义，有时会在每个论坛的主题前或后面加上一个形象图片。而将图片放于主题名称前还是主题名称后就看个人的选择。对其的定义修改只需在dnt.css中查找到.topictitle img{ float:right; margin: 8px 3px 3px 3px; vertical-align:middle; } 即可。这句话中有个 float:right；定义，这是关键，你不妨改成float:left; 试一下效果。 7 Z& x7 S7 C- B4 e+ {8 q 10．如何控制发帖、回复帖、用户中心等部分所运用的编辑器样式 6 t; R+ J1 p2 S) i$ b5 Z 正式版为了更好的将编辑器界面与模板风格浑然一体，模板中构建了editor.css 这个css文件。通过对它的样式定义可以控制整个编辑器界面元素的外观。 ' |7 h& v- P& @- W. @11．要改整个页面的背景色是在那里改啊？ 这个问题较为简单，你只需要dnt.css中加入样式body { background-color:#FFF; } 即可以，当然用什么颜色，你自己去定义了。如果是背景图那就改为 body { background: #FFF url(images/bg.jpg) } ,当然要注意路径和图片名称的正确与否。 # M8 y& c3 {1 V# T Q* c0 S$ F% z, }2 L % d" l) z4 Y; T! D+ d9 W12．如果帖内右侧加有一个图片广告，论坛帖子内容是否会环绕？ 2 t, w4 B( V/ O& E$ x0 F3 L% n# b这个是绝对没有问题，完全达到美观的效果！可以实现文字的环绕。 : |9 }: v$ q8 `7 c9 s- P* d ( m# M, h( a( C3 E+ P3 o6 m( S. v13．Dnt.css中样式的注解说明列表如下，有助于大家第一时间查找到样式定义位置 # {" S* v. |7 e7 g1./*header*/-----论坛头部 4 g4 _4 [! X# Z. m0 t; Y0 u2./*menu*/------论坛菜单栏 3./*foruminfo*/-----论坛当前位置 4./*QuickSearch*/---快速搜索 : f% E( b3 U" k: r5./*announcement*/---公告通知区域 6./*adtext*/--广告区域 7 y# I! s" |$ p3 x$ u# f7./*ForumTheme*/----论坛主题列表 8./*Forumlist*/-------论坛版块帖子列表 9./*ViewThread*/-------帖子内部详细讨论列表 . O: p2 K5 `- B3 k( w& s: S, Z$ U K10./*Ticket*/------------投票区域 3 J1 ^" ]7 l- v11./*controlpannel*/-------控制面板 p) r8 P; l6 Q' V12./*frame*/--------分栏模式页面 13./*template*/-------界面 14./*usermessage*/-------个人信息查看 % Y3 \, y/ A* z. n/ i15./*Form*/-------------论坛注册,登陆,对帖子操作等全论坛的表单设置 + |$ f5 v4 z1 |$ A16./*Pages*/-------------论坛中列表分页 17./*onlineuser*/----------在线会员列表区域 18./*link*/---------------友情链接区域 * {1 _% ^; p$ B5 F; ?4 d19./*Cutline*/------------论坛图例说明区 ; u' @0 @9 ^( x# q- x$ _; u& |20./*copyright*/-----------论坛版权区域 6 \" N& i/ F+ g8 k$ H% I ! G0 K" R% p7 e, C7 a7 y- ` K3 e4 f14．在更改了模板文件后为什么我的页面没有效果啊？ ; u* s2 j* E8 e. F4 y& s这个是一定要切记的问题，在更改了模板文件上的文字，图片等任何元素后，请你及时去后台模板管理块中将你所修改的模板文件进行生成。如果没有生成效果将不会看到的！！ / T) J+ [ P' y! F 15．本次正式版中多个模板间的模板文件有何不同？ 6 O$ J2 y; N5 S 正式版发布后带有的多个模板，其模板文件除dnt.css，main.css,editor.css这几个css样式表文件和一些头部文件中有变化外，其它的大部分模板文件都保持了页面结构和html代码完全一致，这样便于大家可以选择不同的模板做更改！！