当前位置:首页 > SEO资讯 > SEO排名资讯 >

怎样用css代码来实现文章画中画的广告效果

发布时间:2021-07-14 16:16 | 浏览次数:次 | 作者:王牌SEO公司小编 | 来源:原创
怎样用css代码来实现文章画中画的广告效果

很多人看完之后,需要三面文字的方法,可以有效提高点击率。代码:

Copy codediv id="content"div class="blank"!--设定空白层。1px宽--/divdiv class="ad"!--你的广告代码,我的广告位ggad 336x280矩形--/div!--文章内容--{dede:field name='body'/}/div
css代码:
Copy code#content{width:638px;//广告区域宽度overflow:hidden; //与实现画中画无关的代码margin:10px auto;//与实现画中画无关的代码font-size:14px;//与实现画中画无关的代码}#content p{padding:6px 0px;//与实现画中画无关的代码text-indent:2em; //与实现画中画无关的代码 line-height:1.8em;//与实现画中画无关的代码color:#000000;//与实现画中画无关的代码}#content p img{width: expression(this.width 285 ? 285: true); //图片最大款图不超过285px;请根据广告代码所占宽度自己修改,消除ie6 ie5.5 ie5不能解析max-width属性的bug。max-width: 280px;//图片最大款图不超过285px;请根据广告代码所占宽度自己修改 。float:left;//图片有浮动,请根据广告代码浮动方向修改margin-right:5px;}.blank{float:right;height:92px;width:1px;clear:both;}.ad{float:right;margin-top:22px;margin-right:5px;clear:both;}
解释:以上代码实现了ggad不会屏蔽图片。这句话是width :表达式(这个。宽度285?285:真);请根据自己的广告码宽度进行修改。

 

 

本文由王牌SEO公司原创,转载本文请附带本文链接:http://www.jinuoseo.com/wzjsnews/1297.html 标明:转自【王牌SEO公司】