テンプレートver.upのお知らせ

針ねずみシリーズと小梅・金糸雀・鶯・桜のテンプレートのアップデートを行いました。ご使用の方はバージョンアップをお願いします。
(手動でverupされる方用に詳細解説つき)

▼エントリへのリンクと最新版ダウンロード

ver.up内容と詳細な変更点は続きへ。 今回のver.up内容リストです。
手動でアップデートしたい人は、リストの横の▼をクリックすると詳細に飛びます。
この色の部分が主な変更あるいは追加箇所ですので、お手持ちのテンプレートのアップデート箇所にあわせて書き換えてください。

▼針ねずみシリーズ
▼ベースHTML
script_versionを追加
trackback_auto_discoveryを追加
コメントとTBのタイトルにidを追加
▼CSS
strongの太さをnomalにしていたのを解除
img.pictにclear:leftを追加
img.thumbを追加(img.pictと同じ設定)
div.entryのclear:bothを削除してdiv.entry_stateに追加。
エントリ内のみリストマークを表示させる
▼小梅・金糸雀・鶯
▼ベースHTML
trackback_auto_discoveryを追加
コメントとTBのタイトルにidを追加
▼CSS
img.pictとimg.thumbにclear:leftを追加
エントリ内のみリストマークを表示させる
▼桜
▼ベースHTML
trackback_auto_discoveryを追加
コメントとTBのタイトルにidを追加
▼CSS
div.entryのclear:bothを削除してdiv.entry_stateに追加。
img.pictとimg.thumbにclear:leftを追加
エントリ内のみリストマークを表示させる


▼script_versionの追加
<li>Powered by <a href="http://serennz.cool.ne.jp/sblog/"><strong>sb {script_version}</strong></a></li>

▼trackback_auto_discoveryの追加(HTML)
トラックバックの自動検出が使えるようになります。
<!--_end_entry_-->
{trackback_auto_discovery★}
<!-- END entry -->
※記事内で独自タグを表示させるため★を挟んでいます。
実際に書く時は★を削除して下さい。

▼コメントとTBのタイトルにidを追加(HTML)
エントリーのcommentとtrackbackをクリックした時に該当箇所へジャンプするようになります。
▼針ねずみシリーズ
<div class="tb_title" id="trackback">Trackbacks</div>
<div class="com_title" id="comments">Comments</div>
▼鶯・小梅・金糸雀
<h2 class="tb_title" id="trackback">Trackbacks</h2>
<h2 class="com_title" id="comments">Comments</h2>

▼strongの太さをnomalにしていたのを解除(CSS)
em, strong,←削除 q, cite ,sub ,sup {
position: static;
margin: 0px;
padding: 0px;
border: none;
font-style: normal;
font-weight: normal;
}

▼img.pictにclear:leftを追加&img.thumbを追加(CSS)
marginはお好みで。img.pictとimg.thumbがあって、双方ともfloat:left;とclear:left;が指定されていればOK。
/* class名pictとthumbの画像にテキストの回り込みを設定 */

img.pict {
margin:5px 5px 5px 5px;
float:left;
clear:left;
}

img.thumb {
margin:5px 5px 5px 5px;
float:left;
clear:left;
}

▼div.entryのclear:bothを削除してdiv.entry_stateに追加。(CSS)
div.entryやdiv.entry_stateの中身はテンプレによって異なりますが、clear:both;だけを移動させればOKです。
div.entry {
padding:5px 0px 10px 0px;
margin:0px;
clear:both;←削除
}
div.entry_state{
padding:5px 5px 5px 5px;
margin:0px 5px 0px 0px;
color:#86bdc3;
font-size:10px;
line-height:16px;
text-align:right;
background-color:#fff;
clear:both;
}

▼エントリ内のみリストマークを表示させる(CSS)
これは丸ごと追加です。
/* 記事内のリストのみマークをつける */

div.entry ul li {
margin-left:15px;
list-style:disc;
}

アップデート作業より、この説明を全部書いていくのが一番しんどかったー!(笑)
Related Archive