Discuz模板修改教程演示

主要对应的

css

样式为

css_

中的：

#menu { position: absolute; right: 0; bottom: 0; _bottom: -2px; height: 26px; }

#menu li { display: inline; float: left; margin-left: 5px; {MENUBGCODE}; }

#menu

a

{

float:

left;

padding:

0

14px;

height:

25px;

border:

solid

{MENUBORDER};

border-width: 1px 1px 0; background: transparent none; line- height: 25px; color: {MENUTEXT};

text- decoration: none; overflow: hidden; }

#menu

nu

{

padding-right:

20px;

background-image:

url({IMGDIR}/arrow_);

background-repeat: no-repeat; background-position: 95% 50%; }

#menu

a:hover

{

border- color:

{HEADERBORDERCOLOR};

background-color:

{MENUHOVER}; color: {MENUHOVERTEXT}; }

#menu t a { height: 26px; border-color: {HEADERBORDERCOLOR}; background-color:

{MENUHOVER}; color: {MENUHOVERTEXT}; }

2.

网站

我们 一般通过后台来调节他。主要对应的

htm

代码标签为：

主要对应的样式为：

#header .wrap { position: relative; padding: 24px 0 22px; }

#header h2 { float: left; }

当然有些

css

并不是直接加大元素上的有时候他们需要间接， 复合来控制。至于效果你要自

己修改看看。

< br>3.

头部的导航栏对顶主要对应的

htm

代码标签为：

主要对应的样式为

css_

中的

:

#menu

.menu1

{

background:url({STYLEIMGDIR}/menu_)

no-repeat

scroll

0

0

transparent;h eight:35px;margin:0;padding-left:25px;}

#menu .menu1 ul { float:left; width:700px; }

#menu

a

{

font-size:14px;

border:medium

none;

color:#7FA1C4;

font- size:14px;

line-height:27px;}

#menu a:hover { background-color: transparent; }

#menu

t

{

background:url({STYLEIMGDIR}/menu_)

no-repeat

scroll

0

0

transparent;}

#menu

t

a

{

*height:

35px;

border:0

solid

{HEADERBORDERCOLOR};

background:

2

文档来 源为

:

从网络收集整理

.word

版本可编辑

.

欢迎下载支持

.

{MENUHOVER}

url({STYLEIMGDIR}/menu_)

repeat-x

right

-27px;

overflow:

hidden;

height:35px; }

#menu li { display:inline; float:left; margin-left:5px; height:27px; margin:4px 0 0; list-style:none

outside none;}

< br>一般都不文件大体上包含着三个元素至于一些细节问题你就要自己亲自动手试一试了。

二、下面是

文件需要修改的地方 。

主要对应得

htm

代码为

discuz..htm

中的：

主要对应的样式为

css_

中的：

#nav { margin: -8px auto 0; background: url({IMGDIR}/icon_) no-repeat 0 50%; text-align:

left; text-indent: 25px; line-height: 3em; }

#nav, #nav a { color: {MENUHOVERTEXT}; }

通常在大家修改边内容区的时候需要修改：< /p>

板块下面的背景和版块前面的默认图标。

这里主

< br>要是通过以下

css

来控制实现的：

.list { border-top: 3px solid {COMMONBORDER}; }

.content .list h3 { padding-left: 6px; color: {MIDTEXT}; line-height: 35px; }

.list

td, .list

th

{

height:

50px;

padding:

6px

0;

border- top:

1px

dashed

{COMMONBORDER};

color: {MIDTEXT}; }

.list

th

{

background:

url({IMGDIR}/)

5px

10px

no-repeat;

padding-left:

45px !important; }

.narrowlist th { vertical-align: top; }

.list { background-image: url({IMGDIR}/forum_); }

.list th h2 em { font-weight: 400; }

.list th h2 em strong { color: {NOTICETEXT} }

注意这里的变量

{IMGDI R}

这种

php

变量在。后台

-

》界面

-

》风格管理

-

》编辑

-

》 高级模式

中都有。他会到你置顶的目录下去搜寻图片。如图：

内容列表：

主要对应得

htm

代码为：

主要对应的样式为

css_

中的 ：

友情链接：

主要对应的

htm

代码为

disc uz..htm

中的

class=

id=

src=

{lang board_links}

3

文档来源为

:

从网络收集整理

.word

版本可编辑

.

欢迎下载支持

.

$$_DCACHE['forumlinks'][1]

$$_DCACHE['forumlinks'][2]

< br>主要对应的样式为

css_

中的：

.forumlinks,

.forumimglink,

.forumtxtlink

{

padding:

6px;

border-top:

1px

solid

{COMMONBORDER}; }

