Ads By Google
サイドバーの幅の変え方について。
デザインは、シンプルのVivid Style(2カラム)を使用しています。サイドバーを幅300くらいの画像が埋め込めるくらいに、広げたいのですが、どこをどういじっていいかわかりません。
できれば詳しく教えていただきたいです。
お願いいたします。
2007-03-15 18:01の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(1)
2.
2007-03-16 09:01:23

幅の変更はCSSの編集でできるはずです。類似の質問がほかにあったはずですが、探して見つかりませんでした。そこにCSSの編集の仕方が詳しく書いてあるはずです。
Livedoorblog管理画面>カスタマイズ/管理>デザインの設定>カスタマイズで、CSSの編集画面がでます。
「カスタマイズ/管理」は画面の上の方、管理トップページという項目の2個右にあります。
「デザインの設定」は、画面左の「ブログの設定/管理」の2番目の項目です。
「カスタマイズ」は、一番下までスクロールした左にあります。
編集画面が出たら、スクロースして少し下の方を表示させます。お使いのテンプレートがわからないので、桜2カラムを例にしました。
#blogcontainer{
width:775px;
text-align:center;
margin:0 auto;
}
#content{
width:575px;
float:left;
text-align:center;
padding-bottom:30px;
}
#blog{
width:575px;
text-align:left;
margin:0 auto;
}
#links{
float:right;
margin:0 auto;
width:190px;
padding:28px 0 50px;
}
というところを探してください。
#blogcontainer{
width:775px;
text-align:center;
margin:0 auto;
}
#links{
float:right;
margin:0 auto;
width:190px;
padding:28px 0 50px;
}
のところを変更します。
#blogcontainer{
width:885px;
text-align:center;
margin:0 auto;
#links{
float:right;
margin:0 auto;
width:300px;
padding:28px 0 50px;
}
#blogcontainerは全体の幅になります。サイドバーを広げた分を加算してください。
Livedoorblog管理画面>カスタマイズ/管理>デザインの設定>カスタマイズで、CSSの編集画面がでます。
「カスタマイズ/管理」は画面の上の方、管理トップページという項目の2個右にあります。
「デザインの設定」は、画面左の「ブログの設定/管理」の2番目の項目です。
「カスタマイズ」は、一番下までスクロールした左にあります。
編集画面が出たら、スクロースして少し下の方を表示させます。お使いのテンプレートがわからないので、桜2カラムを例にしました。
#blogcontainer{
width:775px;
text-align:center;
margin:0 auto;
}
#content{
width:575px;
float:left;
text-align:center;
padding-bottom:30px;
}
#blog{
width:575px;
text-align:left;
margin:0 auto;
}
#links{
float:right;
margin:0 auto;
width:190px;
padding:28px 0 50px;
}
というところを探してください。
#blogcontainer{
width:775px;
text-align:center;
margin:0 auto;
}
#links{
float:right;
margin:0 auto;
width:190px;
padding:28px 0 50px;
}
のところを変更します。
#blogcontainer{
width:885px;
text-align:center;
margin:0 auto;
#links{
float:right;
margin:0 auto;
width:300px;
padding:28px 0 50px;
}
#blogcontainerは全体の幅になります。サイドバーを広げた分を加算してください。
回答レベル : 回答
Ads By Google
コメント
まだコメントがありません



