ブログの杜 (Yahoo!ブログ作成講座)

ぶろぐのもり HTMLやWikiでYahoo!ブログをデザインアップして楽しく編集しよう!

全体表示

[ リスト ]

Wiki文法でボックスの文字の色を変更


「font;color:」を使う事によってボックス内の文字の色を変更する事ができます。

基本サンプル

||<#○' style='font;color:#●;padding:△px;border:□px ◎ #▽' ``ここに文字を入れる||

○にボックスの背景色を指定
●に文字の色を指定する
△にボックスの大きさ(パディング)の値を指定
□に枠の太さの値を指定
◎にボックスの種類を指定する
▽に枠の色を指定

必ず大前提として、全て半角英数字で入力する事

色を指定するには # の後に6桁の0〜9とA〜F間できめる。
赤色を指定する場合は # の後にFF0000とすれば赤くする事ができます。
青色は0000FF、紫にしたい時は赤と青をあわせればよいのでFF00FFとなります。

ボックスの大きさや枠の太さを変える場合は、
px の前に数字をいれてやれば良い、必ず0以上の数字を入れる事

ボックスの種類は全てで8種類あります。
「solid」「double」「groove」「ridge」「outset」「inset」「dotted」「dashed」
このどれかを指定すれば、ボックスの種類を変えることが出来ます。


ここに文字を入れる

ここに文字を入れる

ここに文字を入れる

ここに文字を入れる

ここに文字を入れる

サンプル ソース

||<#FF9999' style='font;color:#FF0000;padding:15px;border:5px solid #FF6666' ``ここに文字を入れる||

||<#FF9999' style='font;color:#0000FF;padding:15px;border:5px solid #FF6666' ``ここに文字を入れる||

||<#FF9999' style='font;color:#FF00FF;padding:15px;border:5px solid #FF6666' ``ここに文字を入れる||

||<#FF9999' style='font;color:#00FFFF;padding:15px;border:5px solid #FF6666' ``ここに文字を入れる||

||<#FF9999' style='font;color:#FFFF00;padding:15px;border:5px solid #FF6666' ``ここに文字を入れる||



色だけではなく文字の大きさも変更


文字の大きさを調整する場合は「size」を使う

ここに文字を入れる

ここに文字を入れる

ここに文字を入れる

ここに文字を入れる

ここに文字を入れる

サンプル ソース

||<#FF9999' style='font-size:10px;color:#FF0000;padding:15px;border:5px solid #FF6666' ``ここに文字を入れる||

||<#FF9999' style='font-size:12px;color:#0000FF;padding:15px;border:5px solid #FF6666' ``ここに文字を入れる||

||<#FF9999' style='font-size:14px;color:#FF00FF;padding:15px;border:5px solid #FF6666' ``ここに文字を入れる||

||<#FF9999' style='font-size:16px;color:#00FFFF;padding:15px;border:5px solid #FF6666' ``ここに文字を入れる||

||<#FF9999' style='font-size:18px;color:#FFFF00;padding:15px;border:5px solid #FF6666' ``ここに文字を入れる||


文字の大きさのみでは、例えば18ピクセルにしたい時は「font-size:18px」
さらに赤い文字にしたい時は「font-size:18px;color:#FF0000」




ここのページでは文字の色の変え方のみですので、
ボックスの色や枠の大きさを変える詳細はトップページへ

閉じる コメント(11)

とても勉強になります。
ファン登録して帰ります。

2009/1/17(土) 午後 7:50 yum

初めまして☆
参考になります^^

ポチ☆

2009/1/21(水) 午後 2:13 シル

顔アイコン

これは参考になります。
傑作

2009/7/19(日) 午後 11:41 coffee

顔アイコン

いろいろと勉強させていただきます。
ファン登録させていただきました。よろしくお願いします。

2010/2/13(土) 午前 0:42 Mika

顔アイコン

セックスフレンドがまだいないかわいい子は意外と多いのです。

2011/9/16(金) 午前 11:29 [ セックス ]

顔アイコン

87C6g195
どーせ今年も出会いなく、年齢=童貞記録を更新するかと思ってたら…
ま、さ、か、の、確変きましたああああwww
ttp://2225x1Ib.monju.me/2225x1Ib/

2011/10/26(水) 午前 5:40 [ うおおおおおおおwww ]

顔アイコン

F7jWi591
人肌恋しくなってきたり、しない?
私は、なるなぁ・・・。一人で眠るのは寂しいよ。。
ttp://6l8YC11E.ex-summer.net/6l8YC11E/

2011/10/29(土) 午後 4:07 [ 寒くなってきたし… ]

顔アイコン

3Bg546U9
ダイエット効果まであったりして(笑)
ぽっこりお腹も無くなって、さらにさらに…
ttp://q9pWItaS.diet.bio-rizm.net/q9pWItaS/

2011/11/2(水) 午前 9:08 [ 運動不足も解決! ]

顔アイコン

0N7s8g5l
人肌恋しくなってきたり、しない?
私は、なるなぁ・・・。一人で眠るのは寂しいよ。。
tp://4A46v90Z.ex-summer.net/4A46v90Z/

2011/11/22(火) 午後 10:41 [ 寒くなってきたし… ]

顔アイコン

7593V7gE
どーせ今年も出会いなく、年齢=童貞記録を更新するかと思ってたら…
ま、さ、か、の、確変きましたああああwww
ttp://3t8RT678.monju.me/3t8RT678/

2011/11/24(木) 午前 2:42 [ うおおおおおおおwww ]

顔アイコン

お初です(*ノ∀`*)

いきなりのコメントで驚かせちゃってごめんなさい(o゚▽゚)o

影武者さんのブログに凄く共感しちゃってブログはすでにブックマークしちゃってます!♪(゚▽^*)ノ⌒☆



ここ最近凄く嫌な事続きで元気もなくて、凹みがちな毎日でした

でも影武者さんのブログから元気もらえたり励ましてもらえたりって

影武者さんに凄く感謝の気持ちがあります(ノ≧∀≦)ノ



直接影武者さんに感謝の気持ちを伝えたいし、

影武者さんに相談させていただきたいこともいっぱいあるんで

ayundamon@i.softbank.jp



凄く唐突でびっくりされちゃうかと思いますけど、(o^∇^o)

こうして共感できる人にちゃんとお話ししたいと思いました

※迷惑だったらコメントごと消してもらって全然かまいませんので気にしないでください

2015/1/10(土) 午後 2:50 [ mim*m15**500*11 ]


.
影武者
影武者
男性 / O型
人気度
Yahoo!ブログヘルプ - ブログ人気度について
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30

過去の記事一覧

Yahoo!からのお知らせ

検索 検索

ブログバナー

よしもとブログランキング

もっと見る

[PR]お得情報

ふるさと納税サイト『さとふる』
11/30まで5周年記念キャンペーン中!
Amazonギフト券1000円分当たる!
いまならもらえる!ウィスパーWガード
薄いしモレを防ぐパンティライナー
話題の新製品を10,000名様にプレゼント
いまならもらえる!ウィスパーうすさら
薄いしモレを防ぐ尿ケアパッド
話題の新製品を10,000名様にプレゼント

その他のキャンペーン


プライバシー -  利用規約 -  メディアステートメント -  ガイドライン -  順守事項 -  ご意見・ご要望 -  ヘルプ・お問い合わせ

Copyright (C) 2019 Yahoo Japan Corporation. All Rights Reserved.

みんなの更新記事