解決済

clip!clip!
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の質問
ブログ  位置  説明文  
ブログ
ブログのかわいいポータルサイト「ヤプログ!」
www.yaplog.jp/
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(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

>はちぷー さん
無事に解決して良かったです。
ベストありがとうございました (^^)
また何かあれば、ナレッジを御利用ください。

トラックバック(2)

トラックバックURL: