ripro网站幻灯片banner上小图标特效

作者 : 小编 本文共703个字,预计阅读时间需要2分钟 发布时间: 2020-05-11 共137人阅读

源码介绍

免费资源 自行研究,一个简单的样式 .

图片自己设计在/wp-content/themes/ripro/parts/home-mode/slider.php或/slider2.php中 找到轮播最大的div 在最大的div内 添加 以下代码 :

 <div class="banner-tip"><a href="https://www.a8ku.cn" class="jump" target="_blank"></a></div>

将下面的css添加到div.css中

/*.toptu换成你自己的banner最大div的class*/
/*囤主题 Tzhuti.com*/
.toptu .banner-tip{
        position: relative;
    /* width: 1680px; */
    height: 63px;
    margin: 0 auto;
    float: right;
    z-index: 9;
}
/*.toptu换成你自己的banner最大div的class*/
.toptu .banner-tip a{
    display: block;
    position: absolute;
    margin-right: 118px;
    top: 0;
    right: 12px;
    width: 268px;
    height: 63px;
    background-image: url(//img.a8ku.cn/2020/03/13/9a40311be08eb.png);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}

源码截图

ripro网站幻灯片banner上小图标特效
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!

3. 不得使用于非法商业用途,特别是游戏类源码仅用于学习研究,不得违反国家法律。否则后果自负!

4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7. 如遇到加密压缩包,默认解压密码为"www.tzhuti.com",具体请看下方【常见问题】如遇到无法解压的请联系管理员!
囤主题-专注帮助小白站长建站、源码导购、整站源码及最新虚拟主题资源分享! » ripro网站幻灯片banner上小图标特效

常见问题FAQ

本站解压密码
评论刷新后即可见解压密码
tzhuti.com
www.tzhuti.com
3128469470
248125469
免费下载或者VIP会员专享资源能否直接商用?
本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
下载后没出现下载地址或下载失败?
请先清楚浏览器缓存再一次下载,如果还是不能下载,请联系客服解决,我们在看到信息后第一时间解决,联系时请说问题。

发表评论