.forumlinks ul li { float: left; width: 49%; height: 50px; line-height: 1.4em; }

.forumimglink a { margin-right: 8px; }

.forumimglink img { margin: 2px 0; }

.forumlogo { float: left; padding-top: 2px; width: 100px; }

.forumcontent { padding-right: 18px; height: 50px; }

.forumcontent p { overflow: hidden; height: 17px; color: {MIDTEXT}; }

.forumtxtlink

li

{

float:

left;

margin-right:

5px;

width:

8em;

white-space:

nowrap;

overflow:

hidden; text- overflow: ellipsis; }

在线会员：

对应的

dscuz..htm

中的标签 为：

#online h3 { font-weight: 400; }

#online h3 a, #online h3 em, #online h3 strong { font-weight: 700; }

三、下面是

< p>
index_

文件需要修改的地方。

< p>
主要对应的

htm

标签风别为：头部——》

主要涉及到的需要修改的

css

为

css_

中的：

.pages_btns { padding: 5px 0 1em; line-height: 30px; }

和

.postbtn,

.replybtn

{

width:

67px;

height:

30px;

background:

url({IMGDIR}/)

no-repeat 0 0; font-size: 14px; font- weight: 700; line-height: 28px; *line-height: 32px; text-align:

center; overflow: hidden; }

.replybtn { background-image: url({IMGDIR}/); }

.postbtn a, .replybtn a { display: block; padding-left: 5px; color: #FFF; letter-spacing: 5px; }

.postbtn a:hover, .replybtn a:hover { text-decoration: none; }

底部公告内容

- -

》

4

< p>
文档来源为

:

从网络收集整理

.word

版本可编辑

.

欢迎下载 支持

.

主要涉及到的需要修改的

cs s

为

#ann

{

margin:

5px

0

10px;

padding:

2px

5px;

line- height:

30px;

border:

solid

{COMMONBORDER}; border-width: 1px 0; background: {COMMONBG}; }

#ann dl { overflow: hidden; }

#ann

dt

{

float:

left;

width:

5em;

background:

url({IMGDIR}/ann_)

no-repeat

0

50%;

text- indent: 2em; font-weight: 700; }

#ann dd { margin-left: 30px; }

#ann li {

padding-left: 10px; white-space: nowrap; }

#ann em { margin-left: 5px; color: {MIDTEXT}; font-size: 0.83em; }

#annbody { height: 30px; overflow: hidden; padding-right: 16px; }

三、下面是

index_

文件需要修改的地方。

主要涉及到的需要修改的

css

为

< p>
css_

中的：

.itemtitle { clear: both; overflow: hidden; margin-bottom: 10px; line-height: 23px; }

四、首页边栏对应的

html

代码为：

五、首页底部对应 的

html

代码为：

主要涉及到的需要修改的

css

为

css_

中的：

#footer { padding: 1em 0; }

#rightinfo { float: left; }

#footlink { float: right; text-align: right; }

#footer, #footer a { color: {FOOTERTEXT}; }

在修改之前你应该了解一下有关模板的知识。默认的

discuz

的模板文件时存放在根目录的

./template/default/

文件下的

htm

文件。在这个文件夹下以

css_< /p>

开头的文件时控制默认模板的

css

样式 表。所有的关于样式的文件你都可以在这里修改。

如果你是个 新手，建议你不要去修改

css_

文件中的文件。你可以吧你需 要修改

后的样式拷贝到

css_

文件。 就是受你不需要动

css_

的任何代码，只

需要把你修改后的

css

代码写到

css_

这个文件夹下。

(

这方便将你 的代码和源程序

代码分开。如果你想要恢复默认的样式，直接清空

css_

文件就可以了。

)

另外一 个经常需要修改的

css

文件就是

cs s_

文件。中的代码不可以拷贝到

css_

文

件

中

。

如

果

你

要

修< /p>

改

可

以

单

独

在

重

新

< p>
新

建

一

个

文

件

命

名

为

css_script_

文件把，

你需要修改的样式按照

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]

默认模板头部修改视图：

2010-3-17 10:41

上传

下载附件

(15.92 KB)

header

如上图所示：此头部文件对应的元素主要对应三个元素。

头部的

logo

：这个部分你可以通过在后 台设置

界面

-

》模板风格

-

》编辑

-

高级模式。

5

-

-

-

-

-

-

-

-

本文更新与2021-02-28 06:03，由作者提供，不代表本网站立场，转载请注明出处：https://www.bjmy2z.cn/gaokao/679142.html

返回列表：英语

上一篇：PR视频特效及视频转场特效中英文对照
下一篇：药用植物名录