彼此ともつかぬ場所


□ スポンサー広告 □

スポンサーサイト

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




*    *    *

Information

□ 修正報告 □

for_novel シリーズ 「Novel List」を短編にも若干対応2

 前回の改良よりも、もう少しスマートに「Novel List」を短編対応、かつ長編時も違和感少ない表示に変更いたしました。
 文字レイアウトのサンプルは、こんな感じです。

 新しくテンプレートをダウンロードしていただくか、もしくは以下のようにパッチをあててお使いください。

 先ずはHTML。351行目と352行目を見てください。
 前回の修正前のバージョンでは、

329行目><!-- ▽ タグ検索表示画面 -->
(中略)
351行目>      <div class="text"><%topentry_discription></div>
352行目>      <div class="more"><a href="<%topentry_link>#jump<%topentry_no>">この話を読む ≫</a></div>
(中略)
361行目><!-- △ タグ検索表示画面 -->

と、そして前回の修正以降のバージョンでは、

329行目><!-- ▽ タグ検索表示画面 -->
(中略)
351行目>      <div class="text"><%topentry_discription></div>
352行目>      <div class="more"><a href="<%topentry_link>#jump<%topentry_no>">「<%topentry_title>」を読む ≫</a></div>
(中略)
361行目><!-- △ タグ検索表示画面 -->

と、なっている二行を……

329行目><!-- ▽ タグ検索表示画面 -->
(中略)
351行目>      <div class="novellist"> <a href="<%topentry_link>#jump<%topentry_no>">【<strong><%topentry_title></strong>】</a>
352行目>        <br /><%topentry_discription></div>
(中略)
361行目><!-- △ タグ検索表示画面 -->

のように、赤色文字→ピンク色文字と、まるっと二行を差し替えればOKです。

 それから、今回はCSSも少し手を入れます。

 先ず、

/* タグ検索表示画面 タグリスト */

という部分を見つけ出してください。大体CSSファイルの中ほどにあります。

/* タグ検索表示画面 タグリスト */
.tag { font-size:80%; line-height:150%; margin:5px 0px 0px 25px; }

となっている部分を、

/* タグ検索表示画面 タグリスト */
.tag { font-size:80%; text-align:right; line-height:150%; margin:5px 15px 0px 15px; }

となるように、「text-align:right;」を追加して、マージンの値を修正してください。


 それから、CSSファイルの二行目以降のどこかに、

/* 小説一覧用テキスト */
.novellist { font-size:88%; line-height:170%; margin:0px 15px 15px 15px; }

というクラスを追加してください。キーボードで打ち込む場合は、全て半角でお願いします。
 この時、「novellist」というクラス名の前、つまり行の先頭に「.(ピリオド)」を忘れないようにしてくださいね。

 これで、作業は終わりです。特に、前回も自分でカスタマイズなさった方、本当にお疲れ様です。お付き合いありがとうございました!



*    *    *

Information

Date:2009/10/01
Trackback:0
Comment:0

Comment

コメントの投稿

コメント書き込みの前に、是非一度「コメントについて」に目をお通しください。







 ブログ管理者以外には秘密にする

Trackback

TrackbackUrl:http://greenbeetle2.blog117.fc2.com/tb.php/70-15d4bcc1
この記事にトラックバックする(FC2ブログユーザー)

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