ホームページ制作、千太の絵空事

「顔アイコン」って何？

Yahoo!ブログのコメント欄で使えるアイコン（象徴する小さなイメージ）のこと。

コメントの内容や投稿者の状態に合わせて、それを象徴して表示する。

初期ではスマイルが表示される。

コメント欄の左にあるスマイルの下にある▼をクリックし、
62通りのアイコンから利用できる。

顔アイコンといっても花なども含まれる。

これら，顔アイコンの中には，アニメーションする動くアイコンもある。
記事の内容によっては、いちじるしく不適切に感じられるような場合もあるので、
よく記事は読んで欲しい。※

また、それ以外に消しゴムのような顔のアイコンが4つある。

これでYahoo!アバターの顔を表示する。
4つの表情が表現できる。

Yahoo!ID取得者が、Yahoo!アバターを設定していた場合にのみ、
ログイン状態で利用し表示する。

---

※：デリケートな記事など。

コメントでの顔アイコン、アバターの出し方

---

この記事はhttp://blogs.yahoo.co.jp/cen_picture21/48446928.html

Wiki文法、引用2・引用3の行間を広く修正

Wiki文法使用をチェックして、投稿することにより使用できる、
引用2・引用3での行間が修正しています。

12pxの文字に対して、18pxの行の高さでありましたが、
Web標準化実施（2007-05-22)により、変更され、
IEでは、狭くなったように見えていました。

現在（2007-06-22) line-heightが'変更されてることを確認しました。
この件については解消されているようです。

引用3

#mainContentsArea div.wiki pre.wiki{
width:540px;
padding:8px;
border:3px solid #D6F7B3;
color:#333;
background-color:#F9FADD;
font-size:1em;
line-height:1.6em;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
white-space: pre-wrap;
word-break:break-all;
word-wrap:break-word;
overflow:hidden;
clear:both;
}

ゲストブックでの引用3

#mainContentsArea div.wiki pre.wikiGuestbook{
width:413px;
padding:8px;
border:3px solid #D6F7B3;
color:#333;
background-color:#F9FADD;
font-size:1em;
line-height:1.6em;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
white-space: pre-wrap;
word-break:break-all;
word-wrap:break-word;
overflow:hidden;
clear:both;
}

引用2

#mainContentsArea div.wiki div.quote {
padding:8px;
font-size:1em;
line-height:1.6em;
color:#4B4B4B;
background-color:#eee;
border:1px solid #ccc;
word-break:break-all;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
white-space: pre-wrap;
word-wrap: break-word;
}

行の高さを
line-height:1.6em;
としています。

これは、文字に対する相対的な高さで、
1.6倍となります。

ブラウザの初期の文字サイズが16pxの場合

Wiki文法使用にチェックをして投稿した場合、

必ず、記事の内容を内包するブロック要素に
font-size:0.75em;
が指定されていますので、

その記事の内容は12pxとなります。

16×0.75=12

文字サイズ：12px

12×1.6=19.2

行の高さ　：19.2px（計算値）

となり、ほぼ以前と同じように見えるはずです。
なぜline-heightを1.5emとしないかは不明。

12×1.5=18

※IE以外での行間が、すごく広くなるのは、以前からあった問題と同様だと考えられます。

---

Wiki文法、引用2・引用3の行間を広く修正

創造するとは、命を育てること

何もないこの空間に、
この箱舟は生まれた。

過酷な環境での営み、
暑く照り返しの強い中での作業、

すべては、創造的だ。

日照りの中を、１つひとつ寡黙に育てるその命

まだ、なにもよくわからないけど、
だけど、
賢明に育てる若い母親
命を育てることは、過酷であるが、なんと素晴らしいことか、

風が吹き荒れ、雨がふりしきり、
海は荒れ狂ったとしても。

すべては、創造的だ。

何かを、たとえ上手く表現しても、
何かを、いくら理論構築していったとしても、
何か，新しいことを発見したとしてとしても、
いったい、それが何だといいうのだ、

もし、それが、命を大切に扱わないことであったとしたら、
なんと、愚かなことであろうか。

創造的だといえるだろうか？

創造するとは、過酷な事に挑戦しつづけ、
その命を，躍動させることだ。

表現は、その人だけでなく、それを見た人、聞いた人の命を躍動させることだ。

「創造するとは、命を育てること」

創造なんと素晴らしい！。

私も，挑戦中！。
この過酷であるが、最高の戦いに！。

---