オリジナルスキンCSSの編集 サイドメニュータイトル1
今回はサイドバーにあるメニュータイトル部分をカスタマイズします
簡単なところから・・・
メニューの左についているマークを変更します
マークに使う画像を用意します
←こんなのです
用意が出来たらCSSの最後にコピペします
/*サイトメニュータイトル猫足跡*/
.menu_title{
color:#ff0000;/*タイトル文字色*/
padding:3px 0 3px 16px;/*文字の位置*/
border-bottom:2px dotted #ff0000;/*下線*/
background-image:url(画像のURL);
background-repeat:no-repeat;
background-position:3px 5px;/*画像の位置*/
}
padding:3px 0 3px 16px; 上 右 下 左 の順で文字の位置を調整してください
そのままですと画像とメニュテキストがそろいませんので
background-position:3px 5px; 左からの位置 上からの位置 の順で調整します
border-bottom:2px dotted #ff0000; 太さ スタイル 色 の順で指定します
スタイルにはsolid（線）、dashed（破線）、dotted（点線）などがあります
※dotted（点線）の場合太さを2px以上にしないと破線に見えてしまいます
border-top も指定すればこんな感じにもなります
border:2px dotted #ff0000;/*枠線*/ にすると
border:none;/*枠線を消す*/ にすると
http://hama-sush-jp.pro/exlink001/ のように右と左のサイドで表示を換えることも出来ます
その場合、.menu_title{ を
#sub_a .menu_title{ あるいは #sub_b .menu_title{ に変更してください
見本サイトの右サイドのように画像を背景につかう・・・・・・つづきます