css實(shí)現(xiàn)文章畫中畫的廣告效果
很多人看完之后,需要三面文字的方法,可以有效提高點(diǎn)擊率。代碼:
Copy codediv id="content"div class="blank"!--設(shè)定空白層。1px寬--/divdiv class="ad"!--你的廣告代碼,我的廣告位ggad 336x280矩形--/div!--文章內(nèi)容--{dede:field name='body'/}/div
css代碼:Copy code#content{width:638px;//廣告區(qū)域?qū)挾萶verflow:hidden; //與實(shí)現(xiàn)畫中畫無關(guān)的代碼margin:10px auto;//與實(shí)現(xiàn)畫中畫無關(guān)的代碼font-size:14px;//與實(shí)現(xiàn)畫中畫無關(guān)的代碼}#content p{padding:6px 0px;//與實(shí)現(xiàn)畫中畫無關(guān)的代碼text-indent:2em; //與實(shí)現(xiàn)畫中畫無關(guān)的代碼 line-height:1.8em;//與實(shí)現(xiàn)畫中畫無關(guān)的代碼color:#000000;//與實(shí)現(xiàn)畫中畫無關(guān)的代碼}#content p img{width: expression(this.width 285 ? 285: true); //圖片最大款圖不超過285px;請(qǐng)根據(jù)廣告代碼所占寬度自己修改,消除ie6 ie5.5 ie5不能解析max-width屬性的bug。max-width: 280px;//圖片最大款圖不超過285px;請(qǐng)根據(jù)廣告代碼所占寬度自己修改 。float:left;//圖片有浮動(dòng),請(qǐng)根據(jù)廣告代碼浮動(dòng)方向修改margin-right:5px;}.blank{float:right;height:92px;width:1px;clear:both;}.ad{float:right;margin-top:22px;margin-right:5px;clear:both;}
解釋:以上代碼實(shí)現(xiàn)了ggad不會(huì)屏蔽圖片。這句話是width :表達(dá)式(這個(gè)。寬度285?285:真);請(qǐng)根據(jù)自己的廣告碼寬度進(jìn)行修改。