discuz简约模板(discuz模板制作问题)

2025-04-01 20:20:02 0

discuz简约模板(discuz模板制作问题)

本文目录

discuz模板制作问题

Discuz!X3是Discuz!建站程序系列的最新版本,提供了易于DIY的环境,很多新人喜欢问:我看见了那么多好看的模版,但是不符合我当前网站的需求,如何自己去DIY?

当然他们肯定去过官方论坛找教程,去看了那么多文字以后依旧不知道如何去。其实最快开始DIY模版的道路是下载一个符合你心目中要求的框架的模版。例如我喜欢PHPWIND那种导航条置顶的风格,我就去下载了一个导航条置顶的模版,在这基础之上去DIY会相对容易一点。

首先我们需要了解的不是怎样开始DIY,而是需要知道,这页面是属于HTML代码制作的,HTML是一种标记语言,这就意味着你想加入什么功能的时候就要去搜索相关的功能标记。要了解HTML是如何运作的,是如何展现样式的,我们这里可以提供一个最基本的DIV代码。

《div id=“headerp“ class=“cssheader“ style=“background:#ccc“》headerpic《/div》

这个div会显示headerpic这几个字,这个div的标识符是headerp,其他代码和程序可以通过这个表示符来访问这个div;这个div引用了cssheader这个css样式,并且除非cssheader里面相关样式(当前相关样式:background)后面加上了!important重要标记,headerp这个div都会显示background(背景)为色板十六进制代码ccc的颜色(灰色)。

这里强调一下!important重要标记,在Discuz!里面,有很多运用到!important标记的地方。其中最常用的地方就是DIY模块,在DIY模块里面设定的边距等等数据会被加上!important标记,出现这样标记的时候除非有比这个!important更高级的!important声明,否则你设定的其他同样的样式都会被这!important前面的语句盖住。例:

《div id=“headerp“ class=“cssheader“ style=“background:#ccc“》headerpic《/div》.cssheader{ background:#aaa !important;}#headerp{ background:#bbb;}

