這編輯腦袋有洞: [教學]cool空間廣告「遮蓋」法

2007年1月10日星期三

[教學]cool空間廣告「遮蓋」法

偷偷告訴大家，cool空間的廣告改版了！這次他們不用<CENTER>這個標籤囉，整個廣告區變成下面這德性：(人懶，這次就不刪多餘資訊了)

<!-- cool auto-insert 1.6c -->

<div align="center">
<table width="700" border="0" cellspacing="0" cellpadding="0" align="CENTER" style="border-width: 0px;">
<tr>
 <td width="468" style="border-width: 0px;">
   <!-- START_AD_Banner -->
<a href="http://www.infoseek.co.jp/redirect?sv=CO&lk=&tid=&ak=gsac-2018-1048-H1224&rd=http://www.gs.com/japan/ewarrant/main.html" target="_blank"><img border="0" width="468" height="60" src="http://www.infoseek.co.jp/images/ads/gsac1048.gif" alt=""></a><br><!-- END_AD_Banner -->

 </td>
 <!-- DART TEST COOL FREE USER START -->
 <td width="2" height="84">

  <script>
bust = Math.floor(1000000*Math.random());
document.write('<scr' + 'ipt language="JavaScript1.1" src="http://grp01.ias.rakuten.co.jp/js.ng/site=is&cont=test&type=test2&ord='+bust+'?">');
document.write('</scr' + 'ipt>');
  </script>
  <noscript><iframe src="http://grp01.ias.rakuten.co.jp/html.ng/site=is&cont=test&type=test2" width=1 height=1 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no bordercolor='#000000' allowtransparency="true"></iframe></noscript>
 </td>
 <!-- DART TEST COOL FREE USER END -->
<!-- NEWS Banner UPPER START -->
 <td width="229" style="border-width: 0px;">
   <iframe src="http://topics.news.www.infoseek.co.jp/cool/news1.html" width="229" height="60" scrolling="no" frameborder="0">
   </iframe>
 </td>

<!-- NEWS Banner UPPER END -->
<tr>
</table>
</div>
<!-- end of cool auto-insert -->

其中他宣告了整個廣告欄的高度為84px，這代表大家在css上面，把自己的網頁全往上抬84px，遮住它就好！眼不見為淨。

舉個例子來說好了，如果您的網頁分成這樣子：

<body>
<div id="container">
網頁內容
．
．
．
<div>
</body>

只要在css裡加上#container{margin:-84px 0 0;}即可

註：重點在於上邊界，其他邊界值視您的網頁設定而定