建站學院(LieHuo.Net)訊 國內一些知名的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);請根據自己的廣告代碼寬度不同來修改。
如果你覺得不好可以不用,請不要罵就行了 。這是我自己的一點經驗,分享給大家,如果有更好的解決辦法請留下代碼。謝謝