このコーナーでは、テンプレートのカスタマイズについて、実際のサンプルページを元に紹介していきます。

皆さん、こんにちは。 おちゃのこネットの刑部です。
今回のデザイン道場は、第二階層以降に表示されるパンくずリストの文字色、文字サイズの変更方法をご紹介します。現ページ、区切り線、リンクと各パーツで指定できます。




スタイルシートを編集する

管理画面→デザイン管理→スタイルシートの編集をクリックして下さい。

スタイルシートの編集画面に下記の指定をコピーして貼り付けて下さい。
※貼り付け位置は、最下部にお願い致します。



/* パンクズ現ページ */
.thispage {
color: #666666;
font-size: 14px;
}

/* パンクズ区切り線 */
#pan {
color: #666666;
font-size: 14px;
}

/* パンクズリンク */
#pan A:link,
#pan A:visited {
color: #CC0000;
font-size: 14px;
}

#pan A:hover {
color: #FF0000;
font-size: 14px;
}


.thispage
について

現在のページの文字色、文字サイズ指定となります。

#pan
について

パンくず内の区切り線の文字色、文字サイズ指定となります。


#pan A:link
#pan A:visited
#pan A:hover
について

パンくず内リンク部分の文字色、文字サイズ指定となります。


 
なお、お問い合わせは下記ページからお願い致します。

https://www.ocnk.net/contact/index.php

Copyright (C) 2004-2006 OCHANOKO-NET All Rights Reserved.