全部标签

Css样式

缩略图hover时放大和浮动

代码效果这个代码是用来在网页中实现一些鼠标悬停（hover）效果的，当鼠标移动到文章缩略图区域时，缩略图放大。当鼠标移动到文章区域时，文章向上移动位置，并在底部添加一点阴影。代码展示 # 放到style.css文件中即可 # # 全站thumb-link生效 - 缩略图 hover 放大效果 # .thumb-link { transition: all .4s ease-out; } .t…
主题美化
- 1
- 0
哔哔一二1月3日
菜单导航底部线条动态效果

代码效果这段代码用于为菜单项添加下划线效果，当鼠标悬停在菜单项上时，下划线的宽度会发生变化。底部线条的具体宽度可自己定义。代码展示 # 放到style.css文件中即可 # /* 为其他菜单添加下划线 */ .ym-menu>ul>li>a::after { content: ''; display: block; /* 将伪元素设置为块级元素，确保它可…
主题美化
- 0
- 0
哔哔一二1月3日
网站顶部动态跑马灯特效

资源介绍给网站顶部添加一个动态的跑马灯效果，也是N年前的老特效了，不过还是蛮好看的。 Wordpress&B2主题使用方法方法一：将代码放入functions.php中： function horseracelamp() { echo '<style>#top-grrk{background:url(https://i.ibb.co/ZWNJRZq/image.gi…
主题美化
- 1
- 0
哔哔一二1月3日
一行CSS代码让整站变灰

代码介绍将以下代码添加到网站的CSS文件中并保存，然后刷新页面，整站网页，将会变成灰色。 html { filter: grayscale(100%); -webkit-filter: grayscale(100%); /* 仅保留对 Safari 的支持 */ /* 兼容旧版 IE */ -ms-filter: "progid:DXImageTransform.Microsoft.Ba…
主题美化
- 1
- 0
哔哔一二1月3日
文章内容高亮样式代码

本文分享了哔哔一二自用的一些文章美化代码，主要是给指定文字内容添加一些样式，以高亮突出重要性。这是一段黑色文字的代码效果这是一段蓝色文字的代码效果这是一段红色文字的代码效果这是一段🔗 链接文字的代码效果红色提醒框绿色提醒框浅色提醒框紫色提醒框资源介绍文章介绍内容代码使用方法步骤一：在functions.php中添加按钮代码，添加按钮代码的方法自行查看之前发布的文章。相关按钮…
主题美化
- 1
- 0
哔哔一二1月3日
彩色文字框效果

彩色代码框介绍本文分享几个彩色文字提醒框，这个代码最早我是在云落作者的网站看到的。时隔多年，再次看这个代码，依然感觉不是很落伍。应该是10年前了，如果有老站长应该都知道云落和他的Git主题，虽然也是基于另一个作者的主题修改的，但是Git主题是我正式入坑站长的第一个主题。当时云落整天给衡天服务器打广告，最后我买了感觉不好用，用了两天直接送给云落了。他还给我优化了一下网站，也算是我第一次知道网站还…
主题美化
- 2
- 0
哔哔一二1月3日
H标签美化

代码介绍如果你觉得网站的H行标签总是很难看，不够突出。可以试试我分享的这个H行标签美化代码，依然是上古美化，但依然不那么落伍 H2代码效果 H3代码效果 H4代码效果 H5代码效果请注意：如果你对行标签使用了隐藏代码等短代码隐藏功能，或导致行标签样式失效。请注意：如果你的主题不是B2主题，需要修改样式中的.entry-content这个样式名。查看方法就是自己发表带有H行标签的文章，然后查看行…
主题美化
- 1
- 0
哔哔一二1月3日
Enlighter代码高亮插件美化代码

代码介绍如果你也和我一样，使用的代码高亮插件是Enlighter - Customizable Syntax Highlighter那么本站分享的这个美化代码，或许你会喜欢代码修改方法 1、首先你需要安装了Enlighter插件 2、在插件的设置中，依次选择Appearance - Theme - Atomic,这么做是为了将站内所有的高亮包裹主题都修改为Atomic。如果你不喜欢这个主题，基本…
主题美化
- 3
- 0
哔哔一二1月3日