スポンサーサイト 

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


テンプレート部門に参加中。クリックしてくださると励みになります♪
--:--  |  スポンサー広告  |  EDIT  |  Top↑
2007.01/24 (Wed)

眼鏡テンプレを右メニューにする方法 

おはようございます。
眼鏡テンプレの右メニュー版を作って欲しいというメールをいただいたのですが、簡単にカスタマイズできますので、ここにやり方を書いておきますね
見本は今、表示している感じになります(って、いつまで表示しているかわからないんですが……爆)。
変更箇所は4つだけです。

●その1

/* メニュー囲み */
#menu_block{
float: left; /* 左に回り込む */
width: 220px; /* メニューの幅 */
background-color: #transparent; /* 背景を透明に */
margin: 0px;
padding:0px;
}


上記の箇所を探してください。
赤字のところを
float: right;
に変えてください。

●その2

/* メニュー内枠 */
.menu_body{
margin-left:10px;
padding: 0px;
}


赤字を
margin-right:10px;
に変えてください。

●その3

/* メニュータイトル */
.menu_title{
text-align: left;
font-size: 12px; /* メニュータイトルの大きさ */
color: #fff; /* メニュータイトルの色 */
background-color: #000; /* メニュータイトルの背景色 */
font-weight:bold; /* メニュータイトルの太さ */
margin:25px 0px 5px 10px;
padding: 4px 5px;
}


赤字を
margin:25px 10px 5px 0px;
に変えてください。

●その4

/* メイン囲み */
#main{
float: right; /* 右に回り込む */
width: 580px; /* メイン幅 */
margint: 0px;
padding: 0px;
}


赤字を
margin-right:10px;
に変えてください。

これでOKです
うまくいったら教えてくださると嬉しいです♪


どうでもいいことですが、一番上の
background-color: #transparent; /* 背景を透明に */
って#が余分なので、ソースのアホっぽさが気になるようでしたら#を削除、もしくは行ごと削除しちゃってください(^_^;)
この行自体あってもなくても、影響のない無駄なタグなので、そのままにしておいても問題はなく、見なかったことにして放置しても構いませんが(;^_^A
一度、そういうのちゃんと見直さないとねー
スポンサーサイト


テンプレート部門に参加中。クリックしてくださると励みになります♪
08:25  |  レス  |  TB(0)  |  CM(2)  |  EDIT  |  Top↑

Comment

返事が大変遅くなってすみません。
うまくいきました。
本当にありがとうございます。
慶檎 |  2007.01.28(日) 16:49 | URL |  【編集】

●よかったです♪

うまくいってよかったです(^▽^)
ご報告ありがとうございました♪
どこ |  2007.01.29(月) 15:07 | URL |  【編集】

コメントを投稿する

URL
COMMENT
PASS  編集・削除するのに必要
SECRET  管理者だけにコメントを表示
 (現在非公開コメント投稿不可)
 

▲PageTop

Trackback

この記事のトラックバックURL

→http://dokode.blog87.fc2.com/tb.php/20-3afe4616
この記事にトラックバックする(FC2ブログユーザー)

この記事へのトラックバック

▲PageTop

 | HOME | 
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。