スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

2006.07.20

rounded

rounded thumbnail

角丸です。本文とか中のほうはサッパリしすぎかも。
各部に指定されている背景色を変えることで簡単に雰囲気を変えることも出来ます。
*ライブドアからの移植作品です。


上のプレビュー画像はWinIE6で表示させたときのものです。
他のブラウザでは表示が若干違うかもしれません。
» PREVIEW


7/23追記:絵文字に背景色がついてしまっていたので修正しました。


このテンプレートの使用上の注意

それぞれの幅は全体幅900px固定、コンテンツ(記事)部分600px固定、サイドバー部分300px固定です。
全体幅が900pxありますのでSVGA(800x600)の画面の方にはあまりやさしくないです。


おすすめカスタマイズ。

記事のはじめにも書いてありますが、ヘッダ部(黒色)、横カレンダー部(桃色)、コンテンツ部(水色)、サイドバー部(黄色)、フッタ部(緑色)のそれぞれの背景色を変更する事で簡単に雰囲気を変えることが出来ます。
CSSの修正箇所も少なくて簡単なので、配布しているままの色が気に入らなかったり個性を出したい方は挑戦してみてください。


ヘッダ部(黒色)

#banner {

 background-color: #333;

}

横カレンダー部(桃色)

#calendar {

 background-color: #ece;

}

コンテンツ部(水色)

#content {

 background-color: #cee;

}

サイドバー部(黄色)

#links {

 background-color: #eec;

}

フッタ部(緑色)

#footer {

 background-color: #cec;

}

以上に記述したCSSのそれぞれの赤い文字部分をお好みのカラーコードに変更してみてください。 コードについては「カラーコード」「色見本」などで検索すれば参考サイトがたくさん引っ掛かりますのでそちらを参照して下さい。 他の文字色やリンク文字色などは適宜お好きな色へどうぞ。


横カレンダーを消したい場合は #calendar { }中に

display: none;

という一文を入れると消せます。消した方がスマートかも。

使用条件、カスタマイズや加工などについて。

このテンプレートは個人・法人を問わず自由に使用することが出来ますが著作権は放棄しておりません。
※ただしアダルト関係や宗教関係のブログ、公序良俗に反するブログでのご使用はお控えくださいますようお願いいたします。


画像の二次加工やHTML,CSSをカスタマイズしてのご利用はご自由にしてください。
ただし再配布や共有テンプレート化はお控えください。


このテンプレートに関しまして何かご質問などありましたらこちらにどうぞ。


制作環境。

OS:WinXP
ディスプレイ解像度: 1024x786 32bitカラー
ブラウザ:Firefox1.5.0.4、Opera9、InternetExplorer6、Netscape8.1
IE使用時の文字サイズ:中


スポンサーサイト
Posted at 00:50 | Template | COM(39) | TB(1)
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。