·设为首页收藏本站📧邮箱修改🎁免费下载专区🔐设置/修改密码👽群雄群聊
返回列表 发布新帖

[模板风格修改] 木木CMS-超级门户 DIY使用详解

626 0
发表于 2020-7-16 20:42:01 | 显示全部楼层 阅读模式

马上注册,免费下载更多dz插件网资源。

您需要 登录 才可以下载或查看,没有账号?立即注册

×
今天为大家讲解一下 在使用DIY过程中的一些技巧与方法

仔细阅读,受益匪浅




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

木木CMS-超级门户 DIY使用详解 木木,超级,门户,使用,详解
方法:

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

木木CMS-超级门户 DIY使用详解 木木,超级,门户,使用,详解


之后点击标题

木木CMS-超级门户 DIY使用详解 木木,超级,门户,使用,详解

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

木木CMS-超级门户 DIY使用详解 木木,超级,门户,使用,详解

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

木木CMS-超级门户 DIY使用详解 木木,超级,门户,使用,详解


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



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

木木CMS-超级门户 DIY使用详解 木木,超级,门户,使用,详解

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

木木CMS-超级门户 DIY使用详解 木木,超级,门户,使用,详解

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

木木CMS-超级门户 DIY使用详解 木木,超级,门户,使用,详解

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

木木CMS-超级门户 DIY使用详解 木木,超级,门户,使用,详解
完成



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

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

木木CMS-超级门户 DIY使用详解 木木,超级,门户,使用,详解


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

木木CMS-超级门户 DIY使用详解 木木,超级,门户,使用,详解


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

木木CMS-超级门户 DIY使用详解 木木,超级,门户,使用,详解


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

完成



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

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

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

木木CMS-超级门户 DIY使用详解 木木,超级,门户,使用,详解


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

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

如下图所示   

木木CMS-超级门户 DIY使用详解 木木,超级,门户,使用,详解

完成



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

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

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

木木CMS-超级门户 DIY使用详解 木木,超级,门户,使用,详解


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

木木CMS-超级门户 DIY使用详解 木木,超级,门户,使用,详解

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

木木CMS-超级门户 DIY使用详解 木木,超级,门户,使用,详解

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

木木CMS-超级门户 DIY使用详解 木木,超级,门户,使用,详解


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

木木CMS-超级门户 DIY使用详解 木木,超级,门户,使用,详解


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

完成



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

木木CMS-超级门户 DIY使用详解 木木,超级,门户,使用,详解


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

木木CMS-超级门户 DIY使用详解 木木,超级,门户,使用,详解

以上修改针对整个模块

完成



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

木木CMS-超级门户 DIY使用详解 木木,超级,门户,使用,详解


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

木木CMS-超级门户 DIY使用详解 木木,超级,门户,使用,详解

完成后的效果    如下图样式

木木CMS-超级门户 DIY使用详解 木木,超级,门户,使用,详解

完成

以上效果并非针对我们的超级门户,具体方法都是一样,可以借鉴学习,根据教程了解DIY的具体使用方法
我要说一句 收起回复
一花一世界,一叶一追寻。一曲一场叹,一生为一人。

回复

 懒得打字嘛,点击右侧快捷回复【查看最新发布】   【应用商城享更多资源】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

投诉/建议联系

discuzaddons@vip.qq.com

未经授权禁止转载,复制和建立镜像,
如有违反,按照公告处理!!!
  • 联系QQ客服
  • 添加微信客服

联系DZ插件网微信客服|最近更新|Archiver|手机版|小黑屋|DZ插件网! ( 鄂ICP备20010621号-1 )|网站地图

您的IP:52.14.130.13,171.214.23.53,GMT+8, 2024-4-25 22:45 , Processed in 0.372684 second(s), 69 queries , Gzip On, Redis On.

Based on Discuz! W1.0 Licensed

© 2001-2024 Discuz! Team.

关灯 在本版发帖
扫一扫添加微信客服
QQ客服返回顶部
快速回复 返回顶部 返回列表