ついでに色も試しちゃうぞ

[掲示板: 投稿練習の掲示板 -- 最新メッセージID: 1006 // 時刻: 2024/11/24(15:40)]

管理用 HELP LOGIN    :    :



上へ上へ | 前のメッセージへ前のメッセージへ | 次のメッセージへ次のメッセージへ | ここから後の返答を全表示ここから後の返答を全表示 | 返答を書き込む返答を書き込む | 訂正する訂正する | 削除する削除する

739. ついでに色も試しちゃうぞ

お名前: 寝太郎
投稿日: 2004/9/21(00:55)

------------------------------

色は、基本的にはたくさん作れます。ちょっと長いですが、
<div style="font-weight:bold;font-size:x-large;color:#FF9900">
↑で coior:#******"の ****** を0からFまでの16進数で変えてみてください。
ちなみに、****** は、はじめの2桁が赤、次が緑、最後が青です。
だから、お好みの色をつくってね。

しかし、面倒くさいという方には次の16色がわりかし簡単に作れます。
上記の#****** の部分を決まっている色の名前に置き換えるだけです。

もちろん、font-size:〜;の「〜」を変えれば、大きな色文字も作れます。
小さな色文字もね。

では、いってみましょう。

aqua
<div style="font-weight:bold;font-size:large;color:aqua">
寝太郎はいつも寝ている
</div>

black
<div style="font-weight:bold;font-size:large;color:black">
寝太郎はいつも寝ている
</div>

blue
<div style="font-weight:bold;font-size:large;color:blue">
寝太郎はいつも寝ている
</div>

fuchsia
<div style="font-weight:bold;font-size:large;color:fuchsia">
寝太郎はいつも寝ている
</div>

gray
<div style="font-weight:bold;font-size:large;color:gray">
寝太郎はいつも寝ている
</div>

green
<div style="font-weight:bold;font-size:large;color:green">
寝太郎はいつも寝ている
</div>

lime
<div style="font-weight:bold;font-size:large;color:lime">
寝太郎はいつも寝ている
</div>

maroon
<div style="font-weight:bold;font-size:large;color:maroon">
寝太郎はいつも寝ている
</div>

navy
<div style="font-weight:bold;font-size:large;color:navy">
寝太郎はいつも寝ている
</div>

olive
<div style="font-weight:bold;font-size:large;color:olive">
寝太郎はいつも寝ている
</div>

purple
<div style="font-weight:bold;font-size:large;color:purple">
寝太郎はいつも寝ている
</div>

red
<div style="font-weight:bold;font-size:large;color:red">
寝太郎はいつも寝ている
</div>

silver
<div style="font-weight:bold;font-size:large;color:silver">
寝太郎はいつも寝ている
</div>

teal
<div style="font-weight:bold;font-size:large;color:teal">
寝太郎はいつも寝ている
</div>

white
<div style="font-weight:bold;font-size:large;color:white">
寝太郎はいつも寝ている
</div>

yellow
<div style="font-weight:bold;font-size:large;color:yellow">
寝太郎はいつも寝ている
</div>

#FF9900
<div style="font-weight:bold;font-size:large;color:#FF9900">
寝太郎はいつも寝ている
</div>

上へ上へ | 前のメッセージへ前のメッセージへ | 次のメッセージへ次のメッセージへ | ここから後の返答を全表示ここから後の返答を全表示 | 返答を書き込む返答を書き込む | 訂正する訂正する | 削除する削除する

740. こんな感じでした。

お名前: 寝太郎
投稿日: 2004/9/21(00:56)

------------------------------

aqua


寝太郎はいつも寝ている

black


寝太郎はいつも寝ている

blue


寝太郎はいつも寝ている

fuchsia


寝太郎はいつも寝ている

gray


寝太郎はいつも寝ている

green


寝太郎はいつも寝ている

lime


寝太郎はいつも寝ている

maroon


寝太郎はいつも寝ている

navy


寝太郎はいつも寝ている

olive


寝太郎はいつも寝ている

purple


寝太郎はいつも寝ている

red


寝太郎はいつも寝ている

silver


寝太郎はいつも寝ている

teal


寝太郎はいつも寝ている

white


寝太郎はいつも寝ている

yellow


寝太郎はいつも寝ている

#FF9900


寝太郎はいつも寝ている


上へ上へ | 前のメッセージへ前のメッセージへ | 次のメッセージへ次のメッセージへ | ここから後の返答を全表示ここから後の返答を全表示 | 返答を書き込む返答を書き込む | 訂正する訂正する | 削除する削除する

742. Re:  ↑↑↑ す、素晴らしい… 

お名前: ako
投稿日: 2004/9/21(22:19)

------------------------------

寝太郎さん、やりましたね、すごくて言葉もないです。
せっかく教わったからには、どこかで使ってみたい…けど…
ちょっと勇気がない…かも…です… 

小さい字にしてカラーにすれば目立たなくていいのかな…


上へ上へ | 前のメッセージへ前のメッセージへ | 次のメッセージへ次のメッセージへ | ここから後の返答を全表示ここから後の返答を全表示 | 返答を書き込む返答を書き込む | 訂正する訂正する | 削除する削除する

743. Re:  ↑↑↑ 素晴らしくない… 

お名前: ako
投稿日: 2004/9/21(22:20)

------------------------------

スモールにするttを使ってはさんでみたんだけど、小さくならなかった…


上へ上へ | 前のメッセージへ前のメッセージへ | 次のメッセージへ次のメッセージへ | ここから後の返答を全表示ここから後の返答を全表示 | 返答を書き込む返答を書き込む | 訂正する訂正する | 削除する削除する

744. Re:  ↑↑↑ 素晴らしくない… 

お名前: 寝太郎
投稿日: 2004/9/21(23:59)

------------------------------

そういう場合はね、つまり小さい色文字の場合ですけど、

<div style="font-weight:bold;font-size:large;color:lime">
↑の、font-size:large の、large を変えてやればいいのです。

だから<div style="font-weight:bold;font-size:xx-small;color:lime">
と変えてやればいいのです。

ちょっと、複雑?

じゃあまた。

上へ上へ | 前のメッセージへ前のメッセージへ | 次のメッセージへ次のメッセージへ | ここから後の返答を全表示ここから後の返答を全表示 | 返答を書き込む返答を書き込む | 訂正する訂正する | 削除する削除する

746. こんな感じさ・・・

お名前: 寝太郎
投稿日: 2004/9/22(00:02)

------------------------------


akoちゃんはいつも笑顔。

こんな感じかな・・・


上へ上へ | 前のメッセージへ前のメッセージへ | 次のメッセージへ次のメッセージへ | ここから後の返答を全表示ここから後の返答を全表示 | 返答を書き込む返答を書き込む | 訂正する訂正する | 削除する削除する

749. Re: やってみました

お名前: ako
投稿日: 2004/9/22(14:01)

------------------------------


akoちゃんはこのごろいつもm(_ _)m


タイトル一覧へ(返答順)(B)

タイトル一覧へ(日付順)


Maintenance: SSS 事務局
KINOBOARDS/1.0 R7.3: Copyright © 1995-2000 NAKAMURA, Hiroshi.