2012-03-05 66 views
0

如何製作頂部顯示的紅色橫幅廣告:http://forum.creditcardpaymentgateways.in/index.php與此網站中顯示的相同:http://www.creditcardpaymentgateways.in如何使此橫幅廣告與其他網站相同

我試圖用這個代碼,但不工作:

<div id="anu-utility2" WIDTH="525" style="margin:auto auto"> 
<a href="http://www.creditcardpaymentgateways.in/pc-tech-support-payment-gateway-new-offer-from-mumbai-based-comapny.html"><img style="display:block;width:529px;margin:auto auto" WIDTH="529" HEIGHT="75" src="http://www.creditcardpaymentgateways.in/images/banners/celebrationoffer4.jpg" title="Click here" /></a></div> 

我想刪除的紅色橫幅背後的淺色背景的矩形(在論壇中使用): enter image description here

論壇位於PHPBB,網站位於Joomla。

+0

我想背後取下淺色矩形紅色的橫幅。我想使用背景顏色,如下面的窗格中包含搜索/文字大小。 – AgA 2012-03-05 11:06:35

回答

1

你應該ANU-公用程序移動到到RT-utility3

你的源代碼示例:

<div id="rt-utility" class="feature-shadows-light"> 
    <div id="rt-utility2"> 
     <div id="rt-utility3"> 
      **<div id="anu-utility2" width="525" style="margin: auto auto"> 
       <a href="http://www.creditcardpaymentgateways.in/pc-tech-support-payment-gateway-new-offer-from-mumbai-based-comapny.html"> 
        <img style="display: block; width: 529px; margin: auto auto" width="529" height="75" 
         src="http://www.creditcardpaymentgateways.in/images/banners/celebrationoffer4.jpg" 
         title="Click here"></a></div>** 
      <div class="rt-grid-6 rt-alpha"> 

      </div> 
      <div class="rt-grid-2 rt-omega"> 

      </div> 
      <div class="clear"> 
      </div> 
     </div> 
    </div> 
</div> 
+0

我已經完成了這種方式,我發誓。謝謝。 – AgA 2012-03-05 11:41:51

1

你想和下面的圖片一樣嗎?

enter image description here

您需要的梯度圖像和下面的代碼來實現這一

CSS:

IMG { 邊界:無; }

#bannerbg { background:url(gradient-div.png)repeat-x; background-color:#FFFFFF; height:75px; }

HTML:

<div id="bannerbg"> 

<div id="anu-utility2" WIDTH="525" style="margin:auto auto"> 
<a href="http://www.creditcardpaymentgateways.in/pc-tech-support-payment-gateway-new-offer-from-mumbai-based-comapny.html"><img style="display:block;width:529px;margin:auto auto" WIDTH="529" HEIGHT="75" src="http://www.creditcardpaymentgateways.in/images/banners/celebrationoffer4.jpg" title="Click here" /></a></div> 

</div> 
+0

明白了。謝謝。 – AgA 2012-03-05 11:34:54