簡単wikiその�� ｢記事をカラフルにしよう(1) 〜背景色・文字色を設定〜｣
僕は、記事をカラフルにするのが好きです。
そのやり方を何段階かに分けて教えたいと思います！！！
そんな第一弾は、一番の基礎になる
「背景色と文字色の設定の仕方」を教えたいと思います。
キーワードのしっかりとコピー＆貼り付けして使ってみましょう！
| 背景色の設定方法！！ (背景色＝黄緑 #00ff00) |
今日のキーワード
その�� 〜背景色の設定方法〜：
||<#00ff00'``背景色の設定方法！！ (背景色＝黄緑 #00ff00)||
(すべて半角)
☆解説☆
| ←縦棒は、「shift」を押しながら「￥マーク」を押すと出ます。
00ff00は、色を表す６字なんです。 (ちなみに00ff00は黄緑色)
他の色を作るには、http://www.cgiboy.com/color/ で作るとわかりますよ。
ちなみに背景色のみ設定すると文字色はもちろん黒。
せっかくなので、スタンダードな色を作ってみました。
||<#ff0000'``例○赤色○|| ･･･ff0000は、赤色
||<#00ff00'``例○黄緑○|| ･･･00ff00は、黄緑色
||<#0000ff'``例○青色○|| ･･･0000ffは、青色
他の色も出来ちゃうぞ！
色の作り方は、 http://www.cgiboy.com/color/ このサイトをチェック！
| 文字色の設定方法 (背景色＝黒 #000000 文字色＝白 #ffffff) |
今日のキーワード
その�� 〜文字色の設定方法〜
||<#000000'style='font;color:#ffffff'``文字色の設定方法 (背景色＝黒 #000000 文字色＝白 #ffffff)||
(すべて半角)
☆解説☆
これはキーワードその�，鬟戞璽垢箸靴討い襪里�みればわかると思います。
その�，� 「'style='font;color:#ffffff」という文字を追加するんですね！
| ←縦棒は、「shift」を押しながら「￥マーク」を押すと出ます。
ffffff ＆ 000000 は、色を表す６字なんです。
他の色を作るには、http://www.cgiboy.com/color/ で作るとわかりますよ。
ちなみに背景色のみ設定すると文字色はもちろん黒。
ここまで来るとなかなか記事もカラフルになると思いますよ！
せっかくなので 「ラジログ素材！」ということで
トップページによく使う「背景色×文字色」の組み合わせを紹介！
||<#9df40b'style='font;color:white'``EVERYDAY TOPICS||
これは、さわやかな緑色を背景色にしてみました
文字色を設定する場合は、「white や red」などスペルを打ち込んでも大丈夫のようです
||<#003e00'style='font;color:#ceff86'``最新＆up予定の記事||
濃厚な緑色と薄い緑を組み合わせてみた一品です。
||<#ffcf04'``地理ネタ★〜駅・道・地理〜||
黄色というかは、黄土色
||<#ee9000'style='font;color:white'``エンターテイメント・トピックス！！||
オレンジ色ベースです。
イメージは、「オートバックス」のロゴです
||<#4bc9ff'style='font;color:white'``導風炎タイムズ トレジャニ||
アイドル系を扱う書庫ですので爽やかな空色をセレクト！
あえて水色ではなくて空色なのがポイント！
||<#6590c8'style='font;color:white'``リリース＆ORICON・イチオシトレンド||
青度数がちょっと増えました！
||<#4be0a8'style='font;color:white'``DRAMA REVIEW||
エメラルドグリーンっていう感じの色ですね！
||<#0042b0'style='font;color:white'``Radio Topics||
Excelの文字色にある「オーシャンブルー」という色をモチーフにしてみました。
ここにもちろん自分で色を挿入するのもいいのでは！？
あ〜あと 色を設定するときの 「# (半角シャープ)」を忘れないでね！
これも もちろん「wiki文法を使用」に記事の新規投稿にてチェックを入れてくださいね！
 転載元: RAdilog 〜ブロ友・みんなでつくるブログ〜
|
転載ありがとうございます。いや〜こんなに反響が来るとは思ってませんでした。トップの感じはgoodですね！
2006/4/30(日) 午後 8:39
twilightさん＞こちらこそ。おかげで、一歩進んだ気がします。これから私のブログも進化していくと思いますので、よろしくお願いします。
2006/4/30(日) 午後 8:50
こんにちは〜〜 参考にさせて戴きま〜す！！
2006/5/1(月) 午前 10:43 [ 槇田敬代 ]
noriyoさん＞どうぞどうぞ、お互い楽しいブログを作りましょう！！
2006/5/1(月) 午後 2:44