• 全国400电话网上服务平台
    强大号码库资源任选,方便,快捷,快速开通。
    咨询热线:400-1100-266  

    dedecms:内容页广告画中画(文字三面环绕)
    POST TIME:2021-05-23 02:04

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

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

    
    关于我们 | 付款方式 | 建站知识 | 增值服务 | 网站模板
    Copyright © 2003-2016
    时间:9:00-21:00 (节假日不休)
    版权所有:巨人网络(扬州)科技有限公司
    总部地址:江苏省信息产业基地11号楼四层
    《增值电信业务经营许可证》 苏B2-20120278
    X

    截屏,微信识别二维码

    微信号:veteran88

    (点击微信号复制,添加好友)

     打开微信

    微信号已复制,请打开微信添加咨询详情!