top


総投稿数 本 
no_

スポンサーサイト

 --------
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
カテゴリ :スポンサー広告 トラックバック(-) コメント(-)
no_11

ブログ:色味を変える ・・・ 【デザイン変更】

 2008-03-31
少しづつブログをカスタマイズしてゆこう。先人の知恵がネットには溢れている。
敬意を払って利用させてもらいながら、私もここに再掲し、他の方に役立つ事
を祈ろう。

まずは
* -------------------------------------- *
◇色味を変える
* -------------------------------------- *
ほとんどの最近のブログがそうだが、この FC2ブログも、デザインはほぼCSS
で管理されている。

 [ CSS ] とは、Cascading Style Sheets(CSS、段階スタイルシート、
  カスケーディング・スタイル・シート、カスケード・スタイル・シート)のこと
  (出典: フリー百科事典『ウィキペディア(Wikipedia)』)

 デザイン部分に独立性を持たせ、カスタマイズや拡張を整理された方法で
 容易にする
ためのものだ。

 ネットには知識が溢れている。
 掲載させていただくと
  ・とほほのスタイルシート入門
  ・TAG Index CSS リファレンス
  ・CSSレイアウト講座
 などが有名だ。その他にも Googleすると山のように出てくる。

[ 実践 ]
 ・現在利用させていただいているテンプレートは
   名前:166_simple_3c 作者:Weblog[blog298]
   ※ありがとうございます

  これに色味を加えた
  イメージは 好きな宇宙の朝(?)もや

   > CSS の
     #baseBlock {

background-color: #e6e6fa; とする
           : 背景色の変更
     .menu1BlockHead {

background-color: #b0c4de;
border-right: 1px solid #808080;
border-bottom: 1px solid #808080;
           : 左右ナビのカテゴリタイトル要素
     .mainEntryTitle {

background-color: #778899;
border-bottom: 3px double #2f4f4f;
           : 中央部の記事リタイトル要素
  さらに
     #title {

color: #001e43; margin: 0px;
           : タイトルの変更
     .BlogName {

color: #001e43;
           : ブログの名称部分要素
     .introduction {

font-size: 13px; color:#fffacd;
           : ブログの説明部分要素
  と変えてゆき、その都度 [プレビュー] で確認しながら進める

  *******
   豆TIP
  *******
   □プレビューは変更の都度、一度プレビュー画面を閉じて
    開きなおさなければ反映しない
    ・変更してプレビューし、もう一度変更してプレビュー押しても反映しない
    (一度プレビュー画面を閉じる必要がある)


  この 色味の決めてゆく工程でも多くの 優れたサイトの力を借りた。

   ・WEB色見本 原色大辞典
   ・HTML色見本
   ・HTML 色一覧

  色味を自分の好みに合わせてどんどん変化させる。とても楽しいことだ。
  コツは(コンテンツにもよるが)あまり多くの色味を使わないこと
  同色 や 補色 に対する注意だろう。



FC2ブログランキングにほんブログ村 IT技術ブログ Webサイト構築へブログ王ランキング人気ブログランキング

more




      
commentsコメント
comment_post












管理者にだけ表示を許可する
commentトラックバック
トラックバックURL:
http://metaboy.blog23.fc2.com/tb.php/11-09a0f570
ようこそ
Add to Google 創るmetaboy:RSSフィード
My Yahoo!に追加
最新記事のRSS | 問い合わせ

仕事検索、アルバイト検索、依頼仕事の検索ポータル - 仕事検索.COM - www.jobkensaku.com ツクルン

創るmetaboy - WEB創る、サイト創る、何創る - 創ったmetaboy

 

リンク集

 

最近の記事

 

ブロとも申請フォーム
Sponserd by

さくらのレンタルサーバ さくらのレンタルサーバ
大容量・高機能レンタルサーバー heteml 大容量・高機能レンタルサーバー heteml
XREA (ValueDomain)
お名前.com お名前.com
名づけてねっと名づけてねっと
ムームードメインムームードメイン

 

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