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

首页 » 主题模板 » 正文

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

图片自己设计在/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*/
/*晨风资源网  www.chenfengwl.con*/
.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上小图标特效

标签:

未经允许不得转载:作者:admin晨风, 转载或复制请以 超链接形式 并注明出处 晨风资源网
原文地址:《ripro网站幻灯片banner上小图标特效》 发布于2020-05-13

赞(0) 打赏 生成海报

评论 抢沙发

评论前必须登录!

  注册



长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

百度网盘超级会员 (正规官方会员,非破解)
切换注册

登录

忘记密码 ?

切换登录

注册