FC2ブログのテンプレート工房

standardシリーズをver.08にバージョンアップしました。
white_eagle,fullmoon_howlingもstandardシリーズに含まれます。
バージョンはHTMLかスタイルシートの末尾に記されています。

前バージョンからの主な変更点は次の通りです。

standardシリーズでは、ブラウザがIE7だとカテゴリ表示したときに崩れることがありました。この解決方法が解かりましたのでお知らせします。

スタイルシートを編集します。

/* メニューコンテンツ */
.menu_cont {
〜
width: 100%;
〜
}

width: 100%;を削除してください。これでIE7でカテゴリを表示しても崩れなくなるはずです。
IE7で表示不具合があり誠に申し訳ありませんでした。

現在リリースしている全てのテンプレートについて諸機能を追加したバージョンアップ版(Ver.7)を再リリースしました。

主な変更点は次の通りです。

「絵文字が文字よりも上にずれてしまう」とうい問題を修正し、全シリーズにおいて再アップしました。

Vodafone,i-modeの絵文字はこれで解決できますが、Ezwebの絵文字は画像自体が下に空白を作っているためにどうしようもありません。申し訳ありません。

以下修正内容です。

/* 絵文字 */
.emoji {
　　margin: 0 1px;
}

この記述をスタイルシートに加えるだけです。

またなにか気づくことがあれば教えて頂ければ幸いです。
度重なる不具合誠に申し訳ありませんでした。

「プラグインのドロップ・ダウンメニューは位置制御ができない」という問題を修正しました。また「続きを読む」の続きの境界罫線を入れました。

全シリーズにおいてこれらの修正を行い再アップ致しました。
以下修正内容です。

■プラグイン位置制御問題の修正

<!--▼▼ プラグイン カテゴリー１ ▼▼-->
〜
<%plugin_first_content>
〜
<!--▲▲ プラグイン カテゴリー１ ▲▲-->

<!--▼▼ プラグイン カテゴリー３ ▼▼-->
〜
<%plugin_third_content>
〜
<!--▲▲ プラグイン カテゴリー３ ▲▲-->

<!--▼▼ プラグイン カテゴリー２ ▼▼-->
〜
<%plugin_second_content>
〜
<!--▲▲ プラグイン カテゴリー２ ▲▲-->

これを次のように修正しました。

<!--▼▼ プラグイン カテゴリー１ ▼▼-->
〜
<div style="margin: 10px 0; text-align:<%plugin_first_align>">
<%plugin_first_content>
</div>
〜
<!--▲▲ プラグイン カテゴリー１ ▲▲-->

<!--▼▼ プラグイン カテゴリー３ ▼▼-->
〜
<div style="margin: 10px 0; text-align:<%plugin_third_align>">
<%plugin_third_content>
</div>
〜
<!--▲▲ プラグイン カテゴリー３ ▲▲-->

<!--▼▼ プラグイン カテゴリー２ ▼▼-->
〜
<div style="margin: 10px 0; text-align:<%plugin_second_align>">
<%plugin_second_content>
</div>
〜
<!--▲▲ プラグイン カテゴリー２ ▲▲-->

■「続きを読む」の罫線挿入

<!--▼ エントリー（記事）▼-->
〜
<!--more_link--><a href="<%topentry_link>#more">続きを読む</a><!--/more_link-->
<!--more--><%topentry_more><!--/more-->
〜
<!--▲ エントリー（記事）▲-->

これを次のように修正しました。

<!--▼ エントリー（記事）▼-->
〜
<!--more_link--><a href="<%topentry_link>#more">続きを読む</a><!--/more_link-->
<!--more-->
<hr class="tuduki" noshade size="1">
<%topentry_more><!--/more-->
〜
<!--▲ エントリー（記事）▲-->

更に次の記述をスタイルシートに追加しました。

/* "続きを読む"の罫線 */
.tuduki {
/* ---------------------------------------------------- */
border-color:#FFA500; /* 続きを読む」の境界線の色 */
/* ---------------------------------------------------- */
border-width:1px;
border-style:dashed;
}

他にも気になる機能、不具合があれば対応致します。
不具合続きでお騒がせして申し訳ありませんが今後とも宜しくお願い致します。

コメントのリンクを別窓に開くように修正して再アップしました。(1/30 1:00頃)

修正内容は以下の通りです。

<!--▼コメント表示▼-->
〜
 <a href="<%comment_url>"><%comment_mail></a>
 <%comment_url+name>
〜
<!--▲コメント表示▲-->

この２行を次のように書き換えます。

<!--▼コメント表示▼-->
〜
 <a href="<%comment_url>" target="_blank"><%comment_mail></a>
 <a href="<%comment_url>" target="_blank"><%comment_name></a>
〜
<!--▲コメント表示▲-->

これでコメントのリンクは別窓が開かれます。

(1/18〜22)にアップしていたバージョンでは「画像を並べると画像間のマージン(隙間)が少ない。特にFireFox,NetScape,Operaでは画像がくっついてしまう」という問題がありました。

この問題を修正して再アップ致しました。(1/22)
修正箇所を報告します。

スタイルシートに追加

/* 画像 */
img {
　　margin: 5px;
}

数値を増やせば隙間も大きくなります。

お騒がせして大変申し訳ありませんでした。

このたび(1/20 23時頃)「ある共有プラグインを用いるとIEにてレイアウトが崩れる」という問題を修正して再アップしました。

旧バージョン(タイトル横に検索窓がある)タイプで既に独自のカスタマイズをされた方も多いと思います。お手数をお掛けして誠に申し訳ありません。

旧バージョンからの問題修正方法を紹介致します。
念のため修正前のものはバックアップを取っておくことをお薦めします。

まずHTMLを編集します。


<!--▼▼ プラグイン カテゴリー１ ▼▼-->
〜
<div class="plug_cont">
〜
</div><!--/plug_cont-->
〜
<!--▲▲ プラグイン カテゴリー１ ▲▲-->


この赤い部分の行を次のように書き換えてください。


<!--▼▼ プラグイン カテゴリー１ ▼▼-->
〜
<table border="0"><tbody><tr><td class="plug_cont">
〜
</td></tr></tbody></table>
〜
<!--▲▲ プラグイン カテゴリー１ ▲▲-->


同様に
<!--▼▼ プラグイン カテゴリー２ ▼▼-->
<!--▲▲ プラグイン カテゴリー２ ▲▲-->
にも同じ処理を施してください。

次にスタイルシートを編集します。

/*----メニューレイアウト-----*/
.plug_cont {
margin: 0 1em 1em;
font-size: 75%;
}

赤い行を次のように書き換えてください。

/*----メニューレイアウト-----*/
.plug_cont {
padding: 0 1em;
font-size: 75%;
}

以上が旧バージョンの問題を解決できる最も簡単な方法です。
この方法は本日発見しました。私が昨日新バージョンに施した修正よりもずっと簡単でシンプルなものです。

この度はお騒がせして誠に申し訳ありませんでした。