在这个案例中,由于css样式.cssheader被添加了!important标记,所以即使element.style(background:#ccc)比.cssheader在样式优先顺序里面更高级,background属性也会使用.cssheader里面加了!important的数据。

记住了这些以后让我们来真正去DIY属于自己的模版吧。

Discuz!X的模版位于 根目录/template 文件夹里面,在这里面每一个文件夹都会被识别成一个新模版。如果你有想要安装的模版,只需要把模版的整个文件夹复制到这个目录然后进入后台-界面-风格设置里面找到对应的模版然后安装。安装好以后勾选为默认模版以后提交即可。创建模版的时候我们需要把default(默认模版)文件夹里面的discuz_style_default.xml复制到你的模版目录/discuz_style_你的模版名.xml。然后安装官方的模版xml去修改里面的内容。

《?xml version=“1.0“ encoding=“ISO-8859-1“?》《root》 《item id=“Title“》《!》《/item》 《/item》《/root》

需要注意的是这里的Title值不能改,必须保持原样才能够被安装和运行。version代表你这个模版能适用的Discuz!版本。可以用逗号分隔,例:

《item id=“version“》《!》《/item》

templateid是模版的标识符,这个如果是本地模版的话直接删掉这行即可。不然会识别错误。如果想自定义参数必须在style下面添加行。例如:

《item id=“diyxml“》《!》《/item》

Discuz!的这个自定义的参数非常好用,在之后的内容里面会被提及。

需要导入自定义模版的时候只需要在后台的界面-风格选项里面上面有个导入标签,点入以后会提示你一步一步导入你已经上传的模版。你也可以直接在对应的模版设置里面修改好参数然后到模版列表页导出你自定义好的模版XML文件。

所谓制作模版就是复制官方文件到自己的模版文件夹里面然后加以修改。

Discuz!额外提供了一些便利设置方便我们设置CSS样式,那就是extend_。我们可以用添加这个

前缀的CSS来达到不替换原有CSS文件的情况下追加或者覆盖原CSS内容。添加的位置就是根目录/template/你的模版文件夹/common/extend_common.css。

要注意的是module.css里面的注释能起到划分区域的效果,优先级比extend_common.css还要高,但是common.css里面的!important依旧优先级比没有!important的module.css的对应内容要高。例:

/** forum::viewthread,group::viewthread,forum::trade,forum::misc **/.pls {background:rgba(0,0,0,0.03);border-right:none;width:200px;}.ad .pls {background: #ffffff;}.ad .plc {background: #ffffff;}.pls .avatar img {width: 145px;padding:8px;background: #FFF;box-shadow:0px 0px 10px rgba(0,0,0,0.2);}.pls .avatar {text-align:center;}.pls p, .pls .pil, .pls .o {margin: 10px 20px;text-align: center;}.dvbg {background: #fff;}/** end **/

这些代码只在区域是forum::viewthread,group::viewthread,forum::trade和forum::misc生效。

《!--{template common/header}--》

你在模版文件会看见这样的注释代码,这代码实际上能调用模版文件夹里面的网页文件,要求后缀是.htm,例如我在forum文件夹里面添加了一个timeline.htm,那么就可以添加如下代码在响应位置调用timeline这个页面

《!--{template forum/timeline}--》

我们现在掌握了这些知识以后可以考虑开始初步为网站添加点料了。

我们都很喜欢在网站上面添加一个大大的图片横幅,当然不一定是广告,也会喜欢添加一些美图。这个时候我们需要自己定义一个div,而不是用导航条上面那片区域的背景图片来解决。因为那会导致一些背景和插件色块重叠,看起来不美观。而且本例还要达成让用户来自定义这个背景图片的效果。

这里我们就得说一下Discuz!一个很有意思的地方。在模版里面,注释的内容并不是没用的,相反,注释的内容是可以被当作是PHP代码运行的。让用户自定义图片,我们就需要调用cookie.在Discuz!里面提供了一个调用COOKIE的一个标准方法:$_G,这样我们就能调用名为cookiename的cookie了。具体实现代码如下(需要你有基本编程基础):

在discuz.htm中第一段注释下面添加:

《!--{if isset($_G)“》《/div》《!--{else}--》《div id=“headerpic“ class=“headerpic“》《/div》《!--{/if}--》

然后去DIY添加静态模块,选择自定义HTML模版。添加如下代码:

《ul》《li》《span style=“float:left“》顶部图片链接《/span》《form name=“setdiyoptbg“ onsubmit=“setcookie(’sttbg’,setdiyoptbg.sttbg.value,60*60*24*30*12);“》 《input type=“text“ name=“sttbg“ /》 《input type=“submit“ value=“设置“ /》《/form》《/li》《/ul》

然后在common文件夹内新建extend_common.css,添加如下代码:

.headerpic {background:url({STYLEIMGDIR}/{HEADERBG}) no-repeat right 0 transparent;background-size:cover;background-position:0% 10%;height:220px;box-shadow:0 0 15px #8f8f8f;}

最后在模版设置里面的最下方添加自定义参数HEADERBG,内容指向想添加为默认头部图片的图片文件地址。图片文件前面添加了STYLEIMGDIR,这样就可以直接把图片放在模版文件夹里面的扩展图片文件夹里,不会搞乱格式。

至此,添加自定义内容的教程结束。

这个教学旨在去学会如何学习制作,而并不是学习制作方法,就是授人以鱼不如授人以渔的意思。概念会比较泛,必须要自己去动手做才能理解。

我们很多时候不止要添加元素,还需要修改已有的元素。这个时候我们就需要开发者模式了,不然很多时候你会一头雾水。这里推荐chrome和ie10以上的开发者模式,都支持页面,即时让代码生效。满意了以后直接去修改对应文件即可,不过你要熟悉那部分的代码,就如同上一步添加模块一样你需要知道所有代码的意思,不然很可能导致失败效果。

这里特殊说一下plugin接口,当你在修改元素的时候,可能会导致一些插件无法被正常使用,这个时候你就需要尝试修改一下插件接口的位置。例如我把viewthread_node.htm里面的用户名移动到了头像下方,这个时候某插件的橙名功能失效了,联系插件作者无果以后决定自己亲手来修改模版以达到适应插件的效果。

网页跟我们平时所知道的顺序阅读载入方式有点不一样,网页的代码只会读取已经载入好的地方,所以接口不能放在程序代码前面,经过分析插件源文件 ,我把那个接口放在了修改了以后的用户名那段代码的后面,成功修复了橙名不显示的问题。代码如下

    《!--{if $_G《/a》$authorverifys《/div》     《/div》    《!--{/if}--》    《!--{hook/viewthread_profileside $postcount}--》

注意这里面最后的hook注释句,这就是Discuz插件的入口。通过移动它来调整插件载入的位置。

至此,我独家的Discuz自定义模版教程编写完毕。以上内容均为原创,曾经在类似的问题里面发过,但是作者迟迟没能回来采纳,深感遗憾。

回第二个问题:在界面导航里面去掉论坛的顶部导航,就是设置成不可用。然后在界面里面把门户选作主页即可。虽然用户仍旧能通过forum.php访问论坛,但是这也是最简单最可行的办法

discuz模板下载好了要怎么用

Discuz是一个采用PHP和MySQL等其他多种数据库构建的高效论坛解决方案,那么下载和使用Discuz模板方法如下:

  1. 在模板页面中选择需要的类型(需要注册一个账号)

  2. 找好一个Discuz模板之后,点击安装应用(一般也会有演示)

  3. 安装完成之后可以在界面-风格管理中选择安装好的模板,选中新的模板,点击提交即可(如果要删除模板,则勾选卸载,然后点击提交即可)

  4. 还有一种方法是下载模板文件(一般会包含很多文件,找到其中的xml文件,discuz_style开头的,在界面-风格管理中导入即可使用)

  5. 使用FTP上传模板文件夹到网站template目录下

discuz好看的模板去哪下

同楼上官方论坛的风格模板板块里还有这里,也很不错http://sc.chinaz.com/Html/WebTemplets/programcategory/discuz/index_1.html

关于discuz模板的问题

你好:我用discuz三四年了,这个问题我有经验。discuz手机版有两种,一种是一般手机版,所有手机都可以直接开启网页,你说的手机模版就是属于这种,安装好就可以了,只要手机开启你的网站就会看见了。另外一种则是客户端,使用者要安装discuz的客户端,在使用手机版时会提示安装,安装后就可以用客户端上你的网站了。

discuz简约模板(discuz模板制作问题)

本文编辑:admin

更多文章:


calm寓意(calm 这单词什么意思还有它的反义词是什么)

calm寓意(calm 这单词什么意思还有它的反义词是什么)

本文目录calm 这单词什么意思还有它的反义词是什么calm是什么意思,速回啊calm什么意思quiet、 calm、 silent 与still的区别是什么网名calm什么意思calm 这单词什么意思还有它的反义词是什么意思是平静的,镇定

2025年3月21日 03:40

browser是什么(QQBrowser是什么)

browser是什么(QQBrowser是什么)

本文目录QQBrowser是什么手机上FTBrowser是什么软件QQBrowser是什么QQbrowser是QQ浏览器。QQ浏览器是腾讯科技(深圳)有限公司开发的一款浏览器,其前身为TT浏览器。QQ浏览器秉承TT浏览器1-4系列方便易用的

2025年3月6日 05:10

易语言辅助论坛(请问想学写游戏脚本,是学易语言还是学按键精灵)

易语言辅助论坛(请问想学写游戏脚本,是学易语言还是学按键精灵)

本文目录请问想学写游戏脚本,是学易语言还是学按键精灵学会易语言用处大吗请问想学写游戏脚本,是学易语言还是学按键精灵很多人都对游戏脚本感兴趣,但大部分只是想通过脚本帮助自己在游戏的时候玩的更加省劲,当然更多研究游戏的脚本的人或者工作室只是想通

2025年3月18日 14:40

asp高级教程(最好的asp.net工程师教程)

asp高级教程(最好的asp.net工程师教程)

本文目录最好的asp.net工程师教程网站ASP服务器搭建详细教程asp网页制作教程asp页面怎么制作最好的asp.net工程师教程IT学习联盟网站的《《零基础aspnet就业班》》。………………………………………………………… 如果对as

2025年2月20日 04:50

python中float的用法(python怎么float转成int)

python中float的用法(python怎么float转成int)

本文目录python怎么float转成int在python中 float当中包含int吗python中input怎么一行输入两个float类型的数python中float的比较方式python中如何实现float(3/5)=0.6pytho

2025年3月19日 17:00

permanently的意思(英文单词permanetly是什么意思啊!)

permanently的意思(英文单词permanetly是什么意思啊!)

本文目录英文单词permanetly是什么意思啊!请问permanent是什么意思forever是什么意思permanently是什么意思英文单词permanetly是什么意思啊!应该是permanently,permanent的副词形式。

2025年2月19日 19:00

cocktail lounge是什么意思(lounge是什么意思)

cocktail lounge是什么意思(lounge是什么意思)

本文目录lounge是什么意思cocktail party是什么意思lounge是什么意思lounge做名词时是 客厅; 休息厅; (机场等的) 等候室 的意思例句|Let’s have it in the lounge。lounge做不及

2025年2月15日 22:20

在C语言中 z=x>y x: y; 这个表达式是什么意思啊,求解?if(i=a<ba:b;i>0;i--)啥意思

在C语言中 z=x>y x: y; 这个表达式是什么意思啊,求解?if(i=a<ba:b;i>0;i--)啥意思

本文目录在C语言中 z=x>y x: y; 这个表达式是什么意思啊,求解if(i=a0;i--)啥意思C语言中:x>yx:y; 是什么意思问号和冒号的作用是什么在C语言中 z=x>y x: y; 这个表达式是什么意思啊,求解?:称为条件运算

2025年3月29日 11:50

scanf返回值被忽略是怎么回事(忽略scanf的返回值要怎么改pta)

scanf返回值被忽略是怎么回事(忽略scanf的返回值要怎么改pta)

本文目录忽略scanf的返回值要怎么改pta禁止显示状态 警告 C6031 返回值被忽略: “scanf“.为什么编程总是说我忽略了scanf的返回值,很多次都这样改不了了忽略scanf的返回值要怎么改pta摘要把scanf改成:scanf

2025年3月18日 18:00

python怎么读取txt文件(在python中如何调用txt文件中的某一列数据)

python怎么读取txt文件(在python中如何调用txt文件中的某一列数据)

本文目录在python中如何调用txt文件中的某一列数据如何用python将多个内容格式一致的txt文件合并成一个txt文件python怎么读取txt文件在python中如何调用txt文件中的某一列数据你说的是用python读取txt文件中

2025年3月17日 13:20

源码汇app下载安卓晒(汇编源码下载)

源码汇app下载安卓晒(汇编源码下载)

本文目录汇编源码下载如何破解安装软件的源代码android记账软件的汇总源码怎么实现汇编源码下载附件源码是我学习汇编语言些的源码,有详细的注释如何破解安装软件的源代码根据楼主的要求:楼主想要破解软件,建议楼主 下载IDA PRO 反汇编工具

2025年2月24日 06:20

帝国cms首页模板修改(各位大虾,小弟问一个弱弱的问题帝国CMS怎么修改首页标题图片,要多久才能被百度收录)

帝国cms首页模板修改(各位大虾,小弟问一个弱弱的问题帝国CMS怎么修改首页标题图片,要多久才能被百度收录)

本文目录各位大虾,小弟问一个弱弱的问题帝国CMS怎么修改首页标题图片,要多久才能被百度收录帝国cms 首页导航怎样修改帝国CMS问题修改首页模板帝国cms怎样换首页各位大虾,小弟问一个弱弱的问题帝国CMS怎么修改首页标题图片,要多久才能被百

2025年3月30日 22:00

parameter1(书上说,linux命令格式为 command [-options] parameter1 parameter2 ls -al,这个怎么理解)

parameter1(书上说,linux命令格式为 command [-options] parameter1 parameter2 ls -al,这个怎么理解)

本文目录书上说,linux命令格式为 command [-options] parameter1 parameter2 ls -al,这个怎么理解C++里cannot convert parameter 1 from ’double’ to

2025年2月10日 00:50

fedora14 32bit(fedora 14该下载那个文件)

fedora14 32bit(fedora 14该下载那个文件)

本文目录fedora 14该下载那个文件我想装一个fedora 14 求下载什么(比如iso镜像之类的),具体步骤,谢谢fedora 14系统下载fedora 14如何汉化为什么eclipse在fedora14 中打不开啊fedora14怎

2025年2月11日 23:50

delphi和python(Delphi,易语言,c++,JAVA,Python到底学哪个更好,我想找一门深入学习)

delphi和python(Delphi,易语言,c++,JAVA,Python到底学哪个更好,我想找一门深入学习)

本文目录Delphi,易语言,c++,JAVA,Python到底学哪个更好,我想找一门深入学习目前世界上那种编程语言运用最广泛十大编程语言特点及应用领域是什么请问在delphi中怎么调用python已经写好的py程序为什么大学只学c++和j

2025年3月17日 15:30

怎么改变电脑鼠标样式(请问如何改变电脑上屏幕显示出的鼠标的形状)

怎么改变电脑鼠标样式(请问如何改变电脑上屏幕显示出的鼠标的形状)

本文目录请问如何改变电脑上屏幕显示出的鼠标的形状要怎样弄才能使电脑上的鼠标个性化点,比如自己把鼠标的箭头变成卡通之类的电脑鼠标怎么换皮肤如何改变自己电脑桌面上的鼠标的形状电脑怎么改鼠标的颜色普通的一般是白色的.!改下其他颜色可以吗请问如何改

2025年3月12日 02:40

Android下xml文件存储的位置,菜鸟问题,求大神解决?c#每分钟读取一次xml文件,具体怎么做本人菜鸟

Android下xml文件存储的位置,菜鸟问题,求大神解决?c#每分钟读取一次xml文件,具体怎么做本人菜鸟

本文目录Android下xml文件存储的位置,菜鸟问题,求大神解决c#每分钟读取一次xml文件,具体怎么做本人菜鸟Android下xml文件存储的位置,菜鸟问题,求大神解决一定要用xml来读写的话,就查一下安卓内部存储吧。那个是保存在dat

2025年2月28日 13:50

xswl是什么意思(网络用语xswl和zqsg是什么意思)

xswl是什么意思(网络用语xswl和zqsg是什么意思)

本文目录网络用语xswl和zqsg是什么意思xswl是什么意思,别人给我的留言xwsl什么意思xswl什么意思xslw什么意思xswl是什么意思网络用语xswl和zqsg是什么意思1、xswl指“笑死我了”(xiào sǐ wǒ le)拼音

2025年2月16日 13:50

工作流平台系统(计算机高手解释一下 工作流系统 (Workflow systems))

工作流平台系统(计算机高手解释一下 工作流系统 (Workflow systems))

本文目录计算机高手解释一下 工作流系统 (Workflow systems)小型oa工作流管理系统的开发是不是主要是工作流管理!oa还是主要的么工作流管理系统的介绍计算机高手解释一下 工作流系统 (Workflow systems)工作流(

2025年2月10日 18:10

成员函数特征(什么是成员函数)

成员函数特征(什么是成员函数)

本文目录什么是成员函数类成员函数的重写,重载和隐藏的区别什么叫静态函数成员,它有何特点C++如何在一个类的成员函数中调用另一个类的成员函数类中定义的数据成员和成员函数的两个概念谁能帮我理清楚一下,分别解释下以及两者区别与一般成员函数比较,构

2025年2月14日 00:10

近期文章

本站热文

harbor,port,pier的区别?谁能解释“harbour“(港口)与“pier“(码头)的区别
2025-02-22 17:40:03 浏览:18
ibatis foreach(ibatis 批量update操作)
2025-02-10 23:40:06 浏览:7
endless rain(endless rain表达什么情感)
2025-02-14 06:00:02 浏览:6
标签列表

热门搜索