ウェブサイトのテーマに合わせてイメージ広告の色を変更する

StackOverflow https://stackoverflow.com/questions/2014944

質問

これを行う最善の方法は何でしょうか?基本的に、Photoshop 風のカラー オーバーレイを Web サイト上のイメージ広告に適用したいと考えています。できれば CSS を使用しますが、JavaScript も機能します。私の最初のアイデアは、意図した色の div を広告 div と同じ幅と高さで配置し、それに不透明度設定を適用してブレンドすることでした。考えは？

役に立ちましたか？

解決

すべての

まず、私は（ブランドカラーなどを考える）広告主は、あなたが自分の広告の配色を変更することで幸せになると思ういけないが、それにもかかわらず、なんとかする必要があります。

最も喜ばしい結果が得られない場合があります背景色と不透明度とのオーバーレイを使用して、それはあなたが達成しようとしているものの第一歩です。唯一の問題は、オーバーレイリンクがunclickable作るということですので、広告用の画像が下にあり、オーバーレイが実際にリンクされるようにそれが行われなければなりません。たとえば、これは動作します。

<div class="ad-container">
    <img src="ad_image.jpg" />
    <a href="www.ad.com">Real ad link</a>
</div>

とCSSでます：

.ad-container {
    position: relative;
}

.ad-container a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f00;
    opacity: 0.5;
    filter: alpha(opacity=50); /* for IE */
    text-indent: -9999px; /* Hide text */
}

他のヒント

私たちが話しているのが Google AdSense の場合、それは許可されていないと確信しています。次の記事をお読みください。 Google AdSense ポリシー ページ。

そうは言っても、唯一の合理的な解決策はブレンディングを使用することですが、それはひどい結果をもたらし、そしてあなたは直接破壊します Obscured by elements on a page ポリシールール。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top