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

ripro网站幻灯片banner上小图标特效-A8资源库免费资源 自行研究,一个简单的样式

图片自己设计在/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*/
/*A8资源库 A8ku.cn*/
.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;
}

 

 

版权声明:原创作品,未经允许不得转载,否则将追究法律责任。
本站资源有的自互联网收集整理,如果侵犯了您的合法权益,请联系本站我们会及时删除。
本站资源仅供研究、学习交流之用,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担。
A8资源库 » ripro网站幻灯片banner上小图标特效

常见问题FAQ

资源解压密码
默认解压密码:“www.a8ku.cn”或“a8ku.cn”
免费下载或者VIP会员专享资源能否直接商用?
本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。

发表评论

Hi, 如果你对这款模板有疑问,可以跟我联系哦!

联系作者
  • 1571会员总数(位)
  • 1282资源总数(个)
  • 0本周发布(个)
  • 0今日发布(个)
  • 1686稳定运行(天)

提供最优质的资源集合

立即查看
开通VIP 享更多特权,建议使用QQ登录