Discuz之全方位讲解DIY制作教程.docVIP

全方位立体式讲解DIY技巧集锦 今天为大家讲解一下 在使用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中TAB框架如果切换点击方式（鼠标点击与鼠标滑过）? ?? ? ? ?? ? 如下图中的效果如何实现 ? ???实现方法：拖一个TAB框架到页面中，点编辑，选择标题 如下图所示 在弹出的窗口中选择切换类型 如下图所示。 你可以根据你的需要选择是点击还是滑过完成 二、在DIY模块中的模块数据中固定是什么意思，如下图 解答： 当勾选固定后 此条数据将不会随着模块属性当中的条件进行更新，也就是说，此条数据将永久不变，除非把勾选去掉 三、如何实现两个模块中间一条竖线的效果，如下图效果 实现方法? ?? ? 选中要操作的DIY模块 选择样式??如下图所示 ? ?? ? 在弹出的层中 ，选择边框的分别设置 ，在边框的“左” 大小 设置为1px，“样式”选择实线，“颜色”选择灰色，如下图所示 这样设置后 我们就能看到一个边线了??这时你会看到内容与边线挤在了一起??如下图所示 接下来我们进行调整内边距改变上图中的样式??同理，打开样式编辑层 选择“内边距” 点分别设置 在“左”中添加10px ? ?调整后如下图所示?? 大家可以根据实际情况调整 内、外边距的大小与边框的设置 ，灵活使用 四、如何将一个文章模块转换为一个帖子模块??? ???比如官方提供的门户及频道都是文章类模块 ，我们如何转换为帖子类? ?? ???编辑模块的属性??把其中的模块分类进行切换??如下图所示 选择帖子模块就可以变换??这里要注意??切换之后，原来