·设为首页收藏本站📧邮箱修改🎁免费下载专区💎积分✅卡密📒收藏夹👽聊天室
12下一页
返回列表 发布新帖

【可可】资源素材库下载中心插件PC端辅助样式全局样式首页辅助样式列表页辅助样式素材内容页辅助样式等UI美化分享

636 16
发表于 2024-2-5 14:24:12 | 查看全部 阅读模式 | Google Chrome| Windows 10

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

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

×
可可】资源素材库下载中心插件PC端辅助样式全局样式首页辅助样式列表页辅助样式素材内容页辅助样式等UI美化分享:
参考效果:https://down.dz-x.net/
图示:(还有更多美化空间,期待各位建站站长跟帖分享~)
【可可】资源素材库下载中心插件PC端辅助样式全局样式首页辅助样式列表页辅助样式素材内容页辅助样式等UI美化分享 可可,素材,下载,文库,文档

细节一:分类文字流光溢彩彩色文字效果:
细节二:标题颜色效果:
细节三:翻页效果
细节四:搜索框效果
细节五:搜索框输入文字效果
……
更多参考来自优秀站长案例库的运营站点提供:https://www.dz-x.net/web.html#3
下面是实操样式代码:[懒人们请在下面给出的参考样式基础上自由发挥扩展,请不要一味照抄!]
后台 —— 【可可】资源素材库 —— 高级设置  —— PC端辅助样式:
【可可】资源素材库下载中心插件PC端辅助样式全局样式首页辅助样式列表页辅助样式素材内容页辅助样式等UI美化分享 可可,素材,下载,文库,文档

全局样式分享:

游客,如果您要查看本帖隐藏内容请回复

首页辅助样式分享:

游客,如果您要查看本帖隐藏内容请回复

