请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册

QQ登录

只需一步,快速开始

豪~豪 悬赏达人认证 活字格认证

银牌会员

87

主题

1220

帖子

3193

积分

银牌会员

积分
3193

时代开发者征文活动活字格高级认证悬赏达人圣诞拼拼乐活字格认证

QQ
豪~豪 悬赏达人认证 活字格认证
银牌会员   /  发表于:2021-10-27 08:25  /   查看:3242  /  回复:10
1金币
本帖最后由 David.Zhong 于 2021-10-28 13:39 编辑


灰色背景图也是色块,这个是怎么实现这种边框效果的呢
附件: 您需要 登录 才可以下载或查看,没有帐号?立即注册

最佳答案

查看完整内容

8.0可参考这个帖子~ 活字格8.0新功能解密:六、颜值提升 - 图文列表样式提升 https://gcdn.grapecity.com.cn/forum.php?mod=viewthread&tid=141048&fromuid=63496 (出处: 葡萄城产品技术社区) 8.0之前的实现方案: 大佬,这是用css做的哈~ 1.在设置中添加css文件, 2.给图文列表设置css类名customRepeater, 3.给图文列表模块中设置一块背景图片,背景图片的大小就是边框的大小, 运行效果: 工程文件(需 ...

10 个回复

倒序浏览
最佳答案
最佳答案
David.Zhong讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于:2021-10-27 08:25:36
来自 2#
本帖最后由 David.Zhong 于 2022-8-8 11:44 编辑

8.0可参考这个帖子~
活字格8.0新功能解密:六、颜值提升 - 图文列表样式提升
https://gcdn.grapecity.com.cn/fo ... 8&fromuid=63496
(出处: 葡萄城产品技术社区)




8.0之前的实现方案:
大佬,这是用css做的哈~
1.在设置中添加css文件,
  1. .customRepeater .repeater-item * {
  2.     cursor: pointer;
  3. }

  4. /* 老版本 */
  5. /* .customRepeater .repeater-item:hover > div[fgc-gui="isBgImg"] {
  6.     border: #A9E2FF solid 2px;
  7. } */
  8.    
  9. /* 7.1版本 */
  10. .customRepeater .repeater-item:hover > div[fgc-gui-bgname] > div {
  11.     border: #A9E2FF solid 2px;
  12. }
复制代码

2.给图文列表设置css类名customRepeater,

3.给图文列表模块中设置一块背景图片,背景图片的大小就是边框的大小,

运行效果:

工程文件(需最新版本设计器打开哟,老版本的话按照教程改一下css就好啦~):


本帖子中包含更多资源

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

x

评分

参与人数 1满意度 +5 收起 理由
sz_xd + 5

查看全部评分

回复 使用道具 举报
豪~豪悬赏达人认证 活字格认证
银牌会员   /  发表于:2021-10-28 08:53:26
3#
David.Zhong 发表于 2021-10-27 18:22
大佬,这是用css做的哈~
1.在设置中添加css文件,

谢谢大佬
回复 使用道具 举报
豪~豪悬赏达人认证 活字格认证
银牌会员   /  发表于:2021-10-28 09:09:20
4#
David.Zhong 发表于 2021-10-27 08:25
大佬,这是用css做的哈~
1.在设置中添加css文件,

大佬版本太高了有沒有7.0.3的
回复 使用道具 举报
David.Zhong讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于:2021-10-28 09:24:51
5#
豪~豪 发表于 2021-10-28 09:09
大佬版本太高了有沒有7.0.3的

建议大佬升级最新版本使用哈,或者按照步骤设置一下~
回复 使用道具 举报
豪~豪悬赏达人认证 活字格认证
银牌会员   /  发表于:2021-10-28 09:34:52
6#
David.Zhong 发表于 2021-10-28 09:24
建议大佬升级最新版本使用哈,或者按照步骤设置一下~

低版本用不了吗
回复 使用道具 举报
David.Zhong讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于:2021-10-28 09:57:10
7#
本帖最后由 David.Zhong 于 2021-10-28 10:12 编辑

低版本使用不同的css就好了。又专门帮大佬上传了一个7.0.3.0的工程。

本帖子中包含更多资源

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

x

评分

参与人数 1满意度 +5 收起 理由
豪~豪 + 5

查看全部评分

回复 使用道具 举报
豪~豪悬赏达人认证 活字格认证
银牌会员   /  发表于:2021-10-28 10:24:29
8#
David.Zhong 发表于 2021-10-28 09:57
低版本使用不同的css就好了。又专门帮大佬上传了一个7.0.3.0的工程。

感谢大佬
回复 使用道具 举报
David.Zhong讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于:2021-10-28 10:26:10
9#

感谢大佬支持,大佬客气了~
回复 使用道具 举报
sz_xd
金牌服务用户   /  发表于:2021-11-21 19:22:14
10#
David.Zhong 发表于 2021-10-27 08:25
大佬,这是用css做的哈~
1.在设置中添加css文件,
2.给图文列表设置css类名customRepeater,

学习了,感谢分享,谢谢!
回复 使用道具 举报
12下一页
您需要登录后才可以回帖 登录 | 立即注册
返回顶部