お蔵入り
シンプルで白の3カラムを使っているのですが全体的に枠を拡げたいです。また、タイトルの文字を大きくしたいのですが。
ちなみにタイトルの後ろの背景は取り除いています。教えていただければ非常に助かります。
2006-05-25 16:21の質問
この質問は、30日間解決しなかったために自動的に質問が一旦閉じられました。
Ads By Google
回答(2)
1.
2006-05-25 18:28:35
スタイルシートの書き換えをします。
管理ページ、投稿、編集のページの横の下のほうに「注目のデザイン」というのがあると思います。
そこの(デザインを変更する)をクリックして、「デザインの設定」のページへ行きます。
一番下の右側に「カスタマイズ」というのがあります。
そこをクリックすれば、スタイルシートやHTMLテンプレートを編集できるページへ行けます。
シンプルで白のデザインというのが、具体的にどのデザインなのか分らなかったので、
(シンプルのジャンルで白というのを捜してみましたが)
ご自分のスタイルシートとは数字等が違うかも知れません。
タイトルの文字は、
スタイルートを少し、スクロールさせると出てくる、
幅の変更で、スタイルシートの変えるべきところは、次に挙げるところの
まず、ここに挙げた内の一番上、#container{ }の中のwidth:の後の数字を決めます。
幅を広くしたいのですから、数字を大きくします。
しかし、限度があります。1000px以下を考えてください。
そして、大きくした数字から、元の数字を引いて、差を求めておきます。
その差を、#banner,#subbanner{ }、#ad{ }、#wrapper{ }、#content{ }の中のwidth:の後の数字に足して書き換えます。
これで、変更できたはずです。
後は、[この内容で保存する]をクリックして、
「ブログに設定を反映(再構築)」のページで「デザイン(CSS)」を選択して[ブログを再構築する]をクリックしてください。
管理ページ、投稿、編集のページの横の下のほうに「注目のデザイン」というのがあると思います。
そこの(デザインを変更する)をクリックして、「デザインの設定」のページへ行きます。
一番下の右側に「カスタマイズ」というのがあります。
そこをクリックすれば、スタイルシートやHTMLテンプレートを編集できるページへ行けます。
シンプルで白のデザインというのが、具体的にどのデザインなのか分らなかったので、
(シンプルのジャンルで白というのを捜してみましたが)
ご自分のスタイルシートとは数字等が違うかも知れません。
タイトルの文字は、
スタイルートを少し、スクロールさせると出てくる、
.blogtitle{
font-size:14px;
padding:1px 1px 1px;
}
のところのfont-size:の後の数字を変えます。増やせば大きくなります。
font-size:24px;という具合です。
幅の変更で、スタイルシートの変えるべきところは、次に挙げるところの
width:の後の数字です。
#container{
width:823px;
margin:0 auto;
#banner,#subbanner{
color:#fff;
width:773px;
height:100px;
#ad{width:340px;}
#wrapper{
float:left;
width:608px;
}
#content{
float:right;
width:393px;
text-align:center;
まず、ここに挙げた内の一番上、#container{ }の中のwidth:の後の数字を決めます。
幅を広くしたいのですから、数字を大きくします。
しかし、限度があります。1000px以下を考えてください。
そして、大きくした数字から、元の数字を引いて、差を求めておきます。
その差を、#banner,#subbanner{ }、#ad{ }、#wrapper{ }、#content{ }の中のwidth:の後の数字に足して書き換えます。
これで、変更できたはずです。
後は、[この内容で保存する]をクリックして、
「ブログに設定を反映(再構築)」のページで「デザイン(CSS)」を選択して[ブログを再構築する]をクリックしてください。
回答レベル : 回答
2.
2006-06-12 04:42:12
Liquid Pianoの本文のカラムを広げる
http://wiki.livedoor.jp/everydaydesign/d/Liquid%20...
これを参考にされましたか?
#left{
width:180px;
#right{
width:180px;
ここを広げたのがデザイン崩れた理由です。
つまり、右カラム、左カラム、本文、100ずつ広げたら、合計300ですよね?
他の数字と合わないので。
カラム広げるのをやめるとうまくいくかと思います。
http://wiki.livedoor.jp/everydaydesign/d/Liquid%20...
これを参考にされましたか?
#left{
width:180px;
#right{
width:180px;
ここを広げたのがデザイン崩れた理由です。
つまり、右カラム、左カラム、本文、100ずつ広げたら、合計300ですよね?
他の数字と合わないので。
カラム広げるのをやめるとうまくいくかと思います。
回答レベル : アドバイス
Ads By Google
コメント(1)
#1. やす
2006-05-25 20:03:30
早速のお返事ありがとうございます。使っているデサインはLiquid Pearlでタイトルは大きくできました。
#container{
width:786px;
#banner{
width:767px;
#blogcontainer{
width:765px;
#wrapper{
width:585px;
#content{
width:405px;
#blog{
width:395px;
#left{
width:180px;
#right{
width:180px;
このwidthの後の数を全て変更すれば良いのでしょうか?先程全部100足したのですが、デサインが大きく崩れてしまったもので。ご面倒掛けて申し訳ございませんが教えてください。


