Ads By Google
ブログの説明文の位置について
ブログのタイトル画像を変えて、タイトルの位置は簡単に変更できたのですが、説明文は上手く行きません。どのようにしたら上手く変更出来るのでしょうか?宜しくお願いしますm(_ _)m
ブログは
で、カスタマイズ元のテンプレは桜(3カラム)です。
一応、タイトルと説明文のCSSを載せてみます。
.blogtitle{
float:left;
font-size:40px;
font-weight:bold;
padding-top:20px;
padding-left:50px;
}
.description{
float:left;
font-size:10px;
font-weight:bold;
color:#fff;padding-top:60px;padding-left:200px;
}
2006-07-23 22:05の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(1)
1.
2006-07-24 01:22:21

説明文は上手く行きません。どのようにしたら 上手く変更出来るのでしょうか?
これをどういう具合にしたいのですか?
具体的な質問が書かれていないので、
思いつくところだけ書いておきますね。
とりあえず .description{ } の中をこういう風に変えてもらえますか?↓
.description{
text-align:left;
font-size:○○px;
font-weight:bold;
color:#fff;
padding:60px ○○px ○○px 200px;
}
これをベースに調整していきましょうか。
text-align:left; は左に寄る指示です。left を right にすると、右よりになります。center で中央寄り。
font-size:○○px; は、○○の中の数字を入れ変えて好きな大きさに変更して下さい。
font-weight:bold; は、太文字。標準の文字で良いなら、削除して下さい。
color:#fff; は、文字の色。#fff を好きなカラーコードを入れて変更して下さい。
padding:○○px ○○px ○○px ○○px;
場所の指示は、これを変更します。現在なぜこの指示でああいう表示になっているんだろう? float:left; って始めから入っていました? あの記述が邪魔していると思って text-align:left; に .description のほうは変えたんですけどね・・・。
とりあえず、padding:○○px ○○px ○○px ○○px; に入れる数字は、左から上、右、下、左、を表します。通常どこを基準にするかというと、ブログタイトルです。そこから上の余白をいくら、左側からいくら ・・・ という風に調整していきます。適当な数字を入れて1回やって見てください。そのほうが理解していただけるのは早いと思いますから。
説明文章を <br> で改行していますよね。これの上下の間隔を少し広めに取りたかったら、上記の .description{ } の中に、これを入れて調整して下さい。
line-height:130%;
数字を大きくすれば間隔が広がるし、小さくすれば狭まります。
何かあれば下のコメント欄にお書きください。
AQさんありがとうございましたm(_ _)m
もっと明確に書かないとダメですね。
ブログタイトルの下に持って行きたかったので・・・
お陰様で無事説明文をタイトルの下に持って行くことが
出来ました(^_^)v
Ads By Google
コメント(1)
#1. AQ
2006-07-24 23:05:23
>はちぷー さん
無事に解決して良かったです。
ベストありがとうございました (^^)
また何かあれば、ナレッジを御利用ください。


