◎ サイト説明文(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!) */
}
タイトル部分の左右にスペースを空けることで、長くなりすぎたブログ説明文を、
自動的に改行して表示させることができます。
ブログの説明文をタイトル部分の左右にスペースを空けて表示するには、ブログの説明文(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!) */
}
| 無料ブログ テンプレート カスタマイズ |
Copyright © 2006 無料ブログ テンプレート カスタマイズ All rights reserved.
ドメイン SEO対策カウンター
Template by 無料ホームページ作成講座ブログ
Copyright © 2006 無料ブログ テンプレート カスタマイズ All rights reserved.
ドメイン SEO対策カウンター
Template by 無料ホームページ作成講座ブログ
記事の内容にご満足戴けましたならクリックをお願いします ↓

