riprov2角标|文章缩略图自定义角标优化版本
工具视频教程

教程riprov2角标|文章缩略图自定义角标优化版本

一、将以下代码复制到ripro-v2/ accets/app.css底部 .badge-pill{ /*background-color: rgba(0,0,0,0.4);*/ font-style: normal; /*color: #fff;*/ /*font-size: 5px;*/ /*height: 25px;*/ right: 0px; /*line-height: 25px;*/ position: absolute; /*text-align: center;*/ top: 0px; /*width: 50px;*/ } .demo{ background-color: rgba(0,0,0,0.4); color: #fff; font-size: 5px; height: 25px; right: 0px; line-height: 25px; position: absolute; text-align: center; top: 0px; width:...
Riprov2美化教学-喜庆的节日灯笼
视频教程视频教程

教程Riprov2美化教学-喜庆的节日灯笼

效果展示 教程开始 一、复制代码到主题根目录下的footer.php的</body>前保存即可。 <!--开始包裹我--> <!-- 灯笼1 --> <div class="deng-box"> <div class="deng"> <div class="xian"></div> <div class="deng-a"> <div class="deng-b"><div class="deng-t">秋</div></div> </div> <div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div> </div> </div> <!-- 灯笼2 --> <div class="deng-box1"> <div class="deng"> <div class="xian"></div> <div class="deng-a"> <div class="deng-b"><div class="deng-t">中</div></div> </div> <div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div>...
Riprov2美化教学-爱心特效
视频教程视频教程

教程Riprov2美化教学-爱心特效

效果展示 一、直接显示代码 1.新建js文件,将以下内容添加在js文件中 (function(window,document,undefined){ var hearts = []; window.requestAnimationFrame = (function(){ return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function (callback){ setTimeout(callback,1000/60); } })(); init(); function init(){ css(".heart{width: 10px;height: 10px;position: fixed;background: #f00;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}.heart:after,.heart:before{content: '';width: inherit;height: inherit;background: inherit;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;position: absolute;}.heart:after{top:...