织梦cms如何实现内容页广告画中画(文字三面环绕

492 ℃

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

<div id="content">
<div class="blank"><!–设定空白层。1px宽–>
</div>
<div class="ad">
<!–你的广告代码,我的广告位ggad 336×280矩形–></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);请根据自己的广告代码宽度不同来修改。

织梦CMS如何屏蔽搜索引擎识别

织梦cms提交文章后自动推送到百度站长平台

织梦cms如何修改15秒后再下载的功能

织梦cms新增文章tag标签过长被截断解决方法

织梦cms模板分页列表显示前面和最后,中间用省略号

标签: 织梦cms

上面是“织梦cms如何实现内容页广告画中画(文字三面环绕”的全面内容,想了解更多关于 织梦cms 内容,请继续关注web建站教程。

当前网址:https://m.ipkd.cn/webs_701.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

wordpress无法调用the_content解决方法
php利用微信小程序实现pdf文件的预览功能
利用纯css3做一个风车动画效果
php语法如何将数组转为十六进制代码
uniapp关于checkbox的运用,获取选中数据