校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

主頁 > 網站建設 > 建站知識 > dedecms:內容頁廣告畫中畫(文字三面環(huán)繞)

dedecms:內容頁廣告畫中畫(文字三面環(huán)繞)

POST TIME:2021-05-23 02:04

國內一些知名的cms在新版本中設計了內容畫中畫廣告的功能,Dedecms并沒有設計畫中畫的功能,但是在論壇看了很多人都需要三面文字環(huán)繞的方法,因為這樣能夠有效增加廣告點擊率,于是拿出來給大家分享,當然這個方法適用于其他CMS。

 

<div id="content">
<div class="blank"><!--設定空白層。1px寬-->
</div>
<div class="ad">
<!--你的廣告代碼,我的廣告位ggad 336x280矩形--></div><!--文章內容-->{dede:field name='body'/}</div>

 

以下為引用的內容:

#content{
 width:638px;//廣告區(qū)域寬度
 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);請根據自己的廣告代碼寬度不同來修改。

  如果你覺得不好可以不用,請不要罵就行了 。這是我自己的一點經驗,分享給大家,如果有更好的解決辦法請留下代碼。謝謝



收縮
  • 微信客服
  • 微信二維碼
  • 電話咨詢

  • 400-1100-266
主站蜘蛛池模板: 丹巴县| 睢宁县| 荥阳市| 绩溪县| 岳池县| 泗洪县| 桦川县| 花莲县| 孟村| 镇赉县| 平安县| 锡林郭勒盟| 嘉义县| 靖远县| 利津县| 河津市| 河曲县| 高陵县| 新沂市| 荆州市| 陆川县| 台江县| 龙游县| 西峡县| 金昌市| 黔东| 海林市| 仙居县| 夏河县| 北川| 南投县| 上杭县| 张北县| 隆化县| 临邑县| 旬邑县| 东辽县| 绥滨县| 九龙坡区| 龙胜| 柞水县|