web建站教程
  1. 首页
  2. vuejs
  3. js
  4. 好玩
  5. seo教程
  6. 前端知识
  7. 百度echarts
  8. 更多
    php入门
    nodejs
    mockjs
    reactjs
    mysql
    wordpress
    织梦cms
    帝国cms
    git教程
    IT知识
    模板大全
    休息站

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

491 ℃
           

织梦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://ipkd.cn/webs_701.html

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

当前位置: 网站首页 > 织梦cms
本文共计987个字,预计阅读时长7分钟
生活小工具,收录了80多款小工具
上一篇: 推荐一款免费开源的屏幕录制软件——OBS Studio
下一篇: 推荐一个高质量的图片素材网站——Unsplash
x 打工人ai神器