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

发布时间：2022-06-15 12:49 所属栏目：21 来源：互联网

导读：很多人看完之后，需要三面文字的方法，可以有效提高点击率。代码： Copy codediv id=contentdiv class=blank!--设定空白层。1px宽--/divdiv class=ad!--你的广告代码，我的广告位ggad 336x280矩形--/div!--文章内容--{dede:field name=body/}/div 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:真)；请根据自己的广告码宽度进行修改。

（编辑：ASP站长网）