blogのレイアウト変更 - SEの皆さん、ビジネス書活かしてますか?

スポンサーサイト

--年--月--日 --:-- このエントリーをはてなブックマークに追加

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
このエントリーをはてなブックマークに追加

blogのレイアウト変更

2008年11月24日 15:00 このエントリーをはてなブックマークに追加

blogのレイアウトを変更しました。
全体的には本文中の色の変更と余白の縮小をしました。

■変更前
resize0089.jpg

■変更後
resize0088.jpg

(参考)CSS(カスケーディングスタイルシート)の一部
・h4:中見出し => 今月の振り返り
h4 {
font-size:95%;
font-weight : bold;
border-left:10px solid #228B22;
border-bottom:1px solid #228B22;
background-color:#eeffee;
padding:2px 0 0 4px;
margin:0;
}

・b:小見出し => ■振り返りの目的
b {
color:#228B22;
font-weight : bold;
}
※強調はbタグではなくstrong使えというのはひとまず置いといて・・・

・pre:整形済みテキスト => 背景色黄色の箇所(一ヶ月の手帳を見直し~)
pre {
margin: 0 3px 0 3px;
background: #ffffcc;
border: 1px solid #ffcc00;
}


■参考サイト
とほほのWWW入門
HTMLリファレンス

1時間で作るホームページ [ WEBデザインの素 ]
カラーコード[HTML・CSS用]

■活かした本
・HTML & CSS ビジュアル・リファレンス 改訂版
HTML & CSS ビジュアル・リファレンス 改訂版
帯の解説どおり「見やすく、引きやすく、わかりやすいビジュアル重視のレイアウト」だったため、使いやすかった。
CSSの使用例と画面イメージが豊富なため目的のものがすぐに探せた。
このエントリーをはてなブックマークに追加


コメント

    コメントの投稿

    (コメント編集・削除に必要)
    (管理者にだけ表示を許可する)

    トラックバック

    この記事のトラックバックURL
    http://itbook.blog51.fc2.com/tb.php/141-df2d4225
    この記事へのトラックバック



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