日Pro主题幻灯片banner图上小图标特效

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

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

/*.toptu换成你自己的banner最大div的class*//*晨风资源网 www.chenfengwl.con*/.toptu.banner-tip{

position:relative;

/* width: 1680px; */

height:63px;

margin:auto;

float:right;

z-index:9;}/*.toptu换成你自己的banner最大div的class*/.toptu.banner-tip a{

display:block;

position:absolute;

margin-right:118px;

top:;

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;}

效果:

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20200802A0GW3H00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券