admin   发表于 2015-5-18 15:02:05 |栏目: |分类:美化教程
DIY功能主要是利用页面拖拽技术,在不编写代码的情况下实现快速布局页面、聚合调用站内数据的功能。下面我们来看如何使用DIY功能 以及如何美化DIY的数据模块。
                                基本DIY流程                                
  • 以管理员身份登录网站前台,点击头部右上方“DIY”按钮,进入DIY模式:
  • 进入DIY模式后,页面中内置的可DIY区域(模板标签中已经讲过)将会以灰蓝色显示:
                                           
                                        (1)首先,要选择合适的框架,点击 框架 来选择合适的框架拖拽到所需位置:
                                           
                                        (2)然后,点击 模块 ,来选择合适的模块,拖拽到框架中,拖拽进去后,页面便会弹出编辑模块属性窗口,如下图所示:
                                           
                                            根据所需要调用的数据类型设置各属性即可。
                                        修改模块页面显示样式                                       
  • 如何在模块中增加“标题”及 “更多”的链接 如下图样式

    方法:  
    游客,如果您要查看本帖隐藏内容请回复
      

    完成,这样框架就有了标题及更多     ,模块的方法同上
  • DIY的模块中如何调整链接的颜色
    如下图样式  
    游客,如果您要查看本帖隐藏内容请回复
  • 首页多格或首页四格如何DIY出来, 我们以论坛首页为例 (在任何页面都可以) 来制作一个首页四格。
    首先在论坛首页拖一个 1:1的框架  如下图所示:

    接下来向已拖好的1-1框架的框架里 左侧的1 里面拖入一个1:1的框架 如下图所示:

    接下来向右侧的1-1里面也拖入一个1:1的框架,如下图所示:


    接下来我们就可以通过拖拽模块到框架中去了

    此时我们可以去掉框架的标题 ,同时为每一个模块增加一个标题   如下图所示:

    你可以通过不同的模块样式或者CSS来美化这里。
  • 如何修改整个模块的链接样式  比如下图

    方法:选中要编辑的模块  ,点击编辑--样式   进行修改 如下图所示:

    以上修改针对整个模块完成 。
  • 如何修改两个模块或两个框架之间的距离  如下图样式

    选择要编辑的框架或者模块  ,点击编辑--样式 选择外边距,勾选分别设置 ,在右边距中写入合适的数字就可以了 例如如下图所示:

    完成后的效果    如下图样式

    完成。
  • DIY中TAB框架如果切换点击方式(鼠标点击与鼠标滑过)

    实现方法:拖一个TAB框架到页面中,点编辑,选择标题 如下图所示:

    在弹出的窗口中选择切换类型 如下图所示:

    你可以根据你的需要选择是点击还是滑过即可完成。
  • 在DIY模块中的模块数据中固定是什么意思,如下图

    解答: 当勾选固定后 此条数据将不会随着模块属性当中的条件进行更新,也就是说,此条数据将永久不变,除非把勾选去掉
  • 如何实现两个模块中间一条竖线的效果,如下图效果  
    游客,如果您要查看本帖隐藏内容请回复
  • 如何将一个文章模块转换为一个帖子模块,比如官方提供的门户及频道都是文章类模块 ,我们如何转换为帖子类,编辑模块的属性  把其中的模块分类进行切换  如下图所示:

    选择帖子模块就可以变换  这里要注意  切换之后,原来的模块样式将变成私有的(自定义样式) 修改显示样式只能通过模块模板进行修改
  • 如何在模板(官方发布的频道及门户)里面插入DIY区域  ,如下图所示:


    首先打开 模板文件 例如亲子模板, 打开template\default\portal\list_baby.htm  文件找到这两段代码的之间插入一行代码
    • <!--[diy=guanggao]--><div id="guanggao" class="area"></div><!--[/diy]-->


    其中 “guanggao” 可以任意取名,注意 不可与本模板中其它重名,必须保证唯一性 如下图所示:

从事Discuz周边研究开发8年多,熟悉SEO、运营等,解决各种discuz问题.有偿建站仿站。QQ:537209468
服务器只买1云,1云服务器半价。
  • TA的每日心情
    开心
    2015-11-24 11:08
  • 签到天数: 13 天

    [LV.3]偶尔看看II

    yuhai

    正式站长

    yuhai   发表于 2015-6-7 07:00:37 |栏目:
    不错,  顶帮主 。
  • TA的每日心情
    奋斗
    2016-5-7 08:06
  • 签到天数: 6 天

    [LV.2]偶尔看看I

    ggw

    新手上路

    ggw   发表于 2015-6-7 21:57:18 |栏目:
    很棒的教程
  • TA的每日心情
    开心
    2017-4-28 08:55
  • 签到天数: 63 天

    [LV.6]常住居民II

    一生

    正式站长

    一生   发表于 2015-8-8 06:28:10 |栏目:
    很棒的教程
  • TA的每日心情
    开心
    2017-4-28 08:55
  • 签到天数: 63 天

    [LV.6]常住居民II

    一生

    正式站长

    一生   发表于 2015-8-8 21:23:42 |栏目:
    从事Discuz周边研究开发3年多,熟悉SEO、运
    服务器只买1云,1云服务器半价。
  • TA的每日心情
    难过
    2016-11-28 05:46
  • 签到天数: 34 天

    [LV.5]常住居民I

    战士

    菜鸟站长

    战士   发表于 2015-11-20 10:01:56 |栏目:
    啥也不说了,感谢楼主分享哇!
  • TA的每日心情
    开心
    2017-4-9 14:33
  • 签到天数: 9 天

    [LV.3]偶尔看看II

    15005956211

    新手上路

    15005956211   发表于 2016-7-14 18:51:30 |栏目:
    啥也不说了,感谢楼主分享哇!
    服务器只买1云,1云服务器半价。
  • TA的每日心情
    慵懒
    2017-1-23 00:11
  • 签到天数: 3 天

    [LV.2]偶尔看看I

    落雪有声

    新手上路

    落雪有声   发表于 2016-11-29 18:13:17 |栏目:
    很棒的教程
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    作者相关信息

    更多discuzx模板

    极品资源

    原创模板

    下载排行

    热门标签

    快速回复 返回顶部 返回列表