DIARY*
* 2006/01/12 (Tue) 画像なし&コメント入力ボタン
画像なしの場合はこのように表示されます。

デフォルトのコメント入力エリアはボタンだけですが、カスタマイズで最初から入力フォームを出すこともできます。

本文エフェクトはこんな色にしていますが、初期設定で変更できます。
「#」は白色にしているので通常は見えません。
(このように背景と文字の色を一緒にするとネタばれが簡単にできます)
■エフェクトサンプル(見出しとか目立ちたいとき?)
>エフェクトサンプル(引用)
#エフェクトサンプル(ネタばれ?)
(エフェクトサンプル(カッコ)

このスキンでは背景にNOIONさんの写真素材を使用しています。
他にも素敵な素材がたくさんあるのでぜひ行ってみてください。
http://noion.cool.ne.jp/

* 2006/01/11 (Wed) トラックバック
スキン同梱のtbフォルダのカスタマイズを使用するとこんなふうになります。
Comment(1)をクリックするとコメントと入力エリアが表示されます。
トラックバック実装向けの表示です。

コメント入力欄の縦幅をなしにするとトラックバックのボタンも表示されなくなります。
くらげ - 2006/02/05 01:17
コメントサンプル
NAME
URL

 

* 2006/01/10 (Tue) 画像上中央&コメント改造例

            image.gif 150×150 3K            
画像を上の中央に表示します。
上配置同様、比較的使いやすい表示形式です。
中央に配置されるので、どちらかというと大きめの画像向けです。
長文でも短文でもOKです。

コメント入力エリアをこのようにカスタマイズすることもできます。
プレビューボタンや書き込みボタンをどちらかにすることもできます。
くらげ - 2006/01/28 22:31
コメントサンプル。
それぞれを枠で囲んでいるので
かなり長いコメントが続いても読みやすく表示します。

URLを入力した場合、名前にリンクがはられます。

Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text Sample Text
くらげ - 2006/01/28 22:32
コメントサンプル2。
短いコメントだとこんな感じです。
NAME
URL

 

* 2006/01/09 (Mon) 画像下中央&コメント改造例
下中央なので、バランスがちょっと悪いかもしれません。
            image.gif 150×150 3K            

くらげ - 2006/01/25 10:37
コメント表示エリアをこのようにカスタマイズすることもできます。
kurage - 2006/01/25 10:45
コメントの文字数は少ないけれど、数が多いときに向いています。
kurage - 2006/01/28 16:07
文字は大きくしたほうが見やすいかもしれません。

* 2006/01/07 (Sat) 画像右上
通常であれば、右上画像にテキストが回り込む形式なのですが、
このスキンの場合、下に画像へのリンクがつきます。
動画へのリンクは削除してありますので、ひっそりと画像へのリンクを置いときたいときなんかに向いているかもしれません。

* 2006/01/06 (Fri) 画像左上
通常であれば、左上画像にテキストが回りこむ形式ですが、
このスキンの場合、左上に文字で画像へのリンクをはるようにしました。
とても大きい画像のときによいと思います。

このスキンは基本的にテーブルを半透明化させてテキストを載せ、画像だけ透過しないTDで囲んでいますが、左上配置と右上配置はその性質上画像だけをわけてテーブルで囲むことができません。
もし左上配置・右上配置で画像を表示する場合は画像も半透明化してしまいます。
あまり必要の無い表示形式かと思うので、変更してみました。

* 2006/01/05 (Thu)18:31
画像下&日付表示&長いタイトルのカスタマイズ
画像を下の左に配置します。
ちょっと画像について説明したい、注意したいというときに向いています。

日付表示をする場合は、dateクラスのletter-spacingを削除したほうがよいかもしれません。
タイトルが長いことが多い場合は、このようにカスタマイズすると比較的見やすくなると思います。


今日のお絵描きはネタばれ絵です。
ご注意!...とかそんなとき?
 image.gif 150×150 3K            


* 2006/01/04 (Wed) 画像上&コメントボタンなし

 image.gif 150×150 3K            
画像を上の左側に表示します。
小さめの画像の場合、上中央配置よりこちらのほうがバランスがよいかと思います。
短文や長文、どちらでも使いやすい配置です。

コメントが必要ないときは、コメントボタンをなしにしてすっきりさせましょう。

* 2006/01/03 (Tue) 画像右

画像が右側に配置されます。
左配置同様、画像よりテキストが多くなると、透過されない部分が表示されます。
縦長の画像と短いテキスト向けです。
image.gif 150×150 3K 


* 2006/01/02 (Mon) 画像左

 image.gif 150×150 3K
画像が左側に配置されます。
画像よりテキストが多くなると、透過されない部分が表示されます。
縦長の画像と短いテキスト向けです。


CGI nicky! Skin 海月屋 Photo NOION