一对一免费咨询: 13913005726 025-66045668

之前写过论坛的首页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

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

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

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

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

div class="module cl 动态网站毕业设计 xlxl1"ul[loop]liem{dateline}/em
labelahref="{forumurl}"{target}style="color:#ff6600"[{forumname}]/a/label ahref="{url}" title="{title}"{target}{title}/a/li[/loop]/ul
/div

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

三门峡网站建设公司三小块设置方法和这网站建设一小块设置相同。

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

相关阅读:Discuz建站教程资讯


 


 南京牧狼文化传媒有限公司简介:


      牧狼传媒,牧者之心,狼者之性,以牧之谦卑宽容之心待人,以狼之团结无畏之性做事!


  公司注册资金100万,主营众筹全案服务、网站营销全案服务、网站建设、微信小程序开发、电商网店设计、H5页面设计、腾讯社交广告投放以及电商营销推广全案等相关业务,致力于为客户提供更有价值的服务,创造让用户满意的效果!


  为百度官方及其大客户、苏宁易购、金山WPS秀堂、美的、创维家电、新东方在线、伊莱克斯、宝丽莱等国内国外知名品牌服务过,服务经验丰富!同时,公司也是南京电子商务协会会员单位、猪八戒网官方认证签约服务商、江苏八戒服务网联盟、南京浦口文化产业联合会会员单位,可以为您提供更好的服务!


  主营项目:众筹全案服务、网站营销全案服务、网站建设、微信小程序开发、电商网店设计、H5页面设计、腾讯社交广告投放、竞价托管、网站优化、电商代运营等


  合作客户:百度、苏宁易购、饿了么、美的、创维家电、新东方在线、宝丽莱、金山WPS秀堂、伊莱克斯


  资质荣誉:百度商业服务市场2017年度最佳图片服务商、南京电子商务协会会员单位、猪八戒网官方认证签约服务商、江苏八戒服务网联盟、南京浦口文化产业联合会会员单位、八戒通TOP服务商、"易拍即合杯"H5创意大赛"三等奖"。



致力于为客户创造更多价值
13913005726 025-66045668
需求提交
电话咨询
在线咨询