排序
WordPress网站添加复制提示框的教程
样式一、 //复制提示 document.body.oncopy = function(){Swal.fire({allowOutsideClick:false,type:'success',title: '复制成功,如转载请注明出处！',showConfirmButton: false,timer: 2000});...
WordPress首页文章列表浮出的代码教程
CSS代码： /*列表依次进入*/ posts{display: none}.fadeIn{display: block; animation: fadeIn 3s;}@keyframes fadeIn{0%{opacity: 0; transform: translate3d(0, 50px, 0);} 100%{opacity: 1; ...
WordPress网站首页主内容上方添加跑马灯公告小工具的教程
网站后台—>外观—>小工具—>自定义HTML，然后添加到合适位置即可。 <!--跑马灯公告--> <style> #nr{font-size:20px; margin: 0; background: -webkit-linear-gradient(left, #ffffff, #f...
WordPress设置网站动态标题的教程
我们经常逛别人的网站，有些网站当我们离开该页面浏览其它页面的时候，我们在离开的页面上面会看到比如本站的“你别走吖 Σ(っ °Д °;)っ”这样的字样，当我们点回来的时候页面上面会看到“(/...
WordPress添加侧边彩色滚动条的代码
WordPress默认的浏览器侧边栏滚动条是非常丑陋的，当然，有些WordPress主题是自带美化的侧边滚动栏不需要我们自己去美化，有些WordPress主题是没有美化侧边滚动栏的，那么这时就需要我们去美化...
WordPress网站点击彩色效果的代码教程
理论上支持大部分网站，Worderss主题一般都在后台主题设置里的自定义JS代码里添加，其它大同小异。 这一个很简单的网站点击彩色的效果，采用js来实现的，首先创建JS文件，复制下面的代码，粘贴...
WordPress子比主题首页文章点击更多按钮样式美化的教程
WordPress子比主题首页文章点击更多按钮样式美化的方法： CSS代码添加到后台子比主题设置—>自定义代码—>自定义CSS样式 CSS代码： /点击更多/ .theme-pagination .ajax-next a, .theme-paginat...
WordPress添加好看图形动态背景图
WordPress网站添加一个好看图形动态背景图，样式非常好看，使用简单，CSS代码即可解决的背景美化。 .body { background-image: url('图片地址');/**这里改为自己的图片地址**/ background-posit...
WordPress子比主题文章卡片美化教程
教程简介： 子比主题文章卡片美化，我发现是在卡片代码内插入html代码配合css实现的，增加这三个点的代码，可以使用before来实现这个效果。 代码如下： .posts-item.card::before { content: ''...
WordPress首页文章列表悬停上浮开始
自定义 CSS 代码： /*首页文章列表悬停上浮开始*/ @media screen and (min-width: 980px){.tab-content .posts-item:not(article){transition: all 0.3s;}.tab-content .posts-item:not(article...
子比主题用户头像呼吸光环+鼠标悬停旋转放大
自定义css代码： /*头像呼吸光环和鼠标悬停旋转放大开始*/ .avatar{border-radius: 50%; animation: light 4s ease-in-out infinite; transition: 0.5s;}.avatar:hover{transform: scale(1.15) ...
WordPress导航栏标题字体加粗
添加到自定 CSS 代码： /*导航栏字体加粗开始*/ ul.nav {font-weight: 700;} /*导航栏字体加粗结束*/ 效果如下：
