您当前位置：首页 > php开源 > DedeCMS > dedecms:内容页广告画中画(文字三面环绕)

dedecms:内容页广告画中画(文字三面环绕)

来源：程序员人生发布时间：2013-12-01 06:19:33 阅读次数：2553次

　　建站学院(LieHuo.Net)讯国内一些知名的cms在新版本中设计了内容画中画广告的功能，Dedecms并没有设计画中画的功能，但是在论坛看了很多人都需要三面文字环绕的方法，因为这样能够有效增加广告点击率，于是拿出来给大家分享，当然这个方法适用于其他CMS。

<div id="content">
<div class="blank">
</div>
<div class="ad">
</div>{dede:field name='body'/}</div>

以下为引用的内容：

#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: expression(this.width > 285 ? 285: true);请根据自己的广告代码宽度不同来修改。

　　如果你觉得不好可以不用，请不要骂就行了。这是我自己的一点经验，分享给大家，如果有更好的解决办法请留下代码。谢谢

生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生

------分隔线----------------------------

上一篇 WordPress,你未必知道的实用配置技巧

下一篇 php 获取 radio多选项值代码

分享到:

------分隔线----------------------------

为码而活

积分：4237

15粉丝

7关注

栏目热点