discuz门户模板制作 discuz x2门户模板制作教程(一)

之前写过论坛的首页N格教程,跟本次说的教程也有一点联系,大家要知道一些模块是怎么用的。今天来说说我最近在idctalk站做门户模板的一些效果教程,最终效果大家可以去http://www.idctalk.com看看,好了废话不多话,开始今天的主题。

今天主要说的是整个模板上半部分中间是怎么设置的,具体效果如下红框部分。

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

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

静态模块如下图样式设置

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

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

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

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

<div class="module cl xld"style="padding-top:10px;">[loop]<dl class="cl">
<dt>
<div align="center"><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门户模板制作 discuz x2门户模板制作教程(一)
<div class="module cl xlxl1"><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>

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

第三小块设置方法和这一小块设置相同。

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

  

爱华网本文地址 » http://www.413yy.cn/a/8105080103/329874.html

更多阅读

淘宝网店模板制作教程 淘宝店铺免费模板

淘宝网店模板制作教程——简介很多开淘宝店的朋友想把网店弄的好看一定,但是苦于不会制作模板,今天就分享一下淘宝网店模板的制作。 淘宝网店模板制作教程——工具/原料 photoshop图片相关素材 淘宝网店模板制作教程——方法/步骤

淘宝宝贝描述模板制作 淘宝宝贝描述模板

现在好多新手都自己去下载宝贝描述的模板,但是又发现没有自己想要的,没有符合自己小店的,那下面我就教大家怎么做,宝贝描述的模板,其实道理是很简单的,做模板,最后只要得到代码就行了淘宝宝贝描述模板制作——工具/原料工具:ps、dreamweave

如何制作ppt模板 精 如何制作公司ppt模板

如何制作ppt模板 精——简介新的Powerpoint2007没有了微软一直有的传统的菜单栏了,代替的是选项卡式的快捷按钮了。那以前2003用便捷的模板功能怎么编辑、保存和应用了呢??如何制作ppt模板 精——工具/原料?Powerpoint2007如何制作pp

怎样用PowerPoint自己制作设计模板 powerpoint模板下载

看到 PowerPoint 软件提供的那么多漂亮的预设模板,你是不是也曾动心,也想自己设计一款模板呢?告诉大家,用 PowerPoint 里的“幻灯片母版”功能,就可以自己设计模板啦!怎样用PowerPoint自己制作设计模板——工具/原料PowerPoint 2000(或以上

电子相册模板怎样下载制作相册视频? 免费电子相册视频模板

电子相册模板怎样下载制作相册视频?——简介下载电子相册模板,可以到相册模板下载站上下载,有很多精美的电子相册模板,狸.窝官网上,也有很多精美的相册模板分享。制作相册视频,可以使用Powerpoint和狸.窝照片制作视频软件两款软件来共同完

声明:《discuz门户模板制作 discuz x2门户模板制作教程(一)》为网友怪咖女人分享!如侵犯到您的合法权益请联系我们删除