プラグインの幅を広げる方法
どうしても分からなかったので、どなたかお願いします!現在「シンプル」の「Liquid Piano」(3カラム)を使用しています。
そこで、左側のプラグイン(plugin A)だけ幅を広げたいんです。
真ん中の本文と、右側のプラグイン(plugin B)の幅はそのままで。
たとえば、「30px」広げるにはどうすればいいのでしょうか?
また、タイトル画像(?)をオリジナルの写真を使っているのですが、
その画像も併せてリサイズする必要ありますよね?
その他に変更しなければならない点も、教えて頂けますでしょうか?
よろしくお願い致します!
回答(2)
1.
スタイルシートの上から順に並べてあります。
#container{
width:786px;
margin:0 auto;
text-align:center;
background:url(http://parts.blog.livedoor.jp/img/usr/liquid_piano/bg02.gif) repeat-y 50% 0;
word-break:break-all;
}
#wrapper{
width:585px;
float:left;
text-aling:center;
}
#left{
width:180px;
float:right;
text-align:center;
}
変更後は
#container{
width:816px;
margin:0 auto;
text-align:center;
background:url(http://parts.blog.livedoor.jp/img/usr/liquid_piano/bg02.gif) repeat-y 50% 0;
word-break:break-all;
}
#wrapper{
width:615px;
float:left;
text-aling:center;
}
#left{
width:210px;
float:right;
text-align:center;
}
となります。使用している画像は、スタイルシートの上から
#blogcontainer{
width:765px;
margin:5px auto 0;
padding-bottom:30px;
background:url(http://parts.blog.livedoor.jp/img/usr/liquid_piano/bg01.gif) repeat-y 50% 0;
}
までのもの全てを変える必要があると思います。後は大丈夫だと思います。
3.
width:765px;
ここのwidthも広げる必要がありそう。
一応テストしてみたら私の環境では左サイドバーだけ広げることできました。
コメント(2)
horseflyさん
回答ありがとうございます!
でも、うまくいかないです・・・
まずは、おっしゃる通りに3箇所の数字を30ずつ上げました。
次に、
http://parts.blog.livedoor.jp/img/usr/liquid_piano...
↓
http://image.blog.livedoor.jp/ddkcoral/imgs/2/6/26...
このように30px引き伸ばし、
http://parts.blog.livedoor.jp/img/usr/liquid_piano...
↓
http://image.blog.livedoor.jp/ddkcoral/imgs/a/0/a0...
左だけ長くなるように、30px引き伸ばし、
もちろんバナー画像サイズも変更しました。
horseflyさん
続きです。
あと、
http://parts.blog.livedoor.jp/img/usr/liquid_piano...
↓
http://image.blog.livedoor.jp/ddkcoral/imgs/d/9/d9...
これも一応30px伸ばしました。
これらの画像を差し替えたり、いろいろ試してみても、崩れるんです・・・
何が間違っているんでしょうか??
何度もすみません!!
よろしくお願いします!!!


