Css样式

46
0
本站右下角像素鸡
简介网站比较单调，给本站右下角放了个动态像素鸡。使用方法在style.css中放入以下代码。这部分是为了适配B2主题，如果你用的不是B2主题，可以修改相关样式值，自己调整一下显示位置。
14
0
缩略图hover时放大和浮动
代码效果这个代码是用来在网页中实现一些鼠标悬停（hover）效果的，当鼠标移动到文章缩略图区域时，缩略图放大。当鼠标移动到文章区域时，文章向上移动位置，并在底部添加一点阴影。代码展示 # 放到style.css文件中即可 # # 全站thumb-link生效 - 缩略图 hover 放大效果 # .thumb-link { transition: all .4s ease-out; } .t…
9
0
菜单导航底部线条动态效果
代码效果这段代码用于为菜单项添加下划线效果，当鼠标悬停在菜单项上时，下划线的宽度会发生变化。底部线条的具体宽度可自己定义。代码展示
6
0
网站顶部动态跑马灯特效
资源介绍给网站顶部添加一个动态的跑马灯效果，也是N年前的老特效了，不过还是蛮好看的。 Wordpress&B2主题使用方法方法一：将代码放入functions.php中： function horseracelamp() { echo '<style>#top-grrk{background:url(https://i.ibb.co/ZWNJRZq/image.gi…
7
0
一行CSS代码让整站变灰
代码介绍将以下代码添加到网站的CSS文件中并保存，然后刷新页面，整站网页，将会变成灰色。 html { filter: grayscale(100%); -webkit-filter: grayscale(100%); /* 仅保留对 Safari 的支持 */ /* 兼容旧版 IE */ -ms-filter: "progid:DXImageTransform.Microsoft.Ba…
26
0
文章内容高亮样式代码
本文分享了哔哔一二自用的一些文章美化代码，主要是给指定文字内容添加一些样式，以高亮突出重要性。这是一段黑色文字的代码效果这是一段蓝色文字的代码效果这是一段红色文字的代码效果这是一段? 链接文字的代码效果红色提醒框绿色提醒框浅色提醒框紫色提醒框资源介绍文章介绍内容代码使用方法步骤一：在functions.php中添加按钮代码，添加按钮代码的方法自行查看之前发布的文章。相关按钮…
16
0
彩色文字框效果
彩色代码框介绍本文分享几个彩色文字提醒框，这个代码最早我是在云落作者的网站看到的。时隔多年，再次看这个代码，依然感觉不是很落伍。应该是10年前了，如果有老站长应该都知道云落和他的Git主题，虽然也是基于另一个作者的主题修改的，但是Git主题是我正式入坑站长的第一个主题。当时云落整天给衡天服务器打广告，最后我买了感觉不好用，用了两天直接送给云落了。他还给我优化了一下网站，也算是我第一次知道网站还…
17
0
H标签美化
代码介绍如果你觉得网站的H行标签总是很难看，不够突出。可以试试我分享的这个H行标签美化代码，依然是上古美化，但依然不那么落伍 H2代码效果 H3代码效果 H4代码效果 H5代码效果请注意：如果你对行标签使用了隐藏代码等短代码隐藏功能，或导致行标签样式失效。请注意：如果你的主题不是B2主题，需要修改样式中的.entry-content这个样式名。查看方法就是自己发表带有H行标签的文章，然后查看行…
33
0
Enlighter代码高亮插件美化代码
代码介绍如果你也和我一样，使用的代码高亮插件是Enlighter - Customizable Syntax Highlighter那么本站分享的这个美化代码，或许你会喜欢代码修改方法请注意！B2主题需关闭自带的代码高亮功能，开启的话会冲突导致样式无效！位置在B2主题设置的-模块管理-综合最下面 1、首先你需要安装了Enlighter插件 2、在插件的设置中，依次选择Appearance -…