トップ 編集 差分 バックアップ 添付 複製 名前変更 リロード 新規 一覧 単語検索 最終更新 ヘルプ 最終更新のRSS

文字サイズや色の付け方 の変更点

Top / 文字サイズや色の付け方

#author("2017-06-23T15:53:18+09:00","","")
#author("2017-07-19T19:52:55+09:00","","")
**概要 [#o1195fbe]
-文字の大きさと色変える方法についての解説です
-初心者向けなので慣れている方はもっと簡潔なタグをつくられると思います
-まず文字の大きさを変えるだけ~
&size(20){文字};~

このコードは
	&size(20){文字};
~
このように打ち込まれています

この(20)が文字のサイズです。任意に変更してください
**色の変更 [#mf437816]
更に文字の色を変えたいと思います

&color(purple){文字};
~
このコードは

	&color(purple){文字};
となっています。(purple)がもじろいろです色コード(※頭が#から始まる色のコード)も有効ですので好きな配色をしてください~

**色の変更と文字サイズを同時に変更 [#n95085aa]
次に文字サイズを変更しつつ、文字の色を変えます~
&size(25){&color(purple){''文字''};};
~
このコードは少しややこしいです

	&size(25){&color(purple){''文字''};};


このように2つのコードを合体させています~
基本は(25)のところがサイズで(purple)のところが色となっていますので変わっていないのですがこれを混ぜたりすると【;】が抜けたりして意味がわからないことが起きるので注意です
**文字の場所寄せ [#d908b018]
次に文字の場所を変えてみましょう
~
中央寄せ
~

CENTER:文字
~
これについては簡単です
	CENTER:文字
このように入力するだけです~
このCENTERをRIGHTやLEFTにかえると文字の場所を細かく指定できます

~
**文字の強調 [#k1dba72b]
次に強調の方法です
~
これもすごく簡単です

''強調''
~
このソースは
	''強調''
となっているだけつまり【’’’’】で囲むだけです(この’は半角です)

**今までのやつの応用 [#xefc3212]
今までの要素を全てぶち込んだものはこちらです
CENTER:&size(20){武器の};&size(25){&color(purple){''呪い''};};&size(20){を薄め、};&size(25){&color(red){''強力な力''};};&size(20){を我が物とせよ!};
~
ソース
	CENTER:&size(20){武器の};&size(25){&color(purple){''呪い''};};&size(20){を薄め、};&size(25){&color(red){''強力な力''};};&size(20){を我が物とせよ!};

これで大まかな文字のルールは終わりです~
最後に蛇足になりますが画像についても位置に指定ができます
#ref(http://i.imgur.com/etON9Y2.jpg,center,400x350)
ソース
	#ref(http://i.imgur.com/etON9Y2.jpg,center,400x350)
この【center】の部分を変えるだけです またこのセンターを消せば通常通りの画像貼り付けになります~
~
~
**画像の縦横比 [#ndb43c19]
画像の縦横比を合わせられない、もしくはよくわからない場合は~
~
	#ref(http://i.imgur.com/rnxzfeI.jpg,zoom,400x450)
~
とzoomパラメーターを付与することで、縦横比を維持したまま、指定したサイズを超えない最大の大きさで貼ることができます~
~
例えば360x640の画像を縮小したい場合、~
~
	#ref(http://i.imgur.com/rnxzfeI.jpg,zoom,240x640)
~
とすることで、指定した横のサイズに合わせることができます~
※小さい方に合わせられるので640のところは1000とか2000でもいいのです~
高さで合わせたい時は、360x240等にします~
~
#ref(http://i.imgur.com/rnxzfeI.jpg,zoom,240x640)
240x640を指定(横のサイズが240px)~
~
#ref(http://i.imgur.com/rnxzfeI.jpg,zoom,360x240)
360x240を指定(縦のサイズが240px)~
~
~
~
**コメント欄 [#g9dbfa68]
#pcomment

http://shironeko-shitaraba.net/wiki/index.php?cmd=s&k=17e281da0f