列表页辅助样式分享:
  1. .menu-light .selected a, .order_right {
  2.     background: #f60 !important;
  3. }
  4. .orderbox li.selected a {
  5.     background: #ffe1de !important;
  6.     color: #f60 !important;
  7. }
  8. .pg a, .pg strong, .pgb a, .pg label {
  9.     float: left;
  10.     width: 32px;
  11.     margin-left: 8px;
  12.     padding: 0;
  13.     height: 32px;
  14.     line-height: 32px;
  15.     color: #AAAAAA;
  16.     border: 1px solid #DDDDDD;
  17.     font-size: 14px;
  18.     border-radius: 50%;
  19.     box-shadow: none;
  20.     text-align: center;
  21.     font-family: "Helvetica Neue",Arial,"Hiragino Sans GB","STHeiti","Microsoft Yahei","SimSun","WenQuanYi Micro Hei",sans-serif;
  22.     cursor: pointer;
  23.     overflow: hidden;
  24.     background-color: #FFFFFF;
  25. }
  26. .pg a.nxt {
  27.     color: transparent;
  28.     padding: 0;
  29.     text-indent: -9999px;
  30.     background: url(https://www.kekebang.fun/template/win8mi_19th_picture/src/page2.png) no-repeat center center #FFFFFF;
  31. }
复制代码

素材内容页辅助样式分享:

游客,如果您要查看本帖隐藏内容请回复

软件内容页辅助样式分享:
***付费内容***

用户主页辅助样式分享:
***付费内容***

我的辅助样式分享:
***付费内容***

该教程适用于:
【可可】素材资源库 (keke_down)
https://down.dz-x.net/app-item-1.html

【可可】文档文库 (keke_doc)
https://down.dz-x.net/app-item-76.html

[可可]视频点播直播网校 (keke_video_base)
https://down.dz-x.net/app-item-14.html
付费看帖
剩余 3%% 内容需要支付 0.50元 后可完整阅读
支持付费阅读,激励作者创作更好的作品
已有6人购买阅读
  • 6027
  • 4978
  • 3235
  • 218
  • 6339
  • 6382
我要说一句 收起回复
一花一世界,一叶一追寻。一曲一场叹,一生为一人。
创宇盾启航版免费网站防御网站加速服务

评论16

joqcfjjyLv.2 发表于 2024-2-5 16:35:28 | 查看全部 | Google Chrome | Windows
好好,我学习学习
我要说一句 收起回复
yusr 发表于 2024-2-5 19:16:42 来自手机 | 查看全部 | Google Chrome | RedMi
收藏带走,万一哪天用上了呢
我要说一句 收起回复
惧愁人Lv.8 发表于 2024-2-6 09:33:19 | 查看全部 | Google Chrome | Windows 10
正愁默认样式好丑~
我要说一句 收起回复
机器人GPT-AILv.7 发表于 2024-2-15 20:19:32 | 查看全部
非常感谢您提供的样式分享!根据您提供的代码片段,我会逐个解释每个样式的作用并给出相关的解决方法。

1. 全局样式分享:
- .searchArea-container .search-input 样式用于设置搜索输入框的宽度、高度、边框圆角和背景颜色等。
- .list-title 样式用于设置列表标题的颜色。
- .pg strong, .card, .card .o, div.exfm 样式用于设置分页按钮、卡片和div元素的文本颜色、字体粗细和背景颜色等。

2. 首页辅助样式分享:
- .active .nav-link, .index-topnav-right 样式用于设置导航链接和顶部右侧区域的背景颜色等。
- .nav-link 样式用于设置导航链接的渐变背景色和动画效果。

3. 列表页辅助样式分享:
- .menu-light .selected a, .order_right 样式用于设置选中菜单项和.order_right元素的背景颜色等。
- .orderbox li.selected a 样式用于设置选中订单盒子内的链接的背景颜色和字体颜色等。
- .pg a, .pg strong, .pgb a, .pg label 样式用于设置分页链接和标签的浮动、宽度、边距、颜色等。
- .pg a.nxt 样式用于设置下一页按钮的背景图片。

4. 素材内容页辅助样式分享:
- .btn-right 样式用于设置右浮动按钮的宽度、背景渐变色和文本颜色等。
- .img-info 样式用于设置图片信息区域的边框圆角、内外边距、宽度、边框样式和背景色等。
- .title-detail 样式用于设置标题详情的渐变背景色和动画效果。
- .tagBox .tag-list a 样式用于设置标签列表中的a链接的渐变背景色和动画效果。

5. 软件内容页辅助样式分享:
- 参入度继续分享的样式未提供具体代码,您可以补充完整的样式代码。

6. 用户主页辅助样式分享:
- 参入度继续分享的样式未提供具体代码,您可以补充完整的样式代码。

7. 我的辅助样式分享:
- 参入度继续分享的样式未提供具体代码,您可以补充完整的样式代码。

希望上述解答对您有所帮助,如果您有更多疑问或其他问题,请随时提问。
-- 来源:OpenAI ****GPT
我要说一句 收起回复
fhjrkkxc 发表于 2024-2-18 21:46:53 | 查看全部 | Google Chrome | Windows 10
学习一下
我要说一句 收起回复
回复

使用道具 举报

fhjrkkxc 发表于 2024-2-29 12:28:54 | 查看全部 | Google Chrome | Windows 10
你小子套路可以啊,付费了结果是空的。
我要说一句 收起回复
趣光影Lv.2 发表于 2024-3-23 17:52:08 | 查看全部 | Google Chrome | Windows 10
好好,我学习学习
我要说一句 收起回复
segfnucmLv.2 发表于 2024-4-9 01:16:15 | 查看全部 | Google Chrome | Windows 10
感谢分享,正需要
我要说一句 收起回复
wendaoLv.2 发表于 2024-4-28 21:17:18 | 查看全部 | Firefox | Windows 10
如何设置呀
我要说一句 收起回复
传承国学文化

回复

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

本版积分规则

创宇盾启航版免费网站防御网站加速服务
投诉/建议联系

discuzaddons@vip.qq.com

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

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

您的IP:18.218.108.8,GMT+8, 2024-12-22 10:04 , Processed in 0.250684 second(s), 143 queries , Gzip On, Redis On.

Powered by Discuz! X5.0 Licensed

© 2001-2024 Discuz! Team.

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