设为首页收藏本站

九九站长,站长论坛,discuz教程

 找回密码
 立即注册
查看: 1554|回复: 5
收起左侧

[discuz模版开发] 怎么将dz论坛的模块显示样式为自己设置!

[复制链接]

97

主题

165

帖子

1445

积分

九八级-网站编辑

Rank: 8Rank: 8

交易币
757 枚

活跃会员热心会员推广达人宣传达人突出贡献荣誉管理

发表于 2013-5-31 20:06:25 | 显示全部楼层 |阅读模式

注册加入九九站长论坛,一起交流,学习,分享网站技术,资源等!

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
本帖最后由 论坛-编辑 于 2013-6-24 10:16 编辑

      将discuz模块的样式显示为自己编写的,那么就必须要会html技术和css技术,有了这两门技术,那么关于模版的一些样式都不会成问题!
     进入论坛,点击高级diy,随便找一个模块,点击右上角的编辑,然后就是显示样式,如下图:
QQ图片20130531195446.jpg
默认的只有那么多,都是discuz内置的一些模块的显示样式,那么我们怎么来让模块的显示为自己想要的样式呢?

如果你想让模块显示为自己编写的样式,那么首先要做的就是把这个模块的框架和模块的样式都设置为“无边框无样式”,
然后在点击“板块模版”,里面就有一些代码,我是随便找的一个模块,但代码都是一致的,如下:
  1. <div class="module cl xl xl1">
  2. <ul>
  3. [loop]
  4. <li><a href="{url}" title="{title}"{target}>{title}</a></li>
  5. [/loop]
  6. </ul>
  7. </div>
复制代码
如上,  最外面一层的那个div标签就是显示的样式了,只要把这个div的标签都删掉,就剩下ul标签,这样你保存就可以看见这个模块的样式都没有了,然后就可以自己编写样式了,会div的都不用多说就知道怎么做了,无非就是给这个ul添加个类选择器或id选择器,然后自己编写样式,如果你想要添加其它的显示效果,如数据的来自为半个板块的,或数据是哪个用户编辑的,那么如上图的,图片下面都是一些变量,这想变量代表的是什么内容都有内容,通过自己的html加css就可以编写模块的显示样式了,不用我多说吧!

游客,如果您要查看本帖隐藏内容请回复




特别无聊,来九九站长看下教程!

60

主题

137

帖子

1444

积分

九九级-信息监察员

Rank: 9Rank: 9Rank: 9

交易币
680 枚
发表于 2013-6-3 10:55:15 | 显示全部楼层
果断回帖,如果沉了就是我弄沉的很有成就感
特别无聊,来九九站长看下教程!
回复 支持 反对

使用道具 举报

40

主题

106

帖子

840

积分

九一级

Rank: 1

交易币
377 枚
发表于 2013-6-17 08:41:30 | 显示全部楼层
果断回帖,如果沉了就是我弄沉的很有成就感
特别无聊,来九九站长看下教程!
回复 支持 反对

使用道具 举报

0

主题

21

帖子

22

积分

九一级

Rank: 1

交易币
-4 枚
发表于 2013-6-24 22:35:27 | 显示全部楼层
不错,很好,谢谢哦
回复 支持 反对

使用道具 举报

0

主题

1

帖子

19

积分

九一级

Rank: 1

交易币
1 枚
发表于 2014-4-24 15:05:53 | 显示全部楼层
果断回帖,如果沉了
我弄沉的會很有挫折感
回复 支持 反对

使用道具 举报

0

主题

2

帖子

23

积分

九一级

Rank: 1

交易币
2 枚
发表于 2014-4-27 21:30:14 | 显示全部楼层
图片下面都是一些变量
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

网上报警岗亭图标

Archiver|手机版|小黑屋|九九站长网 ( 渝ICP备13002263 )  
站长论坛   建站教程   discuz教程   discuz模板下载   网站优化
九九站长论坛版权所有:© 2001-2015;如有侵犯你的权利,请告知!

网警备案图
快速回复 返回顶部 返回列表