ということで、入院です

本日28日に入院し、明日29日にぱぱっと手術してきます。
いつ退院になるかわかりませんが、一応退院しようと思えばすぐできるようなので、色々相談してみようと思います。

テンプレートのサポートはしばらくお待ちくださいませ。

Snowdance修正です(ノ∀｀)

Snowdance2.22をSnowdance2.23にアップデートです。
スタイルシート中のコメントの一部が間違っていました。

簡易カスタマイズ項目内、【カラム幅の変更】の中にある、

/* [4]：「75%」の部分を、「(100% - B1の値)/2」の値に変更*/

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

/* [4]：「75%」の部分を、「100% - (B2の値)/2」の値に変更*/


まさかの計算式間違い(ノ∀｀)

Nudeが登録されました。

久しぶりの新作テンプレ：Nudeが登録されました。
みなさん使ってやってくださいませ－。


とか言いつつ、早速修正したい点が出てきましたよ、と。
・アカマイ広告・追記・拍手間のスペース調整
結構詰まっているように感じたので。

・記事が無い状態の表示
「float」を使ってタイトル・記事・プラグインを配置しているので、記事が無い状態だとプラグインの表示される位置がタイトル横になってしまうみたい。fioreやsnowdanceでは対策済みなのですが、nudeでは対策するの忘れてました。


もう少ししたらバージョンアップするかもです。

nude ( ver.1.2以下 )

このページには、Nude ver.1.2以下にのみ適用できる情報が載っています。
新しいNudeについては、こちらの記事を参照してください。


クリックでテンプレートのプレビューができます。

★ 基本情報

テンプレート名 : nude
最新バージョン : 1.2

更新履歴 - Update history

09/10/08 : 1.1→1.2

[Modify] 「前後の記事へのリンク部分」のスタイル変更

[Modify] 左右カラムの入れかえ実装

[Modify] 非常に長い記事の場合に生じるFirefoxのバグに対応

[Modify] 簡易カスタマイズ一部改良

[Modify] pre、hrなどのデフォルトスタイル変更

09/08/08 : 1.0→1.1

詳細、及び手作業での更新については別記事にて。

[Modify] 全記事一覧表示に対応

[Modify] 記事がない場合の表示改善

[Modify] プラグイン3の出力方法を変更

[Modify] フッタ部の表示方法変更

[Modify] 簡易カスタマイズ一部改良

09/07/15 : 1.0

共有テンプレート登録

空間を意識した、記事の映えるシンプルテンプレート。
幅可変／固定の切り替えのほか、様々なカスタマイズ項目を用意。
左右カラム位置変更はver.1.2から使用可能になりました。

プラグイン3はトップページの記事上部に表示。
バトン用専用スタイルあり。プラグインON/OFF対応。XHTML 1.0 Transitional。jQuery1.3.2をテンプレート内で使用しています。

Mac版InternetExplorerで閲覧する際には、スタイルを適用しないよう設定されています。ご了承ください。

★ テンプレート更新通知機能つき

更新があると、ブログのフッタ部分に★マークがつきます。たまに確認していただけるとありがたいです。

★ カスタマイズ情報

• ページナビゲーションの編集
• タイトル部分の背景に画像を設定する
• スクロールバーのデザインを変更する

★ 簡易カスタマイズ項目

以下の項目は簡易カスタマイズとしてまとめられています。 詳しくはスタイルシート上部を参照してください。

• フォントの設定（ver.1.2以上）
  • 基本となるフォント
  • ブログタイトルのフォント
• フォントサイズの変更
  • 全体の文字サイズ（ver.1.2以上）
  • タイトルエリアの文字サイズ（ver.1.2で廃止）
  • タイトルの文字サイズ（ver.1.2以上）
  • ブログ紹介文の文字サイズ（ver.1.2以上）
  • メインカラムの文字サイズ
  • 記事の本文の文字サイズ
  • サブカラムの文字サイズ
• カラム幅の変更
• 文字色の変更
  • 基本となる文字色（ver.1.2で廃止）
  • タイトル部分の文字色（ver.1.2で廃止）
  • ブログタイトルの文字色（ver.1.2以上）
  • ブログ紹介文の文字色（ver.1.2以上）
  • サブカラムの文字色
  • プラグインタイトルの文字色（ver.1.2以上）
• 背景色の変更
  • 全体の変更
  • タイトル部
• 記事中の画像に枠をつける
• 幅可変／固定の切り替え
• カラム配置設定

★ テンプレート独自クラスについて

記事中での使用を想定したいくつかのクラスが用意してあります。

1.要素の回り込み

これまでは回り込みなどを実現するにはいちいちスタイルを直接書き込まなければなりませんでした。しかも、たとえばfloat : left;としただけでは画像と文字が近すぎて、見栄えが良くありません。そこで、テンプレート側で回り込みに関するクラスを用意し、余白などをいちいち設定しなくても良いようにしてみました。

指定方法
テキストを右へ回り込ませたい場合は、「class="f-left"」を、左に回り込ませたい場合は 「class="f-right"」を画像等の要素に追加してください。

<img src="画像のurl" class="f-left" />

太字の部分を追加すればOKです。

なお、このクラスは「2.写真風の枠」、または「3.シンプルな枠」と重複して設定することができます。重複して設定する場合は、

<img src="画像のurl" class="f-left photo" />

というように、半角スペースとともにクラス名を追加してください。

2.写真風の枠

画像に対して写真風の枠をつけます。
「1.要素の回り込み」と重複して指定することが可能です。

こんな感じになります。

指定方法
imgタグに 「class="photo"」を追加してください。

<img src="画像のurl" class="photo" />

太字の部分を追加すればOKです。

3.シンプルな枠

画像に対してシンプルな枠をつけます。
「1.要素の回り込み」と重複して指定することが可能です。

こんな感じになります。

指定方法
imgタグに 「class="imgbox"」を追加してください。

<img src="画像のurl" class="imgbox" />

太字の部分を追加すればOKです。

4.枠をつけない

記事中の任意の要素に枠をつけないようにします。
このクラスは、記事中の画像に枠を表示させるカスタマイズ（スタイルシート上部、簡易カスタマイズ内に項目があります）と組み合わせて利用してください。
「1.要素の回り込み」と重複して指定することが可能です。

指定方法 imgタグに 「class="noimgbox"」を追加してください。

<img src="画像のurl" class="noimgbox" />

太字の部分を追加すればOKです。

★ 使用条件・ライセンスについて

このテンプレートは、 クリエイティブ・コモンズ・ライセンス の下でライセンスされています。
テンプレート各部分の原著作者・ライセンスは以下の通りです。

HTML・CSS

"nude" / rimse

[ Close ]

ページナビゲーションの編集

★対象テンプレート
Nude、Fiore、Snowdance2.0.0以上、Day-out2.0以上、Herba-3c 2.0.0以上

上記の対象となるテンプレートには、記事上部に [ PREV　　HOME　　NEXT ] といったページナビゲーションがついています。この記事では、このページナビゲーション部分に項目を追加・削除する方法を紹介します。

なお、このカスタマイズで追加する項目によっては、ユーザビリティが低下することが予想されます。そのため、このカスタマイズは私個人としては非推奨です。
追加する項目について十分検討してからカスタマイズを行うようにしてください。

▼ 項目の追加

HTMLを編集します。
以下が該当する部分になります。

<!-- 【 ▼メインエリア ここから 】 -->
<div id="main"><div class="main-container">
<!--permanent_area-->
<dl id="pagetop-link" class="pagelink">
<!--preventry--><!--
--><dt class="prev"><%template_preventry></dt><!--
--><dd class="prev"><a href="<%preventry_url>" title="<%template_preventry> : <%preventry_title>">Prev</a></dd><!--
--><!--/preventry--><!--
--><dt class="home"><%template_home></dt><!--
--><dd class="home"><a href="<%url>" title="<%template_home>">Home</a></dd><!--
--><!--nextentry--><!--
--><dt class="next"><%template_nextentry> </dt><!--
--><dd class="next"><a href="<%nextentry_url>" title="<%template_nextentry> : <%nextentry_title>">Next</a></dd><!--
--><!--/nextentry-->
</dl>
<!--/permanent_area-->
<!--not_permanent_area-->
<dl id="pagetop-link" class="pagelink">
<!--prevpage--><!--
--><dt class="prev"><%template_prevpage></dt><!--
--><dd class="prev"><a href="<%prevpage_url>" title="<%template_prevpage>">Prev</a></dd><!--
--><!--/prevpage--><!--
--><dt class="home"><%template_home></dt><!--
--><dd class="home"><a href="<%url>" title="<%template_home>">Home</a></dd><!--
--><!--nextpage--><!--
--><dt class="next"><%template_nextpage> </dt><!--
--><dd class="next"><a href="<%nextpage_url>" title="<%template_nextpage>">Next</a></dd><!--
--><!--/nextpage-->
</dl>
<!--/not_permanent_area-->

この中の、<!--permanent_area-->から<!--/permanent_area-->までは個別記事のページで表示されるもの、<!--not_permanent_area-->から<!--/not_permanent_area-->は個別記事のページ以外で表示されるものになります。
すべてのページで、追加した項目を表示させたい場合は、両方の部分を編集する必要があります。

まず、個別記事用の記述を編集していきます。

--><!--/nextentry-->

を、次のように編集してください。

--><!--/nextentry--><!--
--><dt class="additional">INFO </dt><!--
--><dd class="additional">追加項目</dd><!--
--><dd class="additional">追加項目</dd><!--
-->

各部分について説明すると、

--><dt class="additional">INFO </dt><!--

この部分はCSS非適用時に表示されるものです（通常は表示されません）。項目のタイトルとして。

--><dd class="additional">追加項目</dd><!--

この部分が項目として表示されます。この部分をコピーすることで、何個も項目を追加することができます。「追加項目」の部分を追加したいものにあわせて編集してください。

<!--
-->

この部分は、ソース上で改行することによってページ上に微小な空白が挿入されてしまうのを回避するものです。

個別記事以外のページ用の記述は、

--><!--/nextpage-->

の部分を、

--><!--/nextpage--><!--
--><dt class="additional">INFO </dt><!--
--><dd class="additional">追加項目</dd><!--
--><dd class="additional">追加項目</dd><!--
-->

と書き換え、個別記事のものと同様に各部分を編集してください。


▼ 項目の削除
安全のため、CSSで非表示にする方法で対処していきます。

PREVの削除：

#pagetop-link .prev { display : none; }

HOMEの削除：

#pagetop-link .home { display : none; }

NEXTの削除：

#pagetop-link .next { display : none; }

削除したい項目にあわせて、各スタイルをスタイルシートに追加してください。

[ Close ]

追記開閉スクリプトを手作業で実装or更新する方法 [7/2更新]

※この記事はrimseが作成・共有に登録しているテンプレート専用の記事です。一般的なテンプレートに対しては動作の保証はしていません。

7/2 仕様変更に伴い、記事内容を更新しました

現在、追記開閉についてはFioreやSnowdanceといったごく一部のテンプレートにしか実装してありません。
未実装のテンプレートについては順次更新していくつもりですが、それが待ちきれないという方のために、手作業で実装させる方法について紹介致します。

fiore1.3.0以下、snowdance2.1.0以下をお使いで、カスタマイズ等の理由によりテンプレートの更新が難しい方も、この記事を参考に編集を行ってください。



HTMLの編集を行います。
まず、追記開閉スクリプトが実装されていないテンプレートの場合は、

</head>

の直前に、次の記述を追加してください。

<script type="text/javascript" src="http://blog-imgs-41.fc2.com/r/i/m/rimse/jquery.js"></script>

この記述により、追記開閉スクリプトのベースとなるjQueryを読み込んでいます。


次に、

<!--more_link--><div class="entry-more">→ <a href="<%topentry_link>#more">[<%topentry_title>]の続きを読む</a></div><!--/more_link-->

という記述を探してください。テンプレートによっては多少記述が変わりますが、 <!--more_link--> から <!--/more_link--> までが該当部分になります。
fiore1.3.0以下、snowdance2.1.0以下についても、<!--more_link--> から <!--/more_link--> までが編集が必要な部分です。


この部分を、次のように置き換えてください。

<!--more_link-->
<div class="entry-more"><a href="<%topentry_link>#more" class="entry-extend-<%topentry_no>">[ <%template_extend> ]</a></div>
<div id="entrymore-visible-<%topentry_no>" class="entrymore-visible" style="display:none;"><br /><%topentry_more></div>
<script type="text/javascript">
//<![CDATA[
jQuery.noConflict();
jQuery(document).ready(function($){
$('.entry-extend-<%topentry_no>').click(function(){$('#entrymore-visible-<%topentry_no>').slideToggle("slow");return false;
});
});
//]]>
</script>
<!--/more_link-->