关灯
请选择 进入手机版 | 继续访问电脑版

全方位立体式讲解DIY技巧集锦

[复制链接]
admin 发表于 2019-1-15 18:16:47 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
 
今天为大家讲解一下 在使用DIY过程中的一些技巧与方法

仔细阅读,受益匪浅




一、如何在模块中增加“标题”及 “更多”的链接 如下图样式


                               
登录/注册后可看大图

方法:

通过框架或模块都可以实现上述样式   ,我们以框架为例,我们在DIY的时候  选中要编辑的框架点击编辑 如下图所示


                               
登录/注册后可看大图



之后点击标题


                               
登录/注册后可看大图


在弹出的层中可以添加标题及链接,位置选择居左  如下图所示  同时可以设置标题的颜色及大小


                               
登录/注册后可看大图


接下来增加“更多”的链接  点击弹出层的添加新标题按扭 如下图所示  ,会“复制”出一份新的标题  你只需修改就可以了
把其中的“精彩教程” 改成“更多” ,链接以及字体、颜色都进行修改就可以了,这里的位置一定要选择“居右”


                               
登录/注册后可看大图



完成,这样框架就有了标题及更多     ,模块的方法同上



二、DIY的模块中如何调整链接的颜色 如下图样式


                               
登录/注册后可看大图


方法:
选中要修改的模块 , 点击编辑,选择数据  如下图所示


                               
登录/注册后可看大图


在弹出层中选择 编辑   如下图所示


                               
登录/注册后可看大图


在弹出的层中 可以对标题进行 加粗、斜体、加下划线、修改颜色 等操作


                               
登录/注册后可看大图

完成



三、如何在现有的模块中添加新的数据  

选中要添加数据的模块 点击编辑--数据  如下图所示


                               
登录/注册后可看大图



在弹出的层中 选择任意一条数据  点击编辑  如下图所示


                               
登录/注册后可看大图



点击编辑后 在弹出的层中选择从数据源获取 此处可以添写帖子ID、文章ID、日志ID、图片ID 来获取数据 如下图所示


                               
登录/注册后可看大图



点击获取会填充模块内相应的数据字段 (此处的数据字段会根据模块样式的不同有所变化,请注意

完成



四、DIY时如何调用外部程序的数据  

当我们与第三方程序整合后 如何在门户、频道、论坛、或可以DIY的区域调用这些第三方程序的数据

首先我们可以在需要调用的地方拖一个展示类中的静态模块 如下图所示


                               
登录/注册后可看大图



如上图所示 选择数据来源为“自定义HTML”  

一般第三方系统的数据调用都会有输出JS格式的 我们把第三方程序提供的JS代码粘贴进 HTML代码框就可以了

如下图所示   


                               
登录/注册后可看大图


完成



五、首页多格或首页四格如何DIY出来

我们以论坛首页为例 (在任何页面都可以) 来制作一个首页四格

首先在论坛首页拖一个 1:1的框架  如下图所示


                               
登录/注册后可看大图



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


                               
登录/注册后可看大图


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


                               
登录/注册后可看大图


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


                               
登录/注册后可看大图



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


                               
登录/注册后可看大图



你可以通过不同的模块样式或者CSS来美化这里   

完成



六、如何修改整个模块的链接样式  比如下图


                               
登录/注册后可看大图



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


                               
登录/注册后可看大图


以上修改针对整个模块

完成



七、如何修改两个模块或两个框架之间的距离  如下图样式


                               
登录/注册后可看大图



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


                               
登录/注册后可看大图


完成后的效果    如下图样式


                               
登录/注册后可看大图


完成





更多关于DIY方面的问题 可以跟贴回复 ,本贴持续更新,将会把大家关心的关于DIY的问题一一解答
回复

使用道具 举报

 

0关注

0粉丝

216帖子

热门图文
热门帖子
排行榜
作者专栏
Copyright   ©2015-2016  TdmhPowered by©Discuz!土墩木华