１．このブログからのリンクを相対URLにしてみた。
Ogawa::Memoranda: MTTruncateURL Plugin を導入して、テンプレートの最初に <MTTruncateURL> 、最後に</MTTruncateURL> を追加するだけでOK。
２．エントリータイトルのclass指定をCategoryIDにした。
カテゴリ毎にタイトル部分のスタイル変更ができるようになります。その前準備。
３．右上にカウンタを追加。
テンプレートを統一したブログ全てに追加。(カウント開始:2004/10/28)
４．「続きを読む」「隠す」を別の方法に変更した。
HINAGATA:HINAGATAでの折りたたみメニュー を参考に修正。
ただ、
ついでに、切り替え部分をボタンに見えるようにスタイルを変更してみました。(10/29追加)
４番の方法については「続き」をどうぞ。
Ogawa::Memoranda: MTTruncateURL Plugin を導入して、テンプレートの最初に <MTTruncateURL> 、最後に</MTTruncateURL> を追加するだけでOK。
２．エントリータイトルのclass指定をCategoryIDにした。
カテゴリ毎にタイトル部分のスタイル変更ができるようになります。その前準備。
３．右上にカウンタを追加。
テンプレートを統一したブログ全てに追加。(カウント開始:2004/10/28)
４．「続きを読む」「隠す」を別の方法に変更した。
HINAGATA:HINAGATAでの折りたたみメニュー を参考に修正。
ただ、
id属性は、文書中に重複することができません。と書かれていますが、公開されているソースは追記が何個もあるとidが重なってしまうのでその辺は修正をかけました。
ついでに、切り替え部分をボタンに見えるようにスタイルを変更してみました。(10/29追加)
４番の方法については「続き」をどうぞ。
応用 : エントリーの追記だけを折りたたみメニュー を参考にしました。
スクリプトやスタイルシートをテンプレートに追加するのは変更なし。
で、追記部分については<a>タグを使用する方を参考にして以下のように変更しました。
ついでに、切り替えボタン(!?)をボタンに見えるようにスタイルを変更してみました。(10/29追加)
スタイルシートのテンプレートに追加してみてください。
なお、この表示はInternet ExplorerよりもMozilla Firefoxの方がボタンらしく見えます。
スクリプトやスタイルシートをテンプレートに追加するのは変更なし。
で、追記部分については<a>タグを使用する方を参考にして以下のように変更しました。
<MTEntryIfExtended>
<!-- Extend -->
<p class="extended">
<a href="javascript:void(0)" onclick="toggleWithClass(this,'hidden','none')" onkeypress="toggleWithClass(this,'hidden','none')" title="Expand">続きを読む</a>
</p>
<div id="ext<$MTEntryID pad="1"$>" class="hidden"><$MTEntryMore$></div>
</MTEntryIfExtended>
ついでに、切り替えボタン(!?)をボタンに見えるようにスタイルを変更してみました。(10/29追加)
スタイルシートのテンプレートに追加してみてください。
なお、この表示はInternet ExplorerよりもMozilla Firefoxの方がボタンらしく見えます。
p.extended {
background-color: #cccccc;
text-align: center;
margin-top: 10px;
border-width: 2px;
border-style: outset;
border-color: #999999;
padding: 0px;
margin-left: 2px;
margin-right: 2px;
margin-bottom: 10px;
width: 10ex;
}
p.extended a,
p.extended a:link,
p.extended a:active,
p.extended a:visited {
font-size: 95%;
text-decoration: none;
color: black;
}
| パーマリンク
