如何使此横幅广告与其他网站相同

Question

如何制作显示在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>

我想删除红色横幅后面的浅色背景矩形（在论坛中使用）：

论坛在PHPBB，Site在Joomla。

Answer 1

您是否想要与下图相同。

您需要使用渐变图像和以下代码来实现此目的

的CSS：

IMG {     边界：无; }

#bannerbg {     background：url（gradient-div.png）repeat-x;     背景色：#FFFFFF;     高度：960x75像素; }

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>

Answer 2

你应该将anu-utility2移动到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>