無料
エロ
動画
ASP-Ranker!テンプレ使用サイト様。動画更新情報 - ASP-Ranker紹介記事→|更新情報|ランキング|新規登録|
DTIアフィリエイト広告の貼り付けカスタマイズ - フリーエリアカスタマイズ紹介記事→|広告の種類|広告貼り付け|カスタマイズ基本|カスタマイズ応用|
ASP-Ranker更新情報
2分割フリーエリアカスタマイズ記事→|基本構成とサイズ変更|実例とアレンジ例|

おすすめアフィリエイト - Atype紹介記事→「4.広告の登録」Atype編
登録の少ない今がチャンス!あなたもx日でxxxx円。

マニア向けビデオは本当に売れる。広告を貼って2日目でxxxx円の売り上げ。(実話)
広告の種類も豊富で、自動更新広告もあって手間いらず。登録の少ない今が稼ぎ時。
その他サーバー関連などの新規広告も続々追加予定。要注目のおすすめアフィリエイト。

リロードすると広告がランダム表示され、クリック率が非常に高い。
登録はこちらから。 アフィリエイトエンジン Atype.jp

2006年10月28日

広告エリアの基本構成

今回は更新情報下の広告エリアをカスタマイズしましょう。作りとしては基本的なボックスなんですが、ブログやホームページなどは、この基本のボックスで全てデザインされています。基本のボックスを更にボックスで囲んで、などを行うと、このブログのテンプレートになります。
スタイルシートでのデザインは、全てこのボックスで作成されている、ということを頭に入れておくと、少し勉強すればカスタマイズではなくてブログそのものをデザインできます。ウェブ作成の勉強にもなりますので頑張りましょう。

ではまず広告エリアはどのようにできているかを説明します。

1.HTMLとスタイルシートの関係

基本的なことまでは解説しませんので、TAG indexさんなどの解説サイトと一緒に読むと更に理解が深まります。
HTMLとスタイルシートは別の意味を持っており、HTMLは文書の意味を定義し、スタイルシートはデザインを定義します。ですので、スタイルシートのみ変更するだけで、見栄えをかなり変更することが可能です。
カスタマイズをする上で、このことを頭に入れておかないと混乱しますので、両者の違いを認識してください。

2.広告エリアの基本構成

色つきでサンプルのボックスを作成してみます。構成は、大枠のボックス、タイトル、本文の3つにわかれています。

大枠のボックス

まずは大枠のボックス。ここでボックスのサイズと位置、枠線、背景色を決めています。ここをカスタマイズすれば、好みのデザインに変えることが出来ます。

大枠+タイトル

ここはタイトル部分です。余白とテキストの位置、フォントサイズ、文字色、背景色、下部の枠線色を定義しています。

大枠+タイトル+本文

ここはタイトルです。
ここは本文です。本文では、余白、テキストの位置、フォントサイズ、文字色、行間隔を定義しています。

3.スタイルシートとの対比

タグやスタイルシートを覚えるのに一番早いのは、とりあえず何でもいいので数値をいじってみることです。体感するとこれはこういう意味があるんだ、という風に覚えられます。
スタイルシートとその説明を書きますので、宣言の値を変更してみていろいろと試してみて下さい。

大枠部分


.topad{
width: 900px;(大枠のサイズ)
margin: 10px auto 20px;(上に10px、下に20pxスペースをとってセンタリング)
border: solid 1px #000;(実線の枠線を、1pxで、色は#000000(黒)で)
background: #fff;(背景色を#ffffff(白)で)
}

タイトル部分


.topadtitle{
padding: 3px;(タイトル枠内部に3pxスペースをとる)
text-align: center;(テキストはセンタリング)
font-size: 12px;(フォントサイズは12px)
color: #000;(文字色は#000000(黒)で)
background: #ebebeb;(背景は薄めのグレーで)
border-bottom: solid 1px #000;(枠線をタイトル枠の下部だけに黒で1pxの実線)
}

本文部分


.topadcontent{
padding: 3px;(本文枠内部に3pxスペースをとる)
text-align: left;(テキストは左寄せ)
font-size: 12px;(フォントサイズは12px)
color: #000;(文字色は黒)
line-height: 150%;(行間をそれなりにあける)
}

最初にテンプレートの編集画面のプレビューを使って、値を変更してそれぞれの宣言にどのような意味があるのかを確かめてみて下さい。その後で、スタイルシートについて解説しているサイトで勉強してみましょう。はかどりますよ。
それでは、重要な部分だけ解説します。

4.カスタマイズしやすい部分

background

背景色ですが、色は一番カスタマイズし易く、また見た目で重要な部分です。基本的にはタイトル部分にしか色はつけていないので、ここだけ変えるだけでも印象が違います。ちなみに指定しなくても大丈夫です。その場合このテンプレだと、背景色は白になります。

width

大枠部分でサイズを決めているので、ここを変更すればそのサイズに大枠がリサイズします。ここでは枠が一つなのであまり意味はないんですが、スタイルシートでは枠のサイズを指定するのに大きな意味があったりしますので、忘れないようにしてください。

border

枠線も見た目を左右する要素です。これも必ず指定する必要はなく、指定しなければ枠無しのボックスになります。ですので、広告などで枠を表示したくない場合は、border自体を削除すれば枠がなくなります。枠線の種類も実線以外を指定できますが、実線を指定した方が無難です。ただ、あまり気にしなくても大丈夫。

