ビデオを見る

バナーを挿入するには?

文脈的かつ参照される広告は需要があるサイトの所有者は、しかし、位置やバナーを引き渡すとは思わない。鮮明な画像は常に目を引くと注意を集中します。有能に作成されたバナーは、より多くの訪問者を特定のリソースに引き付けることができます。少しでも努力すれば、このタイプの広告を自分で作成することができます。しかし、Photoshopに慣れていれば、問題は起こらないはずです。バナーを作成して置く方法を検討してください。

第1段階:バナーの作成

一言で言えば、それはあなたにとって最も便利な方法にすることができます:

  • フリーランサーからの注文。
  • 独立して開発する。
  • バナーを作成するプログラムを使用する。
  • オンラインサーバーを使用してバナーを作成する

詳細については、「バナーを作成する方法」を参照してください。

第2段階:バナーの配置

バナーはまた、異なる方法でサイトに挿入されます。 これを行うためには、Webプログラミング言語の知識を持つことは良いことです。しかし、そのようなスキルがない場合、これは問題ではありません - すべてが初心者です。配置オプションの詳細については、「バナーの配置方法」を参照してください。

バナーコードはかなりシンプルな構造です:

  • <a href="ここにバナーの先行> <img style ="position:絶対; top:50px; right:300px; border:1px solid#ddad22;" src = "/ images / /バナーの場所を示すリンク" "alt ="碑文 "border =" 1 "/> </a>

個々の要素の意味を見てみましょう:

  • ポジション:absolute - 要素のページ上の他のオブジェクトに対する相対的な位置を示します。このような値が設定されると、バナーは透過的に配置されます。つまり、バナーが存在しないかのように他の要素が反映されます。ソリッドピクチャの形式のサイトヘッダ?次に、バナーを正しく挿入するには、絶対位置から相対位置に変更します。
  • top:50px - キャップの上端に対する要素の位置を示します。値を変更することで、バナーを上下に移動できます。
  • right:300px - サイトヘッダの右側を基準にした要素の位置を示します。変更することもできます。
  • border:1px - これはバナーのストロークの太さです(必要でない場合は0に設定されます)。
  • solid#ddad22 - ストロークの色ですが、あなたの裁量で変更することができます。

バナーへの道

結果のコードをパスに沿って挿入します:toolbar-editor-header.php

ヘッダーファイルを開きます。その中にコードを挿入する必要があります。通常、タグ領域に挿入することをお勧めします。チェック

希望の種類のバナーをすぐに取得できない場合は、コードの要素の値で「再生」します。

バナー広告会社

バナーを挿入するには、ヘッダーコードのヘッダーのコードを次のように記述します。

  • <div class = "ban">

ここで、広告バナースクリプトを書く

  • </ div>

style.cssファイルを開きます。ここで、以下を書き留めてください:

  • .ban
  • {
  • 表示:ブロック;
  • 位置:絶対;
  • 左:321ピクセル。
  • 上:45ピクセル。
  • 幅:468ピクセル。
  • text-align:center;
  • }

コードはファイルの末尾に貼り付ける必要があります。上、左の値は変更できます。 wigthのように - これはバナーの幅です。

幸運を!

コメント 0