追記を展開する(3)

「続きを読む」の表示色が{青色}だったのを{赤色}に変更しました。

◆ HTMLの修正

<!-- 修正部分(続き)  ------------------------------------>
                        <!--more_link-->
<div class="entry_text"> ※1
<div id="varP<%topentry_no>">
<a href="<%topentry_link>#<%topentry_no>" onclick="showMore(<%topentry_no>,'<%topentry_link>#<%topentry_no>');return false;">《 続きを読む → 》</a><br />
</div>
</div>
<div id="varXYZ<%topentry_no>" style="display: none"><%topentry_more><br />
<a href="#entry<%topentry_no>" onclick="showMore(<%topentry_no>,0);return true;"><span style="color: #ff4500; font-weight: bold; ">《 ← 続きを閉じる 》</span></a>
</div>
                        <!--/more_link-->
<!-- /修正部分(続き)  ------------------------------------>


◆ CSS に追加

/*-------- 続きを読む(Font) ----------------------- */
.entry_text a:link {color: #ff4500; text-decoration: underline; }
.entry_text a:hover, a:active { font-weight: bold; text-decoration: none; }



※1 {entry_text}はもともと CSS で定義されていなかったので、「続きを読む」の "class" として定義しました。 「続きを閉じる」の方は、スクリプトを解っていない私には変更できなかったので、HTML の中で表示色だけを変更をしました。 

スポンサーサイト
     

コメント

Secret

     
カレンダー
09 | 2017/10 | 11
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31 - - - -
ホームページ
プロフィール

チャッピー

名  前:チャッピー
誕生日:2000年8月13日
性  別:男性
趣  味:散歩(最近は昼寝)
特  技:お座り、お手&待て!

メール ・ 管理画面
カウンター
今日の天気&予報

※日本気象協会(tenki.jp)

最新記事
月別アーカイブ
〖日付の古い順で表示します〗
カテゴリ
〖日付の新しい順で表示します〗
リンク
ブログ内検索
RSSリンクの表示