サイト説明文を改行させる

ここでは、 サイト説明文を改行させる に関する記事を紹介しています。
category : ブログ カスタマイズ 方法  |  タグ : カスタマイズ,
◎ サイト説明文(introduction)を改行して表示させる

タイトル部分の左右にスペースを空けることで、長くなりすぎたブログ説明文を、
自動的に改行して表示させることができます。

ブログの説明文をタイトル部分の左右にスペースを空けて表示するには、ブログの説明文(introduction)のブロックのパッディング(padding)で調整して下さい。

マージン(margin)指定でもスペースを空けることはできますが、
テンプレートのレイアウトが崩れることもあります。

※記載例
スタイルシートの部分の 赤字 の部分を調整
.introduction {
       padding: 0px 5px 0px 5px;
       text-align: left;   /* 必要に応じ追加 */
}

※記載例説明;注意(注釈)は不要
 ・padding: 0px(上スペース) 100px(右スペース) 0px(下スペース) 150px(左スペース);
  (ブログ説明文の左に100px、右に150pxのスペースを空ける)
 ・タイトル部分がセンタリング指定している場合必要に応じ「text-align: left;」を追加

タイトル部分の幅が、固定されている場合には、
.introduction {
       width: 580px;   /* タイトル部分の幅を580pxに指定 */
}

としても、同じ効果が得られます。

注意点
サイト説明文(introduction)を改行して表示させることで、タイトル部分の文字がずれる場合には、
#headBlock {
      height:110px;   /* この部分を調整(指定してない場合はそのままでOK!) */
}

記事の内容にご満足戴けましたならクリックをお願いします ↓
JRANKブログランキング FC2ブログランキング 人気blogランキング!
この記事へのコメント
こんにちわ。
わざわざご連絡いただきましてありがとうございます。
早速やってみたらバッチリできました.+:。(≧∇≦)ノ゚.+:。
前からコチラのテンプレ使わせていただいていたのですが、一度別方のテンプレに浮気したら、vistaから見れないということがあり再びお世話になっております。
とってもシンプルでカスタムしやすく、コチラのサイトにはいつもお世話になっております。
また何かありましたらよろしくお願いします。
2007/04/19(木) 14:09 | URL | リエマル #-[ 編集]
広告配信サービス「マイクロアドターゲット」 *
URL:
Comment:
Pass:   
この記事のトラックバックURL
この記事へのトラックバック