关注分享主机优惠活动
国内外VPS云服务器

B2美化-文章内页创意广告

B2美化-文章内页创意广告-主机频道

附件放在网站的根目录下。

将代码放在B2-模块管理-第4页内的文章+文章顶部或底部的广告空间& ltdiv class="img-info " >!& ltdiv class="info " >也想来这里吗?& lta rel = " no follow no opener no referrer " href = " http://wpa . QQ . com/msgrd?v = 3 & ampamp你的& ampsite = qq & ampampmenu = yes " rel = " external no follow " target = " _ blank " >联系我们

@ charset " ut F-8 ";/*Npcink版本:1.0整理:即时码站帮助:https://www.jike1995.com */*定位*/。n _ banner _ inner { position:relative;}/*提示信息*/。n _ banner _ inner . img -info { position:absolute;右:12pxtop:9px;填充:0;text -align:right;颜色:# fff}.n _ banner _ inner . img -info I { position:relative;显示:inline -block;颜色:# 007bfffont -大小:20pxline -高度:19pxtext-align:居中;Z-指数:9;font-style:继承;}.n_banner_inner .img-info。信息{位置:绝对;底部:5px右:0;宽度:0;填充:5px 0;溢出:隐藏;背景:# 007bffborder -半径:10pxline -高度:10pxtext-align:居中;font -size:10px;颜色:# fffwhite -space:nowrap;-webkit-transition:全部0.2s三次-贝塞尔(0,0.34,0.71,1.26)!重要;-moz -过渡:全部0.2s三次-贝塞尔(0,0.34,0.71,1.26)!重要;-ms-过渡:全部0.2s三次-贝塞尔(0,0.34,0.71,1.26)!重要;-O-过渡:全部0.2s三次-贝塞尔(0,0.34,0.71,1.26)!重要;转场:全是0.2s三次-贝塞尔(0,0.34,0.71,1.26)!重要;}.n_banner_inner .img-info。info a { color:# fff;}.内旗。tirr { max -宽度:100%;高度:自动;过渡:0.5sborder -半径:5px}/*触发悬停*/。n _ banner _ inner:hover . info { width:auto;填充:5px 23px 5px 12px-webkit-transition:全部0.2s三次-贝塞尔(0,0.34,0.71,1.26)!重要;-moz -过渡:全部0.2s三次-贝塞尔(0,0.34,0.71,1.26)!重要;-ms-过渡:全部0.2s三次-贝塞尔(0,0.34,0.71,1.26)!重要;-O-过渡:全部0.2s三次-贝塞尔(0,0.34,0.71,1.26)!重要;转场:全是0.2s三次-贝塞尔(0,0.34,0.71,1.26)!重要;font -size:12px;Z-指数:1;}.n_banner_inner img:hover {滤镜:亮度(50%);}/*触发器语句悬停*/。n _ banner _ inner . info:hover a { color:red;text -装修:无;}/*左下角的广告*/。n _ banner _ inner . banner -adtag { position:absolute;左:5px底部:5px宽度:50px边框:1px solid # ebebebborder -半径:3px颜色:# ebebeb不透明度:0.5;font -size:12px;line -高度:20pxtext-align:居中;} @媒体屏幕和(max-width: 768px) {。n _ banner _ inner . img -info { display:none;}}

未经允许不得转载:主机频道 » B2美化-文章内页创意广告

评论 抢沙发

评论前必须登录!