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