立即注册 找回密码

QQ登录

只需一步,快速开始

DIY 使用指导

2014-12-20 02:54| 发布者: quanshiyinian| 查看: 400| 评论: 0|原作者: quanshiyinian|来自: 原创

摘要: DIY功能主要是利用页面拖拽技术,在不编写代码的情况下实现快速布局页面、聚合调用站内数据的功能。下面我们来看如何使用DIY功能 以及如何美化DIY的数据模块。基本DIY流程以管理员身份登录网站前台,点击头部右上方 ...
DIY功能主要是利用页面拖拽技术,在不编写代码的情况下实现快速布局页面、聚合调用站内数据的功能。下面我们来看如何使用DIY功能 以及如何美化DIY的数据模块。
基本DIY流程
  • 以管理员身份登录网站前台,点击头部右上方“DIY”按钮,进入DIY模式:01.jpg02.jpg03.jpg05.jpg

    修改模块页面显示样式


    • 如何在模块中增加“标题”及 “更多”的链接 如下图样式
      06.jpg
      方法:通过框架或模块都可以实现上述样式 ,我们以框架为例,我们在DIY的时候 选中要编辑的框架点击编辑 如下图所示:
      07.jpg
      在弹出的层中可以添加标题及链接,位置选择居左 如下图所示,同时可以设置标题的颜色及大小
      08.jpg
      接下来增加“更多”的链接 点击弹出层的添加新标题按扭 如下图所示 ,会“复制”出一份新的标题 你只需修改就可以了把其中的“精彩教程” 改成“更多” ,链接以及字体、颜色都进行修改就可以了,这里的位置一定要选择“居右”
      09.jpg
      完成,这样框架就有了标题及更多 ,模块的方法同上
      2. DIY的模块中如何调整链接的颜色
      如下图样式
      10.jpg11.jpg12.jpg13.jpg

      3. 如何在现有的模块中添加新的数据
      选中要添加数据的模块 点击编辑--数据 如下图所示:
      20.jpg21.jpg
      点击编辑后 在弹出的层中选择从数据源获取 此处可以添写帖子ID、文章ID、日志ID、图片ID 来获取数据 如下图所示:
      30.jpg

      点击获取会填充模块内相应的数据字段 (此处的数据字段会根据模块样式的不同有所变化,请注意)完成。
      4.DIY时如何调用外部程序的数据,当我们与第三方程序整合后 如何在门户、频道、论坛、或可以DIY的区域调用这些第三方程序的数据,首先我们可以在需要调用的地方拖一个展示类中的静态模块 如下图所示:
      100.jpg101.jpg

      5.首页多格或首页四格如何DIY出来, 我们以论坛首页为例 (在任何页面都可以) 来制作一个首页四格。
      首先在论坛首页拖一个 1:1的框架 如下图所示:
      102.jpg103.jpg104.jpg105.jpg106.jpg106.jpg107.jpg

      9.在DIY模块中的模块数据中固定是什么意思,如下图

      1000.jpg

      解答: 当勾选固定后 此条数据将不会随着模块属性当中的条件进行更新,也就是说,此条数据将永久不变,除非把勾选去掉
      10.如何实现两个模块中间一条竖线的效果,如下图效果

      1001.jpg1002.jpg1003.jpg1004.jpg1005.jpg1006.jpg1007.jpg

      首先打开 模板文件 例如亲子模板, 打开template\default\portal\list_baby.htm 文件找到这两段代码的之间插入一行代码

      1. <!--[diy=guanggao]--><div id="guanggao" class="area"></div><!--[/diy]-->
      复制代码

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



108.jpg
109.jpg
500.jpg
501.jpg
502.jpg
5000.jpg

鲜花

握手

雷人

路过

鸡蛋
相关推荐
!jz_fbzt! !jz_lxwm! !jz_gfqqq!

关于我们|手机版|小黑屋|地图|【道勤网】-www.daoqin.net 软件视频自学教程|免费教程|自学电脑|3D教程|平面教程|影视动画教程|办公教程|机械设计教程|网站设计教程【道勤网】 ( 皖ICP备15000319号-1 )

GMT+8, 2024-5-15 22:14

Powered by DaoQin! X3.4 © 2016-2063 Dao Qin & 道勤科技

返回顶部