模块discuzx2门户模板制作教程

discuzx2  时间:2021-03-20  阅读:()

discuz x2门户模板制作教程一

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

一眼就可以看出中间的这部分分成了三块第一块是加粗的两篇文章标题第二和第三快都是调用论坛的论坛整个部分用两条虚线给分成三小快的这样说就很容易操作了。首先我们先拉三个帖子模块和两个静态模块排列好

静态模块如下图样式设置

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

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

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

在设置好模块属性之后最主要的是模块模板将如下代码复制进模块模板的代码框里即可<div class="module cl xld"style="padding-top:10px;">[loop]<dl class="cl">

<dt>

<div al ign="center"><ahref="{url}"title="{title}"{target}style="font-size:15 px;color:#1897d5">{title}</a></div>

</dt>

<dd>{summary}...<ahref="{url}" target="_blank"style="color:#1897d5"">[详细信息]</a></dd></dl>[/loop]</div>

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

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

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

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

<div class="module cl xlxl1"><ul>[loop]<l i><em>{datel ine}</em>

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

</div>

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

第三小块设置方法和这一小块设置相同。discuz x2门户模板制作教程二

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

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

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

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

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

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

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

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

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

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

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

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

<divclass="modulecl ml">

<ul>

[loop]

<l i style="width:

{picwi dth}px;">

<ahref="{url}"><img src="{pic}"width="{picwidth}"height="{picheight}"alt="{title}"/></a>

<p><ahref="{url}"title="{title}"{target}>{title}</a></p>

</l i>

[/loop]

</ul>

</div>

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

湖北50G防御物理服务器( 199元/月 ),国内便宜的高防服务器

4324云是成立于2012年的老牌商家,主要经营国内服务器资源,是目前国内实力很强的商家,从价格上就可以看出来商家实力,这次商家给大家带来了全网最便宜的物理服务器。只能说用叹为观止形容。官网地址 点击进入由于是活动套餐 本款产品需要联系QQ客服 购买 QQ 800083597 QQ 2772347271CPU内存硬盘带宽IP防御价格e5 2630 12核16GBSSD 500GB​30M​1个IP...

HyperVMart:加拿大vps,2核/3G/25G NVMe/G口不限流量/季付$10.97,免费Windows系统

hypervmart怎么样?hypervmart是一家成立了很多年的英国主机商家,上一次分享他家还是在2年前,商家销售虚拟主机、独立服务器和VPS,VPS采用Hyper-V虚拟架构,这一点从他家的域名上也可以看出来。目前商家针对VPS有一个75折的优惠,而且VPS显示的地区为加拿大,但是商家提供的测速地址为荷兰和英国,他家的优势就是给到G口不限流量,硬盘为NVMe固态硬盘,这个配置用来跑跑数据非常...

Vultr再次发布充值多少送多少活动

昨天我们很多小伙伴们应该都有看到,包括有隔壁的一些博主们都有发布Vultr商家新的新用户注册福利活动。以前是有赠送100美元有效期30天的,这次改成有效期14天。早年才开始的时候有效期是60天的,这个是商家行为,主要还是吸引到我们后续的充值使用,毕竟他们的体验金赠送,在同类商家中算是比较大方的。昨天活动内容:重新调整Vultr新注册用户赠送100美元奖励金有效期14天今天早上群里的朋友告诉我,两年...

discuzx2为你推荐
企业cms目前最好用的企业cms是哪个?支付宝蜻蜓发布想做支付宝蜻蜓刷脸支付的代理么?怎么做?申请支付宝账户申请支付宝账号注册verticalflash滴滴估值500亿滴滴流水每天280元一个月下来能赚 多少科创板首批名单中国兰男队员名单可信网站可信网站认证美国独立美国是什么时候独立的?dedecms自动采集织梦采集侠的功能介绍地址栏图标电脑地址栏上的所有图标怎么找?
过期域名查询 vps动态ip budgetvm 新秒杀 大硬盘 zpanel 国外服务器网站 directadmin ev证书 个人空间申请 数字域名 softbank邮箱 双线机房 空间购买 四川电信商城 starry ebay注册 数据库空间 广州虚拟主机 深圳域名 更多