|
前回までで全体のデザインがかなり変わってきました。 まだデザインテンプレートのままになっている部分があります。  トラックバック、コメント欄の背景画像や各見出し部分のアイコンですね。 この部分の設定をしてみたいと思います。  トラックバック、コメント欄のところをカスタマイズ♪ では、この部分を探してください。 C 『 記事ページ 』 CSS 全体Map /*-------- トラックバック、コメント領域 --------*/ まずトラックバック、コメント欄の背景画像と背景色の変更をします。 場所は一番下の『/* フォーム フィールド */』のところです。 『 #blog textarea{ 』の後に次の文字列を入力します。 background-image:url(画像のURL); background-color:■; 『 画像のURL 』は用意した画像のURLに置き換えてます。 URLを入力する際には改行を入れずに1行で入力してください。 『 ■ 』 にはカラーコードが入ります。 続けてアイコンの変更をします。 場所は 『/* 見出し */』 のところです。 『 #blog #comment h2{ 』の後に次の文字列を入力します。 background-image:url(画像のURL); background-repeat: no-repeat; padding:0px 0px 0px ▲px; height:●px; border-left:none; 『 画像のURL 』を画像のURLに置き換えます。 ▲には画像の横幅、●には画像の高さを入力します。 /*-------- トラックバック、コメント領域 --------*/ 入力（貼り付け）が出来たら、設定ボタンをポチッと押して完了です（ういんく）  タイトル画像〜背景画像〜背景色〜アイコンと変えていったことで、 ブログもずいぶんオリジナルな感じになりました（ういんく） まだちょっと残ってる部分はありますが、それはあともう少しやってみてからで（ん） 次回は一覧の画像と罫線のサイズと色の変更をしてみます。 |ω・)ﾉｼ See you♪ |彡 ｻｯ  【 CSS編集（スタイル編） 】 ・ オリジナルデザインのブログを作ろう♪ ・ 第１回 タイトル画像を変更する♪ ・ 第２回 背景の画像と背景色を変更する♪ ・ 第３回 アイコンを変更する♪ 〜 コンポーネント領域 ・ 第４回 アイコンを変更する♪ 〜 ページヘッダ部分 ・ 第５回 トラックバック、コメント領域も変えてみよう♪ 現在地 ・ 第６回 一覧の画像と罫線のサイズと色♪ ・ 第７回 ブログの幅を広げてみよう♪ ・ 第８回 いろんな場所の線のデザインをいじってみよう♪ ・ 第９回 コメントの入力欄の高さを変える♪ ・ 第１０回 コメントを区切る罫線のデザイン♪ （要考察） 【 CSS編集（フォント編） 】 ・ ブログのフォントのデザインを変えてみる♪ ・ 第１回 トップページのフォント♪ 『タイトル〜プロフィール』 ・ 第２回 トップページのフォント♪ 『新着記事一覧』 ・ 第３回 リンクの付いているフォント♪ 【再編集】 ・ 第４回 コンポーネント領域ののフォント♪ ・ 第５回 記事ページのフォント♪ 『タイトル 〜 記事題名』 ・ 第６回 記事ページのフォント♪『 関連テーマ 』 【 ブログ編 】 ・ ウェブリブログでパンヤの絵文字〜フリースペースの活用♪ |
| << 前記事（2008/02/03） | トップへ | 後記事（2008/02/03）>> |
| タイトル （本文） | ブログ名／日時 |
|---|
| 内 容 | ニックネーム／日時 |
|---|
| << 前記事（2008/02/03） | トップへ | 後記事（2008/02/03）>> |
ノ
