产品项目 第54页
WordPress网站文章添加版权声明的教程
在子比主题设置—>文章&列表—>文章页–->版权提示内容处添加以下代码： <div> <!--网站声明代码start--> <div> <fieldset style=' border: 1px dashed #008cff; padd...
WordPress网站顶部添加彩色进度条的代码教程
CSS代码： /*进度条加载显示*/ #percentageCounter{position:fixed; left:0; top:0; height:3px; z-index:99999; background-image: linear-gradient(to right, #339933,#FF6666);border-radius...
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网站子比主题长文章分页按钮美化教程
wordpress自带的分页按钮是比较丑的很突兀，经过一段下面的 CSS 代码优化之后会变得更加美观。 子比主题添加路径：网站管理后台-–》子比主题设置—》自定义代码—》自定义 CSS 样式，把下面的 ...
WordPress美化文章内图片鼠标移动到图片外边框自动发光教程
1、很多时候网页背景也是白的，图片整体也是白色的，有的时候用户不好区分，这是图片还是网页，图片弄个外边框就好区分了，当然图片是鼠标移动到图片上才会显示边框。 2、 网站管理后台—》子比...
WordPress网站侧边栏添加新年倒计时小工具
在后台—》外观—》小工具—》自定义 HTML—》 选择需要放的位置，建议放在 首页-首页侧边栏 <div class='gn_box'> <h2><center><font color=#E80017>2</font><font color=#D...
子比主题网站右下角悬浮按钮美化
这个功能适用于喜欢一些二次元的朋友。 使用教程： 1.子比主题设置—>自定义代码—>自定义 CSS 样式：,添加以下 CSS 代码： 2.在代码 28 行 background: url(）括号内填写需要显示的图片链接。 ...
30天热读
标签云