wiki文法の色の仕組みについて

色について

カラーチャートにある背景色や文字色を変える時に使う

シャープから始まる#FFFFFFというのがありますよね。

　　　↓これです
||<#FFFFFF' style='width:560px;text-align:center;color:white;font:bold 12pt ;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=blue,endcolorstr=aqua,gradienttype=0)' ``色について||

これの説明をさせていただきます。

この６つの英数字はそれぞれ役割があります。

FFFFFF 左の２つは赤、FFFFFF 真ん中の２つは緑、FFFFFF 右の２つは青に反映されます。

それぞれ0〜9、A〜Fまであります。0が1番低くFが一番高い値になります。

それぞれ対応する数値を上げていくとその色が濃くなってきます。

FF0000だと赤、00FF00だと緑、0000FFだと青になります。

#000000だと黒に、#FFFFFFだと白になります。試しにやってみましょう

||<#000000'``黒||
||<#FFFFFF'``白||
||<#FF0000'``赤||
||<#00FF00'``緑||
||<#0000FF'``青||

黒

白

赤

緑

青

白と黒の間の色はわかりますよね？

灰色です。0〜Fの間ではだいたい7か8ぐらいだから

||<#777777'``灰色||

灰色

赤と青を濃くしていくと紫になります。

||<#BB00BB'``紫||

紫

文字色を変える場合も同じです。

||<#ffffff'style='font:bold 30px;color:#0000FF'``青||

青

背景色もさっきやったように変えれば色が変わります。

||<#ff0000'style='font:bold 30px;color:#0000FF'``青||

青

お役に立ちましたら傑作ポチッとしてくれると大変嬉しいです

☆虹色素材☆ﾜﾝｺとﾊﾞｽｹとwikiと♪

転載元: ☆虹色素材☆ﾜﾝｺとﾊﾞｽｹとwikiと♪

この記事は、私がファン登録をさせて頂いていたブログ「☆虹色素材☆ﾜﾝｺとﾊﾞｽｹとwikiと♪ 」（http://blogs.yahoo.co.jp/run_7stars ）からの転載記事です。

転載元のブログは、私が辞書替わりにさせて頂いていたものですが、病気の故か、2009年5月30日を以て閉鎖する由。
止むを得ず、記事を「保存」する為、私のブログに転載する事と致しました。
ヤフーの転載は、システム上、特定の１ブログからは一定時間（３時間程度？）で１０記事に制限されている模様です。

私のブログの中で、記事としての整合性を保つ為、初歩的なものから順に、転載して行きます。転載権限の設定されていない記事や、私の全く必要ないと思う記事などは転載を行いません。

ヤフー・ブログの「転載」と云うシステムをご存知ない方は、トラックバックした記事をご覧下さい。

ヤフー・ブログのサポート対象としているwiki文法は、http://help.yahoo.co.jp/help/jp/blog/blog-47.html
で書かれているものが全てです。

と云う事で、上の記事で書かれている内容は、ヤフー・ブログのサポート対象外となります。

ＰＣから見た場合、今のところ、上の記事の書き方で問題は生じていませんが、ケータイからwebブラウザを用いずにヤフーを閲覧した場合に、2009年4月1日現在、問題が発生しています。

||<#ほにゃらら

の書き方と画像を同じ記事の中で併用した場合は、ケータイからは本文の一部が見えなくなります。

問題の現れ方については、以下の記事をご参照下さい。

http://blogs.yahoo.co.jp/ubiquitous_budda/57124114.html
http://blogs.yahoo.co.jp/ubiquitous_budda/57124506.html
http://blogs.yahoo.co.jp/ubiquitous_budda/57127180.html

文字の大きさを変える、文字の色を変えるだけなら、wiki文法を使わずとも可能です。

文字の色を変えるだけなら、記事をＵＰする際に、wiki文法使用」のチェックをせずに、

＜font color=red＞ … ＜/font＞

の＜＞の部分を半角にし、「…」の部分にテクストを入れる事で可能です。そうすれば、「…」の部分の色が変わります。redを他の色にも出来ます。

文字の大きさを変えるだけなら、記事をＵＰする際に、wiki文法使用」のチェックをせずに、

＜font size=5＞ … ＜/font＞

の＜＞の部分を半角にし、にし、「…」の部分にテクストを入れる事で可能です。そうすれば、「…」の部分の文字サイズが変わります。5の部分が文字サイズなので、他の数値に帰れば、文字のサイズが変わります。

文字の色もサイズも変える場合は、

＜font color=red＞＜font size=5＞ … ＜/font＞

と云った書き方をすればいいだけ。二つの指定をしていますが、終わりの＜/font＞は一つです。

（続く）

（承前）

但し、画像の配置を指定するのはwiki文法使用でしか出来ないと思いますので、画像を任意の場所に配置し、文字の色やサイズを変えようとする場合は、下にトラックバックした、ケータイでの不具合が出る事を覚悟しながら、この記事の書き方を使うしかないのかも知れません。

上の、2009/4/2(木) 午後 9:24 では、

||<#ほにゃらら

の書き方と画像を併用してケータイから閲覧した場合、不具合が出る、と書きましたが、実は、

||<#ほにゃらら

の書き方を利用するだけで、ケータイからwebブラウザを利用せずに閲覧した場合、不具合が出る事が判りました。

詳しくは、下にトラックバックしてある

wiki文法 ||<#ほにゃらら のヤフー・ブログでの問題点
http://blogs.yahoo.co.jp/ubiquitous_budda/57366236.html

の記事をご覧下さい。