Home テクニック集

SEOに有効な無料ツールをご紹介します。   無料なのに高性能♪相互リンクツールLINKopty

弊社のサイトもすべて利用させてもらっています。  設置はとても簡単です。

簡単な背景をつけるだけで、ちょっとおしゃれなボックスになります。
ボーダーを組み合わせれば尚OK。
目立たせたい部分や、毛色の違ったコンテンツ毎に設定したりと、色々と使えると思います。

::::: CSS表記 :::::

.sample003_01 {
margin:10px;padding:10px;
background-image:url(/images/css/bg003_05.gif);
background-color:#FFFFFF;
border:2px solid #0099CC;
}
.sample003_02 {
margin:10px;padding:10px;
background-image:url(/images/css/bg003_08.gif);
background-color:#FFFFFF;
border:3px double #009900;
}

::::: HTML表記 :::::

<div class="sample003_05">上はこんな感じです。</div>
<div class="sample003_08">下はこんな感じです。</div>

サーバーに格納してあるGIFデータ

bg003_05  bg003_08

 

::::: 動作確認 :::::
上はこんな感じです。
下はこんな感じです。

CSSで“最低”の高さを指定する方法

CSS使用例です。
::::: CSS表記 :::::

.takasa50 {
min-height:50px; 
height:auto !important; 
height:50px;
margin:0px 0px 10px 0px;padding:10px;
border:1px dotted #FF6600;
}
↑緑の太字が大事です!

::::: HTML表記 :::::

<div class="takasa50">このdivは、最低の高さ「50px」に指定してあります。</div>
<div class="takasa50">同じdivですが、テキスト量によって自動的に高さが変更になります。<br />
改行。<br />
もういっちょ。<br />
どうだ!<br />
よいしょ!<br />
よっこらしょ!<br />
ほらね!</div>

::::: 動作確認 :::::

このdivは、最低の高さ「50px」に指定してあります。
同じdivですが、テキスト量によって自動的に高さが変更になります。
改行。
もういっちょ。
どうだ!
よいしょ!
よっこらしょ!
ほらね!

seoitem

多機能アクセス解析ツール


SEOツールが今なら無料で利用できます。

簡単にご利用できますので無料登録してみて下さい。


おとく.comでも利用しています。

 

seo

google順位は日々変化していますので、1位~7位の間で推移しています。

NO1.おとく.com   NO2.美容エステ.com   NO3.がん予防.com

 

kuwashiku

SEOの必須アイテムが無料です。

このツールなくしては、超ビッグキーワードで上位表示か考えられません。

使用するまでの設定もとても簡単です。

これで検索結果が何千万件ヒットのキーワードでも上位表示を狙う第一歩になります。