himawari_3col_popについて(2)
Date:2006/07/19 22:30
ブログの説明部分が２行になった場合の対処方法を解説します。
初期状態では、ブログの説明文が２行になった場合、２行目は表示されないよう設定しています。
これを正しく２行表示するためには、管理画面の「ブログデザインの設定」より、「himawari_3col_pop」の「修正」リンクをクリックします。
修正画面に切り替わるので、「スタイルシートの編集 himawari_3col_popを編集しています。」のテキストボックス中から、下記部分を探します。
(全文をメモ帳などにコピーすると探しやすくなります。)
#site_description{
margin: 0;
padding-top: 5px;
padding-right: 10px;
padding-left: 10px;
height: 20px;
text-align: left;
font-size : 10pt ;
color : #FFF;
background-color: #66CC00;
overflow: hidden;
}
上記のうち、
height: 20px;
の部分を
height: 30px;
に修正することで、２行目も表示されるようになります。
これを正しく２行表示するためには、管理画面の「ブログデザインの設定」より、「himawari_3col_pop」の「修正」リンクをクリックします。
修正画面に切り替わるので、「スタイルシートの編集 himawari_3col_popを編集しています。」のテキストボックス中から、下記部分を探します。
(全文をメモ帳などにコピーすると探しやすくなります。)
#site_description{
margin: 0;
padding-top: 5px;
padding-right: 10px;
padding-left: 10px;
height: 20px;
text-align: left;
font-size : 10pt ;
color : #FFF;
background-color: #66CC00;
overflow: hidden;
}
上記のうち、
height: 20px;
の部分を
height: 30px;
に修正することで、２行目も表示されるようになります。
この記事に対するコメントの投稿
この記事に対するトラックバック
- トラックバックURL
- http://komitsudo.blog70.fc2.com/tb.php/15-b1b8ea7f
- この記事にトラックバックする(FC2ブログユーザー)
この記事に対するコメント
はじめまして
こちらのテンプレートをお借りしたいと思っているのですが、少し変更したい部分があります。（すみません）
トップのタイトル部分の網掛けを外す、もしくはタイトルにあわせて短くしたいのですが、スタイルシートでどう表されているのかがどうしても分かりませんでした。
お忙しいところ申し訳ありませんが、教えていただけると嬉しいです。
タイトル部分の編集方法
変更は気兼ねなくどうぞヽ( ^▽^)/
問題のタイトル部分ですが、html側は
<!-- タイトル -->
<h1><a href="<%url>"><%blog_name></a></h1>
という箇所、CSSは
/* title detail */
h1 {
padding-top: 2px;
margin: 205px 0 0 0;
height: 25px;
font-size: 20px;
text-align: left;
color: #FF9900;
background: url(http://blog70.fc2.com/k/komitsudo/file/clearbg.gif) top left repeat #66CC00;
}
となっています。
>トップのタイトル部分の網掛けを外す
上記CSSの
background: url(http://blog70.fc2.com/k/komitsudo/file/clearbg.gif) top left repeat #66CC00;
を変更してください。
>もしくはタイトルにあわせて短くしたい
html側を
<h1><span id="titleCustum"><a href="<%url>"><%blog_name></a></span></h1>
と付け加え、CSS側で
color: #FF9900;
background: url(http://blog70.fc2.com/k/komitsudo/file/clearbg.gif) top left repeat #66CC00;
をh1部分から削除、
h1 #titleCustum{
color: #FF9900;
background: url(http://blog70.fc2.com/k/komitsudo/file/clearbg.gif) top left repeat #66CC00;
を書き加えるとタイトルにあわせ短くなるかと思います。
ありがとうございます！
おはようございます。
お忙しい中、早々に、しかもご丁寧な回答ありがとうございました。
すごくよく分かって、自分の思ったとおりに直せることができました。
早速テンプレ変更させていただきます。
ありがとうございました。
補足説明記事をありがとうございます。
このたび、ひまわりの可愛いテンプレートを利用させていただきました。
その際に、同記事に補足してあることを参照させていただきました。
テンプレートをDL刷るときにコメントを入力し忘れてしまったので、こちらで利用の報告とお礼にお伺いしました。
ありがとうございます。