Home > バージョンアップ > CSS調整 Version1_4へ

CSS調整 Version1_4へ

本日、CSSの調整を行いました。
詳しくは以下をご覧下さい。

robots.txtファイルの追加

クローラーに指示を出すrobots.txtファイルを追加しました。

20090806-3.gif

Sitemap: ここにあなたのサイトのURLを入力して下さい/sitemap.xml
User-Agent: *
Allow: /

必ず【ここにあなたのサイトのURLを入力して下さい】の部分を変更して下さい。
サイトマップを使わない方はsitemapの行を消して下さい。

(例) sitemap: http://www.seo-tp.com/sitemap.xml

flot:フロートの回り込みを改善

画像にフロートを設定して続く要素を回り込ませた場合、
文章が少ないと画像がBOXからはみ出てしまいます。

以下が以前の表示です。

<h2>サンプル</h2>
<div class="m-section">
<p class="f-r"><img src="images/sample-2.gif" alt="サンプル2" width="150" height="150" /></p>
<p>サンプル</p>
</div>

20090806-1.gif

なのではみ出さないようにXHTMLとCSSの追加調整を行いました。
XHTMLは<div class="line"><hr /></div>を追加しました。

<h2>サンプル</h2>
<div class="m-section">
<p class="f-r"><img src="images/sample-2.gif" alt="サンプル2" width="150" height="150" /></p> <p>サンプル</p>
<div class="line"><hr /></div>
</div>

CSSは以下を追加しました。

#main-contents .line {
 height: 0;
 clear: both;
 visibility: hidden;
}
#main-contents .line hr {
 height: 0;
 border: 0;
 clear: both;
 visibility: hidden;
}

上記の追加で以下のようにはみ出すことはなくなります。

20090806-2.gif

旧バージョンをお使いの方は、上記のソースをstyle.cssファイルに追加して頂ければと思います。

著作権のフォントサイズを小さく

フッターのPowered by Free Template Ver.1_4のフォントサイズを小さくしました。
追加したCSSは以下になります。60%以下にはしないで下さい。

#footer p.ft {
 font-size: 60%;
}

関連エントリー

Comments:0

Comment Form

Trackbacks:0

TrackBack URL for this entry
http://www.seo-tp.com/blog/mt-tb.cgi/8
Listed below are links to weblogs that reference
CSS調整 Version1_4へ from 無料ホームページテンプレート「Free Template」のBlog

Home > バージョンアップ > CSS調整 Version1_4へ

Search
Feeds
ブログパーツ
あわせて読みたいブログパーツ
ページランクマニア

Return to page top