您好,欢迎来到12图资源库!分享精神,快乐你我!我们只是素材的搬运工!!
  • 首 页
  • 当前位置:首页 > 网站教程 > 建站经验 >
    discuz x2门户模板制造教程一
    时间:2017-10-09 09:10 来源:网络整理 作者:网络 浏览:收藏 挑错 推荐 打印

    之前写过论坛的首页N格教程,跟本次说的教程也有一点联络,大家要知道一些模块是怎样用的。明天来说说我最近在idctalk站做门户模板的一些效果教程,最终效果大家可以去看看,好了废话不多话,末尾明天的主题。

    明天主要说的是整个模板上半部分中间是怎样设置的,详细效果如下红框部分。

    discuz x2门户模板制造教程一

    一眼就可以看出中间的这部分分红了三块,第一块是加粗的两篇文章标题,第二和第三快都是调用论坛的论坛,整个部分用两条虚线给分红三小快的,这样说就很容易操作了。

    首先我们先拉三个帖子模块和两个静态模块陈列好,

    静态模块如下图样式设置

    discuz x2门户模板制造教程一

    首先我们说第一小块是怎样做出来的,第一眼大家会看到蓝色的部分和左上角的HOT是怎样做的,其实是一张图片调用就可以了,把图片上传到你的空间。

    然后选择框架编辑—样式,如下图设置,记住背景图片前面选择不平铺

    discuz x2门户模板制造教程一

    第一小快,我们选择帖子模块—编辑—属性,如下图设置

    discuz x2门户模板制造教程一

    在设置好模块属性之后,最主要的是模块模板,将如下代码复制进模块模板的代码框里即可

    <divstyle="padding-top:10px;">[loop]<dl>        
    <dt>
    <div><ahref="{url}" title="{title}"{target}style="font-size:15px;color:#1897d5">{title}</a></div>
    </dt>
    <dd>{summary}...<ahref="{url}" target="_blank"style="color:#1897d5"">[详细信息]</a>
    </dd></dl>[/loop]</div>

    到这里大家点击确定就可以看到效果了,第一小块就搞定了。

    下面的第二小块和第三小块是相反的我们设置好一部分就可以了

    文章是调用论坛的内容,大家可以依据模块属性里的主题排序方式选择你想要的排序方式

    discuz x2门户模板制造教程一

    在设置好模块属性之后,将如下代码复制进模块模板的代码框里即可

    <div><ul>[loop]<li><em>{dateline}</em>
    <label><ahref="{forumurl}"{target}style="color:#ff6600">[{forumname}]</a></label> <ahref="{url}" title="{title}"{target}>{title}</a></li>[/loop]</ul>
    </div>

    这样就会有左边是调用论坛的版块名左边是调用的文章名,

    第三小块设置办法和这一小块设置相反。

    这样就做出了最终的效果图样式。

    (责任编辑:admin)