依星源码资源网,依星资源网

 找回密码
 立即注册

QQ登录

只需一步,快速开始

限时开通VIP永久会员,可免费下载所有附件
查看: 33|回复: 0

ripro主题修改-网站幻灯片banner上小图标特效角标特效

[复制链接] |主动推送主动推送

1748

主题

1783

帖子

2513

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
2513
发表于 2024-1-22 15:01:09 | 显示全部楼层 |阅读模式
ripro主题修改-网站幻灯片banner上小图标特效角标特效,一个简单的样式 .
图片自己设计在/wp-content/themes/ripro/parts/home-mode/slider.php或/slider2.php中
找到轮播最大的div 在最大的div内 添加 以下代码 :
  1. <div class="banner-tip"><a href="https://www.a8ku.cn" class="jump" target="_blank"></a></div>
复制代码



将下面的css添加到div.css中
  1. /*.toptu换成你自己的banner最大div的class*/
  2. /*晨风资源网 www.chenfengwl.con*/
  3. .toptu .banner-tip{
  4. position: relative;
  5. /* width: 1680px; */
  6. height: 63px;
  7. margin: 0 auto;
  8. float: right;
  9. z-index: 9;
  10. }
  11. /*.toptu换成你自己的banner最大div的class*/
  12. .toptu .banner-tip a{
  13. display: block;
  14. position: absolute;
  15. margin-right: 118px;
  16. top: 0;
  17. right: 12px;
  18. width: 268px;
  19. height: 63px;
  20. background-image: url(//img.a8ku.cn/2020/03/13/9a40311be08eb.png);
  21. background-repeat: no-repeat;
  22. background-position: center center;
  23. -webkit-background-size: cover;
  24. background-size: cover;
  25. }
复制代码



效果图:
006.png

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

免责声明:
1、转载或引用本网站内容须注明原网址,并标明本网站网址“源码资源网”
2、转载或引用本网站中的署名文章,请按规定向原作者支付稿酬
3、对于不当转载或引用本网站内容而引起的民事纷争、行政处理或其他损失,本网站不承担责任
4、对不遵守本声明或其他违法、恶意使用本网站内容者,本网站保留追究其法律责任的权利
5、资源部分来自网络,不保证资源的完整性,仅供学习研究,如需运营请购买正版,如有侵权请联系客服删除
6、本站所有资源不带技术支持,下载资源请24小时内删除,如用于违法用途,或者商业用途,一律用于者承担
 
在线客服
点击这里给我发消息 点击这里给我发消息 点击这里给我发消息
售前咨询热线
312337667

微信扫一扫,私享最新原创实用干货

QQ|手机版|依星源码资源网 ( 鲁ICP备2021043233号-3 )|网站地图

GMT+8, 2024-2-26 09:15

Powered by Net188.com X3.4

邮箱:312337667@qq.com 客服QQ:312337667(工作时间:9:00~21:00)

快速回复 返回顶部 返回列表