スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

公式「ribbon」、2行にわたる長いタイトルの2行目が全く見えなくなるのをなんとかしたい。

tableレイアウトはどうかな?と思ったんですが。このテンプレ、もともとtableレイアウトだったんですね……。じゃ、遠慮なくいっちゃいましょうか。

テンプレートHTML中下記の部分を

<div class="entry_title"><a id="<%topentry_no>" name="<%topentry_no>"><%topentry_title></a></div>

変更します。

<a id="<%topentry_no>" name="<%topentry_no>"><%topentry_title></a>



スタイルシート中

/*エントリー:見出し背景*/
.entry_title_bg{
width:350px;
height:30px;
background: url(http://templates.blog.fc2.com/template/ribbon/b_entry_title.gif) no-repeat;
}

/*エントリー:見出し*/
.entry_title{
font-size: 12px;
line-height: 180%;
letter-spacing : 1px;
font-weight: bolder;
color: #FFFFFF ;
margin: 0px 20px 0px 20px;
}

変更します。

/*エントリー:見出し背景*/
.entry_title_bg{
width:350px;
height:30px;
background: url(http://templates.blog.fc2.com/template/ribbon/b_entry_title.gif) no-repeat #de808c;
font-size: 12px;line-height:13px;
letter-spacing : 1px;
font-weight: bolder;
color: #FFFFFF ;
padding: 0px 20px 0px 20px;
}



結果のプレビューです。
スポンサーサイト

コメントの投稿

Secret

■Page Selector

TOTAL Pages
検索フォーム
RSSリンクの表示
リンク
ブロとも申請フォーム

この人とブロともになる

QRコード
QRコード
■追加プラグイン
■ブログ管理MENU(新)
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。