topadtitle

これはセレクタですが、必ずしもタイトルは必要ではありません。必要ない場合は、スタイルシートはそのままで、HTML部分を変更しましょう。


<div class="topadtitle">
トップ広告エリア
</div><!-- topadtitle -->

HTMLでは、ここが更新情報下の広告エリアのタイトル部分です。これをそのまま削除すればタイトル部分(背景色や下部のボーダーなども含む)が表示されなくなります。注意として、divは<div></div>(<>は半角)でセットの命令ですので、両方削除して下さい。片方だけ削除すると、カオス状態になりますので注意しましょう。

以上が基本的な広告エリアの説明になります。いじる場所がわかれば安心していじれると思いますので、最初はいろいろと変更してプレビューで遊んで見てください。そのうちにもっといろいろな部分がカスタマイズできてくるはずです。
もし初めてなら、更新情報下の広告エリアを、タイトル無し、枠線無しで表示できるように頑張ってみて下さい。それができれば、他の似た構成のエリアはカスタマイズできるようになります。

次回は実際に変更した例をご紹介します

コメント

コメントの投稿

サイト管理者にのみ通知する

トラックバックURL

http://blogtube.dtiblog.com/tb.php/19-b7b18afd

トラックバック

バイト行って来たぞ

「恥ずかしいけど凄く感じちゃう。」とか言いながら指がスピードアップしてんの(笑)

トラックバック

人妻どんだけ欲求不満なんだよ(笑)

やっぱり一番溜まってるのは主婦だな!先週の女なんて、自分で腰振りまくって大量の潮噴くもんだから俺の全身ビッチョビチョになったけどさw

トラックバック

女ってマジすげえな…

主婦がヒマなのはわかるけど旦那が稼いできた金で逆円してたらマズいだろ。それに旦那が中出ししてくれねえからって俺にせがむのはもっとマズいだろw

トラックバック

大人の男になりました

女のアソコってあんなに暖かいもんだったんだ?しかもニュルニュルしてるし、まじおちんポミルクが止められないんだけどwww

トラックバック

タネウマン

騎乗位でガンガン攻めてくるから、そのまま中にドクドク出しちゃったじゃねえかwザー汁と愛液が混ざったのがオマソコからタラーって…。いやいやいや、こっちが冷や汗タラーだってのwww

トラックバック

すげえマソコ発見!!!!

入れたらなんかツブツブがあたるのよ!!中でチソポを動かすたびにツブツブがからみついてくるぅぅぅ!!せフレ兼収入源として、末永く突っ込んできまー!

トラックバック

中だしをしました

こんなに気持ちいいもんだとは知らなかったから、生で発射する衝動を抑えられなかったんです・・・。やばい!!って思った時にはもう中に出しちゃってましたし。でも何か知らないけど、相手の子も喜んでくれたし結果オーライでしたけどねw

トラックバック

フェチ蔵

金持ち姉さんに気に入られて、毎日ザメーン出しまくりっスwしかもナマ膣っすよ、ナマ膣!!明日はワキにでもブッカケてやろうと考えてますwww

トラックバック

ぼくソープくん

DVD見て研究して行ったのに、お姉さんがチソコを握って入れてくれまんたwwwうっひ、マジやめらんねぇなこれ!

トラックバック

巨根募集

女性に自慢の巨根を見せてあげてください

トラックバック

ドーテーは売るものだそうですw

フーゾクですませたヤツ涙目だよね。逆に金貰ってドーテー捨てれるんだもん。おれの場合は6まんだったけど、男前ならもっと高額狙えるんじゃないかな?

トラックバック

逆助援すげえ

セふレなんてもう古いよー!!今は男も腰振って稼ぐ時代。俺みたいな粗チソでも一生懸命に腰使えば、1プレイで6万は稼げるぞ!?

トラックバック

生身のおもちゃって言うから…

何するのかなと思ってたんだけど、女が好きな様にやってるだけじゃね〜か(笑)みっちり3回も搾られて疲れたんけど、5時間相手して5万も貰えりゃ〜文句言えないよなw

登録だけで50$

アダルトアフィリエイト
SBS。無修正動画サイトやお宝系サイト。広告サンプル、詳細はこちらで紹介。

DTIブログで始める

このテンプレートなら、あなたも簡単に始められる。まずは登録してみよう。↓

DTIブログにはDTIアフィリエイト。DTIブログからの売り上げにはボーナスが追加される広告もある。こちらも忘れずに登録を。↓

カレンダー

« 2017 ⁄ 07 »
S M T W T F S
- - - - - - 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 - - - - -

カテゴリ

最新の記事

コメント

トラックバック

月間アーカイブ

検索

お世話になってます

アクセスランキング

RSS Feeds

Appendix


エログ

フルHDエロ動画

ブログ

チャットレディーブログ

DXJOBのお仕事

アダルトSNS モンロー


アダルトDTIブログ登録

DTIカリビアンコム広告

登録すれば30$還元

アダルトアフィリエイト
af-board。無修正動画サイトやお宝系サイト。広告サンプル、詳細はこちらで紹介。

ASP-Ranker!ランキング

新規登録サイト

DTIカリビアンコムの広告(他の広告例)

af-board プラウディア広告(他の広告例)


SBS exotica-xxx広告(他の広告例)

無修正動画
無修正動画

女性なら、もっと簡単に稼げる

DTI DXチャット広告サンプルとチャットレディ募集中

close