
テンプレを カスタマイズ!【ブログタイトル編】の続き。左右のメニューをいじることに。
まず見出しを変更。
左右メニューをいじる。
画像を挿入。バックを黒に。右メニューのテキストをセンター表示に。
* 左メニューの各見出し *
.menuBar {
background-color: #000000;
background image:url(/user_image/○○○○○○.png);
color: #ffffff;
font-size: ;
font-weight: bold;
padding: 2px;
width: 180px;
text-align: center;
* 右メニューの各見出し *
.lgBar {
background-color: #000000;
background image:url(/user_image/○○○○○.png);
color: #ffffff;
font-size: ;
font-weight: bold;
padding: 3px;
text-align: center;
width: 170px;
メニュー背景も黒に。
* 左メニュー背景 *
#menu {
background-image: url();
background-repeat: ;
background-position: ;
background-color: #000000;
padding: 9px;
* 右メニューのリスト背景 *
.menuBg2 {
background color: #000000;
text-align: center;
width: 170px;
* 右メニューの囲い *
#lgFrame {
border: 1px solid #7292b8;
background-color: #000000;
padding: 2px;
text-align: center;
↑背景色設定を追記。黒に。
ここまで変更すると こんな風に。

海外ドラマが好き♪ テンプレを カスタマイズ!【ブログタイトル編】
海外ドラマが好き♪ テンプレをカスタマイズ!【スクロールバー編】
まず見出しを変更。
左右メニューをいじる。
画像を挿入。バックを黒に。右メニューのテキストをセンター表示に。
* 左メニューの各見出し *
.menuBar {
background-color: #000000;
background image:url(/user_image/○○○○○○.png);
color: #ffffff;
font-size: ;
font-weight: bold;
padding: 2px;
width: 180px;
text-align: center;
* 右メニューの各見出し *
.lgBar {
background-color: #000000;
background image:url(/user_image/○○○○○.png);
color: #ffffff;
font-size: ;
font-weight: bold;
padding: 3px;
text-align: center;
width: 170px;
メニュー背景も黒に。
* 左メニュー背景 *
#menu {
background-image: url();
background-repeat: ;
background-position: ;
background-color: #000000;
padding: 9px;
* 右メニューのリスト背景 *
.menuBg2 {
background color: #000000;
text-align: center;
width: 170px;
* 右メニューの囲い *
#lgFrame {
border: 1px solid #7292b8;
background-color: #000000;
padding: 2px;
text-align: center;
↑背景色設定を追記。黒に。
ここまで変更すると こんな風に。

海外ドラマが好き♪ テンプレを カスタマイズ!【ブログタイトル編】
海外ドラマが好き♪ テンプレをカスタマイズ!【スクロールバー編】