きまぐれAWA's Life

アクセスカウンタ

zoom RSS CSS(フォント編) 第6回 記事ページのフォント♪『 関連テーマ 』

<<   作成日時 : 2008/02/29 15:58   >>

ブログ気持玉 0 / トラックバック 0 / コメント 2

前回に続いて記事ページのフォントの変更ポイントです♪
今回は関連テーマ 〜 トラックバック、コメント周辺の変更をします。



 関連テーマ周辺のフォント♪ 

関連テーマ周辺のデザイン指定の場所は『記事ページ』の『記事フッタ』部分です。
各ポイントのあとに文字列を追加していきます。
無い場合には新規で文字列を入力していきます。

/* 関連テーマ見出し */
#blog-foot #theme h2{

/*追加 関連テーマ記事見出し */ 黄緑
#blog-foot #related h2{
color:●;
}


/*追加 関連テーマ記事 投稿日時*/
#blog-foot #related{
color:●;
}



※フォント以外のデザイン指定の記述は省略していますが、
『関連テーマ、関連記事の罫線』のデザイン指定の際に追加した文字列は記述してあります。
 関連記事  第8回 いろんな場所の線のデザインをいじってみよう♪

※リンク文字は『第 3回 リンクの付いているフォント♪ 【再編集】』の設定でもデザイン指定ができます。

  C 『 記事ページ 』   CSS 全体Map 

/*----------------- 記事フッタ -----------------*/
#blog-foot{
}

/* 関連テーマ見出し */
#blog-foot #theme h2{
color:●;
}

/* テーマレーダボタン */
#blog-foot #theme #rader{
}

/*追加 関連テーマ記事見出し */
#blog-foot #related h2{
color:#00FF00;
}


/*追加 関連テーマリスト*/
#blog-foot #related ul{
list-style-image:url(リストアイコンのURL);
}

/*追加 関連テーマ記事 投稿日時*/
#blog-foot #related{
color:●;
}




色の変化で変更ポイントの確認を♪

・関連テーマ

※テーマの黄色の文字は全体のリンク文字での色を変更。



・関連テーマ記事







次回は記事ページのトラックバック・コメント周辺に移ります。

それでは、今回はこのくらいで(わら)


|ω・)ノシ See you♪

|彡 サッ




■ ブログをいじっちゃおぅ♪ 〜 ブログのレシピ 〜 ■


テーマ

関連テーマ 一覧


月別リンク

ブログ気持玉

クリックして気持ちを伝えよう!
ログインしてクリックすれば、自分のブログへのリンクが付きます。
→ログインへ

トラックバック(0件)

タイトル (本文) ブログ名/日時

トラックバック用URL help


自分のブログにトラックバック記事作成(会員用) help

タイトル
本 文

コメント(2件)

内 容 ニックネーム/日時
いやぁタメになります(ん)(@ぐっど)

わからないことがあったらきくかもしれないのでその時はよろしくお願いします(ういんく)
黒潮酢
2008/02/29 19:23
黒さん、いらっしゃい(にや)

うちの解る範囲でなら(ん)
まだまだうちも勉強中なもんで(気まずい))
がんばりますねー(にこ)
mairis
2008/02/29 21:41

コメントする help

ニックネーム
URL(任意)
本 文
  現在の閲覧者数:

* ぱにゃステ *

『ぱにゃステ』 customized by mairis
 
 
ふぉろーみー

CSS(フォント編) 第6回 記事ページのフォント♪『 関連テーマ 』 きまぐれAWA's Life/BIGLOBEウェブリブログ
文字サイズ:       閉じる