discuz x2门户模板制作教程二

2019-03-25 08:16:57来源: 站长百科 阅读 ()

新老客户大回馈,云服务器低至5折

上次说到门户模板中间的部分,今天说说两天的部分是如何制作的,最终效果如下图

基本上分为两部分,左边的和右边的,左下部分和右边的又有点大同小异

有过制作经验或者看过首页N格教程的应该都知道左上的图片幻灯是怎么回事,所以这里就不再说明了。

首先我们看标题框架,蓝底加黑色标题,如下图的三个蓝色框

这里也只是调用了图片,你也可以做成其他的图片上传到空间在这里调用即可

调用方法是。DIY模式下--框架编辑—背景图片,填上你上传到空间的图片地址,选择不平铺。

其实左下部分就是简单的论坛文章调用,选择帖子模块编辑—属性

根据你的需要设置各种属性即可。

右边的部分上下两块是一样的,两个帖子模块被静态模块隔开

静态模块同上一期教程的静态模块是一样的,如下图

然后是调用的图片文章,属性根据你论坛的内容来调用不同版块带图片的文章

设置好以后在模块模块里粘贴上下面的代码就可以得到如图所示效果

<div class="module cl ml">
<ul>
[loop]
<li style="width:
{picwidth}px;">
<a
href="{url}"><img src="{pic}"
width="{picwidth}" height="{picheight}"
alt="{title}" /></a>
<p><a
href="{url}"
title="{title}"{target}>{title}</a></p>
</li>
[/loop]
</ul>
</div> 

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

这样就完成了效果图左右两部分的设计,如有问题请到http://bbs.zzbaike.com/大家一起共同讨论学习。

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:2012来了站长你准备好了吗?

下一篇:戴仁光:武林大会杭州站得到的淘宝客经验