お蔵入り

シンプルで白の3カラムを使っているのですが全体的に枠を拡げたいです。また、タイトルの文字を大きくしたいのですが。

ちなみにタイトルの後ろの背景は取り除いています。教えていただければ非常に助かります。

2006-05-25 16:21の質問
この質問は、30日間解決しなかったために自動的に質問が一旦閉じられました。
Ads By Google

回答(2)

1.

2006-05-25 18:28:35
スタイルシートの書き換えをします。

管理ページ、投稿、編集のページの横の下のほうに「注目のデザイン」というのがあると思います。
そこの(デザインを変更する)をクリックして、「デザインの設定」のページへ行きます。
一番下の右側に「カスタマイズ」というのがあります。
そこをクリックすれば、スタイルシートや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ですよね?
他の数字と合わないので。
カラム広げるのをやめるとうまくいくかと思います。
回答レベル : アドバイス
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足したのですが、デサインが大きく崩れてしまったもので。ご面倒掛けて申し訳ございませんが教えてください。

トラックバック

トラックバックURL: