|
前回に続いて記事ページのフォントの変更ポイントです♪ 今回は関連テーマ 〜 トラックバック、コメント周辺の変更をします。 関連テーマ周辺のフォント♪ ![]() 関連テーマ周辺のデザイン指定の場所は『記事ページ』の『記事フッタ』部分です。 各ポイントのあとに文字列を追加していきます。 無い場合には新規で文字列を入力していきます。 /* 関連テーマ見出し */ ● 赤 #blog-foot #theme h2{ /*追加 関連テーマ記事見出し */ ● 黄緑 #blog-foot #related h2{ color:●; } /*追加 関連テーマ記事 投稿日時*/● 紫 #blog-foot #related{ color:●; } ※フォント以外のデザイン指定の記述は省略していますが、 『関連テーマ、関連記事の罫線』のデザイン指定の際に追加した文字列は記述してあります。 関連記事 第8回 いろんな場所の線のデザインをいじってみよう♪ ※リンク文字は『第 3回 リンクの付いているフォント♪ 【再編集】』の設定でもデザイン指定ができます。 C 『 記事ページ 』 CSS 全体Map /*----------------- 記事フッタ -----------------*/ 色の変化で変更ポイントの確認を♪ ・関連テーマ ![]() ※テーマの黄色の文字は全体のリンク文字での色を変更。 ・関連テーマ記事 ![]() 次回は記事ページのトラックバック・コメント周辺に移ります。 それでは、今回はこのくらいで(わら) |ω・)ノシ See you♪ |彡 サッ ![]() 【 CSS編集(フォント編) 】 ・ ブログのフォントのデザインを変えてみる♪ ・ 第1回 トップページのフォント♪ 『タイトル〜プロフィール』 ・ 第2回 トップページのフォント♪ 『新着記事一覧』 ・ 第3回 リンクの付いているフォント♪ 【再編集】 ・ 第4回 コンポーネント領域ののフォント♪ ・ 第5回 記事ページのフォント♪ 『タイトル 〜 記事題名』 ・ 第6回 記事ページのフォント♪『 関連テーマ 』 現在地 【 CSS編集(スタイル編) 】 ・ オリジナルデザインのブログを作ろう♪ ・ 第1回 タイトル画像を変更する♪ ・ 第2回 背景の画像と背景色を変更する♪ ・ 第3回 アイコンを変更する♪ 〜 コンポーネント領域 ・ 第4回 アイコンを変更する♪ 〜 ページヘッダ部分 ・ 第5回 トラックバック、コメント領域も変えてみよう♪ ・ 第6回 一覧の画像と罫線のサイズと色♪ ・ 第7回 ブログの幅を広げてみよう♪ ・ 第8回 いろんな場所の線のデザインをいじってみよう♪ ・ 第9回 コメントの入力欄の高さを変える♪ ・ 第10回 コメントを区切る罫線のデザイン♪ (要考察) 【 ブログ編 】 ・ ウェブリブログでパンヤの絵文字〜フリースペースの活用♪ ![]() |
| << 前記事(2008/02/29) | トップへ | 後記事(2008/03/01)>> |
| タイトル (本文) | ブログ名/日時 |
|---|
| 内 容 | ニックネーム/日時 |
|---|---|
いやぁタメになります(ん)(@ぐっど) |
黒潮酢 2008/02/29 19:23 |
黒さん、いらっしゃい(にや) |
mairis 2008/02/29 21:41 |
| << 前記事(2008/02/29) | トップへ | 後記事(2008/03/01)>> |