-
[7B2主题美化]给网格和卡片模式文章添加一个鼠标触碰到的动态效果
效果演示:(图片有点模糊,具体效果可以查看本站的网格模式文章。) 在使用7B2主题时,网格模式展示的文章列表可以通过简单的CSS效果为用户提供更丰富的互动体验。 本教程教你如何为网格模式下的文章添加鼠标悬停时的动态效果,让网站更加生动活泼,提升用户体验。 通过这个方法,你可以让文章在鼠标经过时展现出动画效果,吸引用户的注意,增强页面的互动性与美观度。 修改教程 修改完成后,请按下CTRL+F5强制…...- 惦记°
- 0
- 0
- 15
-
[7B2主题美化]首页动态搜索模块(超级改良版)
模块效果样式: 具体效果可以在电脑端看我的网站主页:https://js.vmccc.com/ 2025年1月3日更新:用户点击了某个搜索选项后,刷新浏览器后依然能够记住用户的选择。例如:我选择了百度后,刷新浏览器后选项仍然显示百度;选择了必应后,刷新后仍然保持在必应选项。 食用方法 第一步:在后台>>B2主题设置>>常规设置>>头部HTML标签 添加代码: 最…...- 惦记°
- 0
- 0
- 78
-
[7B2主题美化]底部小工具字添加一个扫过效果
具体效果可以看本站PC端页面底部 · 使用 WordPress 主题 7B2 很多小伙伴希望通过自定义美化效果来增强网站的视觉吸引力和用户体验。在这个教程中,我将演示如何为 7B2 主题的底部小工具文字添加一个扫光效果。 ·这个效果不仅让文字更具活力,还为用户提供了独特的动态视觉体验。借助简洁的 CSS 和 HTML 代码,可以轻松实现这给效果,为网站增添一份独特的视觉亮点。 2025年…...- 惦记°
- 0
- 0
- 64
-
[7B2主题美化]调整一级导航栏和二级导航栏大小显示
默认样式: 修改后样式: 修改前后对比非常直观。修改前,字体和二级导航的分类图标显得较小,不够醒目;而修改后,整体看起来清晰许多,视觉效果更加大气美观。 修改方法 其实操作很简单,只需要调整主题的CSS样式文件!接下来我会详细讲解如何找到并修改CSS文件的位置。 过程中的px表示显示大小,可以根据自己的需求灵活调整为合适的参数。...- 惦记°
- 0
- 0
- 16
-
[7B2主题美化]在导航链接页面加个搜索模块
导航栏搜索功能介绍: 为了提升用户体验,导航栏新增了便捷的搜索功能,帮助用户快速找到所需内容。不管是查找各大搜索引擎、资源还是工具,搜索框都能为您提供快速的搜索。 还有!!为了更更更进一步优化用户使用体验,导航栏还具备了记忆功能。当用户选择了某个选项(如“百度”),即使刷新页面,浏览器也会记住用户的选择,始终保持在当前选中的选项上,让您无需重复操作。导航导航怎么能没有搜索功能呢你说是吧!哈哈~ 具…...- 惦记°
- 0
- 0
- 18
-
[7B2主题美化]高亮代码显示框修改样式
7B2 主题中的高亮代码框添加个性化样式。通过简单的 CSS 调整,你可以为代码块赋予独特的视觉效果,增强代码展示的可读性与美感,让它在页面中更具吸引力和现代感。 默认样式: 美化后的样式: 修改方法 代码如下👇,把代码加入到主题的style.css文件里面保存即可~ 如果你不想要高亮代码框下面那个滑动模块可以看看这篇文章: 在高亮代码框左上角添加一个一键复制按钮功能:...- 惦记°
- 0
- 0
- 59
-
[7B2主题美化]修改文章表格的样式
美化后的样式: CSS代码改动说明: 边框和背景色: 添加了浅灰色的边框,并且表头和偶数行的背景色做了区分,使表格看起来更加清晰。 字体和间距: 字体大小设为14px,保证易读性;单元格的内边距也略微调整,使内容更加居中。 表头样式: 表头背景色设置为浅灰色,并加粗字体,增强视觉层次感。 鼠标悬停效果: 给表格行添加了 hover 效果,鼠标悬停时会改变背景色,使用户交互时更加直观。 移除左右边框…...- 惦记°
- 0
- 0
- 30
-
[7B2主题美化]在分类或者标签页面加个好看模块
“分类” - “标签”页面效果: 简介 为了提升用户体验和页面的视觉效果,我在7B2主题的分类和标签页面中添加了一个精美的模块。 这个模块会根据页面类型自动识别,并在页面前面显示“分类”或“标签”字样,还有当前位置!帮助用户快速区分当前所在的内容类型。 不仅这样,这个模块的设计简洁大方,能有效提升页面的整体美观性和用户浏览的舒适度,让您的网站更加引人注目。 具体效果可以看看我网站的这两个链接: 分…...- 惦记°
- 0
- 0
- 17
-
[7B2主题美化]给文章图片加上圆角效果
这篇文章向你展示如何为WordPress程序 7B2 主题中的文章图片添加圆角效果。通过简单的 CSS 样式调整,你可以轻松地为图片添加柔和的圆角,使页面看起来更加现代和精致,从而提升整体的视觉效果和用户体验。 默认效果: 修改后效果: 修改方法 这个方法按理说对其他主题也有效果,找准文章的CSS文件加上代码就行...- 惦记°
- 0
- 0
- 31