加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > CMS系统 > Dedecms > 正文

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

发布时间:2020-12-14 04:06:38 所属栏目:Dedecms 来源:网络整理
导读:国内一些知名的cms在新版本中设计了内容画中画广告的功能,Dedecms并没有设计画中画的功能,但是在论坛看了很多人都需要三面文字环绕的方法,因为这样能够有效增加广告点击率,于是拿出来给大家分享,当然这个方法适用于其他CMS。 ? ? 以下为引用的内容:#co

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

?

?

以下为引用的内容:

#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);请根据自己的广告代码宽度不同来修改。

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读