您现在的位置是:网站首页>建站学院织梦CMS
dedecms:内容页广告画中画(文字三面环绕)
2019-07-21来源: 【织梦CMS】 人已围观
简介 国内一些知名的cms在新版本中设计了内容画中画广告的功能,Dedecms并没有设计画中画的功能,但是在论坛看了很多人都需要三面文字环绕的方法,因为这样能够有效增加广告点击率,于是拿
国内一些知名的cms在新版本中设计了内容画中画广告的功能,Dedecms并没有设计画中画的功能,但是在论坛看了很多人都需要三面文字环绕的方法,因为这样能够有效增加广告点击率,于是拿出来给大家分享,当然这个方法适用于其他CMS。
<div id="content"><div class="blank"><!--设定空白层。1px宽--></div><div class="ad"><!--你的广告代码,我的广告位ggad 336x280矩形--></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);请根据自己的广告代码宽度不同来修改。
如果你觉得不好可以不用,请不要骂就行了 。这是我自己的一点经验,分享给大家,如果有更好的解决办法请留下代码。谢谢
很赞哦! ()
下一篇:dedecms:如何获取分页标题
猜您喜欢
相关文章
付费说明
1、安装cms后台,费用是200,基础费用200包括后台调试以及部分页面模板修改.
2、请加我个人微信 634626966,或者扫一扫微信二维码。备注“网站”
3、系统安装只限定于帝国cms,并且支持php,虚拟主机,请选择linux系统
4、【收费说明】制作企业网站,我是这么收费的!