Discuz x2门户模板制作教程一

2020年10月17日10:45:29 发表评论 1 次浏览

Discuz x2门户模板制作教程一

在制作discuz模板之前,我在论坛首页写了N-grid教程,也和这次提到的教程有关。每个人都应该知道如何使用一些模块。今天来说说我最近在idctalk站做的一些门户模板的效果教程。你可以去http://www.idctalk.com看看最终结果。现在,我们废话,开始今天的话题。

今天主要讲一下如何设置整个模板的上半部分的中间。具效果如下:红框。

一目了然,中间部分分个部分,第一个是两个加粗的文章标题,第二个和第个是论坛呼叫论坛,整个部分分三个小部分,两个虚线,操作简

首先,我们来排三个post模块和两个静态模块。

静态模块设置如下图

首先说一下第一小块怎么做?大家一看就知道蓝色部分和左上角的HOT是怎么做的了。其实只要调用一张图片,把图片上到你的空间就可以了。

然后选择框架编辑& mdash样式,设置如下图所示,切记选择不要铺在背景图片后

首先,我们来选择post模块& mdash编辑& mdash属性,如下图所示

设置模块属性后,最重要的是模块模板。将以下复制到模块模板的代码框中

& ltdiv class = " module cl xld " style = " padding-top:10px;">。[循环]& lt;dl class="cl " >& ltdt>。& ltdiv align="center " >& ltahref = " { URL } " title = " { title } " { target } style = " font-size:15px;颜色:#1897d5 " >{ title } & lt/a>。& lt/div>。& lt/dt>。& ltdd>。{摘要}...& ltahref = " { URL } " target = " _ blank " style = " color:# 1897 D5 " >;[详细信息]

第二个小块和第三个小块是一样的。我们可以设置一些

文章是调用论坛的内容,可以根据模块属性中的主题排序方式选择自己想要的排序方式

设置模块属性后,将以下代码复制到模块模板的代码框中

& ltdiv class="module cl xlxl1 " >& ltul>。[循环]& lt;li>。& ltem>。{ dateline } & lt/em>。& lt标签>。& ltahref = " { forum URL } " { target } style = " color:# ff 6600 " & gt。[{ forumname }]& lt;/a>。& lt/label>。& ltahref = " { URL } " title = " { title } " { target } & gt。{ title } & lt/a>。& lt/li>。[/loop]<。/ul>。& lt/div>。这样左边会有调用论坛的版块名,右边会有调用的文章名。

第三个小块设置方法与这个小块设置相

这样就做出了最终的渲染风格。

Discuz x2门户模板制作教程一

  相关阅读:Discuz网站建设教程信息

阅读关于layuiAdmin后管理模板的购买授

购买授前,建议仔细阅读以下“混淆”,避不必要的混淆。此外,您还可以阅读“付费产品的layuiAdmin服务条款”。注意:Layuiadmin收件人

背景货模板

& ltp class = & quot包装& quot>。& ltp class = & quot内部菜& quot>。& ltdl>。& ltdt>。商场设置

几何画板动画教程,一看就

几何画板是一个动态的课件制作工具,可以用来做各种图形的变换动画,所以数学老师用它讲课非常方便,也可以帮助学生提高学习

从珲春123看地方门户产品设计

网上有很多优秀的产品。作者仅从自身能力的认知范围介绍被认可的作品。就像我上次写的“从JD看商城的产品设计。COM”,可能还有其他优秀的

天猫品牌授权的模板是什么?

边肖今天想大家描述的内容,和天猫品牌授权的内容有关。很多人想知道这个授权,但不知道是什么样的模式。为了帮助大人物,

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: