Nude ( ver.1.5以上 )

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

★ 基本情報

テンプレート名 : Nude（登録名：nude）
最新バージョン : 1.61

更新履歴 - Update history

2014/1/3 : 1.6→1.61

[Modify] 「カテゴリ」と「タグ」のアイコンを変更

[Bug Fix]ブログの言語設定が英語等の場合に正しく日付が表示されない不具合を修正

2012/8/15 : 1.5→1.6

[Modify] 各所にアイコンを追加

[Bug Fix] Chrome・Safariにて追記開閉スクリプトが正常に動作しなかった件を修正

[Bug Fix] 追記開閉スクリプト不使用時の挙動を修正

[Bug Fix] 「Comments(x)」のリンクをクリックした歳の移動先を修正

[Modify] その他一部スタイル調整

2012/2/23 : 1.2→1.5

[Modify] 新仕様サーバーに対応

[Modify] 他言語環境への最適化

[Modify] スクリプトの整理

そのほかの変更点については、Nude ver.1.3βのリリース情報、及びver.1.3β2のリリース情報を参照してください。

2009/10/08 : 1.1→1.2

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

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

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

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

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

2009/08/08 : 1.0→1.1

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

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

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

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

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

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

2009/07/15 : 1.0

共有テンプレート登録

空間を意識した、記事の映えるシンプルテンプレート。
幅可変／固定の切り替えのほか、様々なカスタマイズ項目を用意。

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

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

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

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

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

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

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 ]