怎样用css代码来实现文章画中画的广告成效
发布时间：2022-06-16 11:07:05 所属栏目：优化 来源：互联网
导读：很多人看完之后，需要三面文字的方法，可以有效提高点击率。代码： 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:真)；请根据自己的广告码宽度进行修改。 （编辑：开发网_开封站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
浙公网安备 33038102330459号