長い間透過 PNG の処理が、単純に文字だけの場合にのみ使えるというようなおまけの処理でしたが、いろいろと対応しました。 透過時の透過部分表示透過の効果を明確にする為に、画像の親要素の DIV の背景に灰色のチェックのパターンを表示しています。 透過時にドロップシャドウ
いままでドロップシャドウは、内部で作成した背景をぼかして使用していました。もちろん、背景透過でなければなにも問題は無いのですが、文字だけをぼかしてそのまた後ろに背景を作成する事ができないので、背景透過の場合は文字側で、透過度の違う黒文字をずらして重ねた影を使ってドロップシャドウを使えるようにしました。 この文字でのドロップシャドウは斜めに少しづつ透過度の違う文字を重ねて使用しているので、ぼかした場合よりもシャープになります。ですが、全く無いよりもはるかに見栄えがするようになります。 また、現時点では影の濃さは一種類ですので、Shadow チェックボックスの左端のみに反応するようになっています。 透過時に背景画像とドロップシャドウ
今まで、背景画像を使ってドロップシャドウを使用した場合は背景画像もぼけてしまいました。
しかし今回の更新で、背景画像を使ってドロップシャドウも使いたい場合は、透過PNG 処理を行えば目的を達成する事ができるようになりました。 そして、このサンプルでは、全面に画像を使用していますが、透過 PNG を背景画像にしてその PNG の透過部分を有効にする事もできます。
背景画像にふきだし画像を追加
もっと多くのふきだし画像を追加する予定ですが、もともとこのふきだしの中に文字を入れるという事が目的での整備でした。このような処理を、DUAL・横・縦・はんこ(はんこにはドロップシャドウはありません)で可能になっています。 ▼ DUAL
▼ 横
▼ 縦
▼ はんこ
今回、主に背景に設定しやすい 最大サイズ 800 x 400 の画像を 12 枚用意しました。『通常画像(背面チェックボックスを ON)』の欄にある画像は、選択すると『画像を背面で表示する』チェックボックスが ON になります。( URL の w=780 の部分を変更すると幅を指定できますが、800 以内の表示状態であれば、自動的に幅は設定されます )
この機能で作成したサンプルは以下のようになります。(ランダムで表示されたものをフォントサイズ調整して縦幅調整したものです)
|
|
Seesaa の各ページの表示について
Seesaa の 記事がたまに全く表示されない場合があります。その場合は、設定＞ 詳細設定＞ ブログ設定 で 最新の情報に更新の『実行ボタン』で記事やアーカイブが最新にビルドされます。 Seesaa のページで、アーカイブとタグページは要注意です。タグページはコンテンツが全く無い状態になりますし、アーカイブページも歯抜けページはコンテンツが存在しないのにページが表示されてしまいます。 また、カテゴリページもそういう意味では完全ではありません。『カテゴリID-番号』というフォーマットで表示されるページですが、実際存在するより大きな番号でも表示されてしまいます。 ※ インデックスページのみ、実際の記事数を超えたページを指定しても最後のページが表示されるようです 対処としては、このようなヘルプ的な情報を固定でページの最後に表示するようにするといいでしょう。具体的には、メインの記事コンテンツの下に『自由形式』を追加し、アーカイブとカテゴリページでのみ表示するように設定し、コンテンツを用意するといいと思います。※ エキスパートモードで表示しています アーカイブとカテゴリページはこのように簡単に設定できますが、タグページは HTML 設定を直接変更して、以下の『タグページでのみ表示される内容』の記述方法で設定する必要があります
<% if:page_name eq 'archive' -%> アーカイブページでのみ表示される内容 <% /if %> <% if:page_name eq 'category' -%> カテゴリページでのみ表示される内容 <% /if %> <% if:page_name eq 'tag' -%> タグページでのみ表示される内容 <% /if %>この記述は、以下の場所で使用します
