サイドバーの大きさを変更します。
まず、FC2ブログにログインし、左側メニューの「テンプレートの設定」を開きます。
現在設定されているテンプレート(liv-life)の「修正」をクリックします。
すると、「テンプレートの編集」画面が表示されます。
「HTMLの編集」部分と「スタイルシートの編集」部分が表示されていますが、今回は「スタイルシートの編集」を行います。
「スタイルシートの編集」のスタイルシート記述部分に、以下の記述があり、そこを編集していきます。
@サイドバー本体の大きさの変更
◇現在の記述
.menu {
margin:20px 0px 10px;
width:180px;
border: 2px solid #FFCC33;
}
赤字部分を変更します。
◇以下のように変更してください。
.menu {
margin:20px 0px 10px;
width:200px;
border: 2px solid #FFCC33;
}
「180」から「200」に変えます。
Aサイドバーの上の長さを変更
.menu_top {
width:180px;
height: 25px;
background:#FFCC33 }
赤字部分を変更します。
◇以下のように変更してください。
.menu_top {
width:200px;
height: 25px;
background:#FFCC33 }
「180」から「200」に変えます。
Bサイドバーの下の長さを変更
.menu_bot{
width:180px;
height: 10px;
background:#ffffff }
赤字部分を変更します。
◇以下のように変更してください。
.menu_bot{
width:200px;
height: 10px;
background:#ffffff }
「180」から「200」に変えます。
以上3箇所を変更します。
今回は、「200」に変更しましたが、大きすぎれば、いろいろと数値を変更して、お気に入りのサイズにしてみてください(≧∇≦)b