||<#FFFFFF'style='color:blue;font:24px（24pt）'``ここに文字||
||<#FFFFFF'style='color:blue;font-size:24px'``ここに文字||
|
- >
- コンピュータとインターネット
- >
- インターネット
- >
- その他インターネット
Ｗｉｋｉをモノにしよう♪
[ リスト | 詳細 ]
先日まで投票を行っていたＷｉｋｉの勉強会の書庫です。 本来、もっと内容を多くするつもりでしたが、実際希望する声も３票と…正直、あまり必要ないみたいでしたので、この程度までにさせてもらいました。 今のところは増やす予定は考えてませんが、もし希望する方がいたらコメントなどを残していただけたらと思っています。
コメント（0）
||<#FFFFFF'style='color:blue;font:bold'``ここに文字||
||<#FFFFFF'style='color:blue'``'''ここに文字'''||
|
- >
- コンピュータとインターネット
- >
- インターネット
- >
- その他インターネット
プログラム的にはこうです。 【1px】の太さの場合… ||<#0000FF'style='width:575' ``|| 【5px】の太さの場合… ||<#FF0000'style='width:575;height:5' ``|| 【10px】の太さの場合… ||<#00FF00'style='width:575;height:10' ``|| ※ なお、こういった線のみを表示させる場合は、今までのとは違い【' ``】の様に【 ’】と【 `` 】 の間には半角スペースを空けるように下さい。そうしないときちんとした太さで表示されないので。また 【#0000FF】の様にそれぞれのカラーコードは変えるとその色で表示されます。 といった感じになります。からくりは、もう分かりますよね。 【width:575】 …横幅の長さ、 【height:5】 …太さ を示しています。 なお、上記のブログラムに ||<#FF0000'style='width:575;height:5'``ここに文字をいれると？||
�＼弔て鷭点�を作る場合… ||<#0000FF'style='width:575' ``|| ||<#0000FF'style='width:575' ``|| ��虹… ||<#FF0000'style='width:575;height:5' ``|| ||<#FF9900'style='width:575;height:5' ``|| ||<#FFFF00'style='width:575;height:5' ``|| ||<#00FF00'style='width:575;height:5' ``|| ||<#0000FF'style='width:575;height:5' ``|| ||<#000080'style='width:575;height:5' ``|| ||<#800080'style='width:575;height:5' ``|| �Ｊ悗擦麌�スタイル… ここに書きたい文章を入力 ||<#FF00FF'style='width:575' ``|| ここに書きたい文章を入力 ||<#FF00FF'style='width:575;height:5' ``|| ||<#FF00FF'style='width:575' ``|| ここに書きたい文章を入力 ||<#FF00FF'style='width:170' ``|| そうするとこういった事まで出来ちゃいます。でも、この便せん風スタイルは映画のレビューを書く時に0はもってこい ・おまけ ↓のようなプログラムを入力すると今までとは違う感じの線に。 ||<#0000FF'style='width:560;height:5;filter:Alpha(opacity=100,finishopacity=0,style=2)' ``|| なお、最後の【ｓｔｙｌｅ＝２】の数字を１ｏｒ３にするとまた違った線になります。 
プログラム的にはこうです。 ・�緝瑤寮�… ||<#FFFFFF'style='width:575;border-top:blue double;color:red'``ここに文字を入力|| ・�臧瑤寮�【20pxの太さ】… ||<#FFFFFF'style='width:560;border-bottom:20 lime double;color:purple'``ここに文字を入力||
【border-��:�� �� �ぁ曄 沈�の特徴 �，砲蓮�top（上部）】か【bottom（下部）】 ��太さ ��線の色 �だ�の種類 ※ �◆銑い鯑�力する場合はそれぞれに間に半角スペースを入れて下さい。 【color:purple】 …文字の色（カラーコードでもＯＫ）
・他の線の種類（色はライム）
これはおまけで↓のようなプログラムを入力すると今までとは違う感じで文字を線で挟む事も出来ます。 ||<#0000FF' ``|| ||<#FFFFFF'style='color:blue;font:bold 16p;font-family:HGS創英角ﾎﾟｯﾌﾟ体;font-style:italic'``ここに文字を入力 ||<#0000FF' ``||
※Ｗｉｋｉ文法ですので、必ず右上のチェック欄には【レ】を入れてね。また、ｈｔｍｌ文法とは一緒 に表示出来ませんので、お気を付け下さい。
|
- >
- Yahoo!サービス
- >
- Yahoo!ブログ
- >
- 練習用
プログラム的にはこうです。 ||<#FFFFFF'style='color:blue;font:bold 16p;font-family:HGS創英角ﾎﾟｯﾌﾟ体'``ここに文字を入力
【font-family:○○○】 …○○○の部分にフォントの字体名を入れるとフォントが変わります。簡単でしょ？ちなみに他の字体だとこうなります。（大きさのポイントはすべて【16p】です。）
※ なお、上記などのフォント字体でブログを投稿した場合でも、そのブログを見るＰＣにその書体がない場合は普通の書体で表示されます。なので、普通の書体になった場合でも必ずしもエラーという訳ではないので、ご注意を！ ちなみに、上記のプログラムに【font-style:italic】を加えた、↓の様にすると ||<#FFFFFF'style='color:blue;font:bold 16p;font-family:HGS創英角ﾎﾟｯﾌﾟ体;font-style:italic'``ここに文字を入力||
プログラム的にはこうです。 左側… ||<#FFFFFF'style='width:575;text-align:left;color:red;font:bold 16p'``ここに文字|| 中央… ||<#FFFFFF'style='width:575;text-align:center;color:green;font:bold 16p'``文字|| 右側… ||<#FFFFFF'style='width:575;text-align:right;color:blue;font:bold 16p'``字|| ※ なお、普通に入力しても左側に表示されるので、特別な時を除き【width:575;text-align:left】はなくても大丈夫です。
【width:575】 …これは横幅の長さです。ちなみに【575】は横幅の最大値です。なので、この場合で いくと全体の横幅の間で○○をする、といった感じになります。 ※ また、この数字を変えるとその数値のpxの間で、という事も出来ます。 【text-align:○○○】 …これは文字の位置です。 なので、文字の位置を変える場合は【width:000】と【text-align:○○○】は１セットと思って下さい。
プログラム的にはこうです。 上部… ||<#FFFFFF'style='height:100;vertical-align:top;color:red;font:bold 16p'``文字|| 中間… ||<#FFFFFF'style='height:100;vertical-align:middle;color:lime;font:bold 16p'``文|| 下部… ||<#FFFFFF'style='height:100;vertical-align:bottom;color:blue;font:bold 16p'``字||
【height:100】 …これはいわゆる高さです。なので、この場合でいくと100pxの高さの間で○○を する、といった感じになります。そしてもちろん数値は変えられます。 【vertical-align:○○○】 …これは文字の（高さの）位置です。 なので、【height:000】と【vertical-align:○○○】も１セットと思って下さい。
プログラム的にはこうです。 |||<#FFFFFF'``|| ||<#FFFFFF'style='padding:20;color:red'``ここに文字を入力 ||<#FFFFFF'style='padding:20;color:blue'``ここに文字を入力 ||<#FFFFFF'style='padding:20;color:purple'``ここに文字を入力 ||<#FFFFFF'style='padding:20;color:green'``ここに文字を入力
からくりはもう分かりますよね。それぞれの【padding:0】の数値を同じにするだけです。 |
- >
- Yahoo!サービス
- >
- Yahoo!ブログ
- >
- 練習用
プログラム的にはこうです。 ||<#FFFFFF'``|| ||<#FFFFFF'style='padding:0;color:red'``ここに文字を入力 ||<#FFFFFF'style='padding:0;color:green'``ここに文字を入力 ||<#FFFFFF'style='padding:0;color:blue'``ここに文字を入力
【||<#FFFFFF'``||】 …� ，海譴魯廛蹈哀薀爐了呂泙蝓◆據� 】だと思って下さい。 ※ １回目の記事では 【||<】が【「 】だと触れましたが、それはプログラムの行が１行の場合のみです。２行以上のプログラムの場合は【||<#FFFFFF'``||】が【「 】の役割をします。 ※ ちなみに２行以上のプログラムの場合は、行の最後に【 」】の役割をする【||<#FFFFFF'``||】は特に付ける必要はないです。
ちなみに ||<#FFFFFF'``|| の【#FFFFFF】部分はカラーコードですので、コードを変えると文字の上に 線が現れる様になります。しかし、線が出るのは↓の様に （変えたコードは#00FF00です。）
【padding:0】 …�◆，海譴楼磴�色の文字の間隔をなくす。【接着剤】だと思って下さい。 ※ちなみに上記のプログラムの【padding:0】を外すと
ちなみに ||<#FFFFFF'``|| ||<#FFFFFF'style='padding:0;color:red'``ここに文字を入力 ||<#FFFFFF'style='padding:0;color:green'``ここに文字を入力 ||<#FFFFFF'style='padding:0;color:blue'``ここに文字を入力 : : といった感じで ||<#FFFFFF'style='padding:0;color:【色の名前orコード】'`` の行を加えると何色でも文字の色が変えられます。しかし、表示される文字が２行以上になると
なので、 ||<#FFFFFF'``|| ||<#FFFFFF'style='padding:0;color:red'``ここに文字を入力 ||<#FFFFFF'style='padding:0;color:green'``ここに文字を入力 ||<#FFFFFF'style='padding:0;color:blue'``ここに文字を入力 ||<#FFFFFF'``|| ||<#FFFFFF'style='padding:0;color:blue'``ここに文字を入力 : : といった感じで行間を１行以上開けてあげると
プログラム的にはこうです。 ||<#FFFFFF'``|| ||<#FFFFFF'style='padding:0;color:red;font:bold 16p'``ここに文字を入力 ||<#FFFFFF'style='padding:0;color:green;font:bold 32p''``ここに文字を入力 ||<#FFFFFF'style='padding:0;color:blue;font:bold 22p''``ここに文字を入力
からくりはもう分かりますよね。それぞれの ||<#FFFFFF'style='padding:0;color:【色の名前orコード】'`` に 【font:bold 00p】 を加えただけで文字の大きさがかわります。また、特に太文字が必要ない時に間の【bold】を省くだけです。
『都会はチャンスがたくさんあるけど、自分から手を上げないとチャンスは逃げていく。本当にやりたかったことに向かって、がんばれ』 上記の文を句読点区切りで文字の大きさと色を変えてみましょう。 �“嵬椶龍臚錨世泙任蓮∧源�の色は緑に。 ��番目までは、文字の色は赤で、フォントは20pに。 �Ｈ嵬椶泙任蓮∧源�の色は青で、フォントは30pに。 最後までは、文字の色は黒で、フォントは太文字で14pに。 なお、同じ文字内で改行しないようにして下さい。
こんな感じになったらＯＫです。 ※Ｗｉｋｉ文法ですので、必ず右上のチェック欄には【レ】を入れてね。また、ｈｔｍｌ文法とは一緒 に表示出来ませんので、お気を付け下さい。
|
- >
- Yahoo!サービス
- >
- Yahoo!ブログ
- >
- 練習用
