ログインしてさらにmixiを楽しもう

コメントを投稿して情報交換!
更新通知を受け取って、最新情報をゲット!

mixiプレミアムコミュのHTMLタグ&テンプレート

  • mixiチェック
  • このエントリーをはてなブックマークに追加
皆さんが使われているHTMLタグやテンプレートをご紹介下さい。
原則的に「転載・改変自由」な作品に限定させていただきます。

hiroo / 山田 浩大 / ASL

コメント(19)

日記のHTMLタグのソースコード(転載・改変自由)

○ <span class="large">大</span> <xmp><span class="large">大</span></xmp>
○ <span class="medium">中</span>  <xmp><span class="medium">中</span></xmp>
○ <span class="small">小</span>   <xmp><span class="small">小</span></xmp>
○ <strong>太字</strong> <xmp><strong>太字</strong></xmp>
○ <em>斜体</em> <xmp><em>斜体</em></xmp>
○ <u>下線</u> <xmp><u>下線</u></xmp>
○ <blockquote>引用 <xmp><blockquote>引用</blockquote></xmp></blockquote>
○ <a href="http://mixi.jp/show_friend.pl?id=97952" target="_blank">リンク</a> <xmp><a href="http://" target="_blank">リンク</a></xmp>
○ 画像  <xmp><photo src="???:??????????"></xmp>
○ <span style="color:#ff0000">文</span><span style="color:#00ff00">字</span><span style="color:#0000ff">色</span> <xmp><span style="color:#ff0000">文字色</span></xmp>

  <span style="color:#ff0000">赤</span> <xmp><span style="color:#ff0000">赤</span></xmp>
  <span style="color:#ffff00">黄</span> <xmp><span style="color:#ffff00">黄</span></xmp>
  <span style="color:#0000ff">青</span> <xmp><span style="color:#0000ff">青</span></xmp>
  <span style="color:#00ff00">緑</span> <xmp><span style="color:#00ff00">緑</span></xmp>
  <span style="color:#ff00ff">紫</span> <xmp><span style="color:#ff00ff">紫</span></xmp>
  <span style="color:#000000">黒</span> <xmp><span style="color:#000000">黒</span></xmp>
フォントサイズの大・中・小の「中」です。

実際は</span>で閉じればデフォールトの中サイズフォントになりますので、通常は使わないで良いでしょう。
ほんの出来心でやってみたら、案外ほめられたタグ、その1。
使用例:http://mixi.jp/view_diary.pl?id=7710396
●こすり出し文字(転載・改変自由)
註:はじめに数行の空白を入れる
                                                                                           <span style="color:#ffffff">文字列</span>
ほんの出来心でやってみたら、案外ほめられたタグ、その2。
使用例:http://mixi.jp/view_diary.pl?id=7726873
●かくしリンク(転載・改変自由)
註:はじめに数行空白を入れる。リンク先はお好きなのを。
                                                                                                                        
<a href="http://mixi.jp/view_community.pl?id=98574" target="_blank"><span style="color:#ffffff"><blockquote>.</blockquote></span></a>
▲上記かくしリンクの補足説明
ピリオドに<blockquote>を使うと反転しても分かりにくく
なるが、クリッカブルな領域が行単位(ピリオド以降
行末までクリッカブル)になってしまう。
かといって普通に使えば、スペースは反転したときに目立つ。
それがいやなら行頭にピリオドを持ってくるしかない。
Angerikaさん、ご紹介ありがとうございました!
おおっ、クリックできそうでできないですね:)
ASLの日記 - 「Webセーフカラー」
http://mixi.jp/view_diary.pl?id=7972835

hiroo / 山田 浩大 / ASL

--

<span style="color:#555555">■ <a href="http://e-words.jp/p/r-websafecolor.html" target="_blank">Webセーフカラー</a>

Webページを作成するときに指定できる色のうち、256色環境でも再現される色とその16進表示です。

<a href="http://www.scollabo.com/banban/lectur/websafe.html" target="_blank">カラーチャート</a>

<span style="color:#ffffff">■■■■■</span> <xmp><span style="color:#ffffff">■</span></xmp>
<span style="color:#cccccc">■■■■■</span> <xmp><span style="color:#cccccc">■</span></xmp>
<span style="color:#999999">■■■■■</span> <xmp><span style="color:#999999">■</span></xmp>
<span style="color:#666666">■■■■■</span> <xmp><span style="color:#666666">■</span></xmp>
<span style="color:#333333">■■■■■</span> <xmp><span style="color:#333333">■</span></xmp>
<span style="color:#000000">■■■■■</span> <xmp><span style="color:#000000">■</span></xmp>
<span style="color:#ffcccc">■■■■■</span> <xmp><span style="color:#ffcccc">■</span></xmp>
<span style="color:#cc9999">■■■■■</span> <xmp><span style="color:#cc9999">■</span></xmp>
<span style="color:#996666">■■■■■</span> <xmp><span style="color:#996666">■</span></xmp>
<span style="color:#663333">■■■■■</span> <xmp><span style="color:#663333">■</span></xmp>
<span style="color:#330000">■■■■■</span> <xmp><span style="color:#330000">■</span></xmp>
<span style="color:#ff9999">■■■■■</span> <xmp><span style="color:#ff9999">■</span></xmp>
<span style="color:#cc6666">■■■■■</span> <xmp><span style="color:#cc6666">■</span></xmp>
<span style="color:#cc3333">■■■■■</span> <xmp><span style="color:#cc3333">■</span></xmp>
<span style="color:#993333">■■■■■</span> <xmp><span style="color:#993333">■</span></xmp>
<span style="color:#660000">■■■■■</span> <xmp><span style="color:#660000">■</span></xmp>
<span style="color:#ff6666">■■■■■</span> <xmp><span style="color:#ff6666">■</span></xmp>
<span style="color:#ff3333">■■■■■</span> <xmp><span style="color:#ff3333">■</span></xmp>
<span style="color:#ff0000">■■■■■</span> <xmp><span style="color:#ff0000">■</span></xmp>
<span style="color:#cc0000">■■■■■</span> <xmp><span style="color:#cc0000">■</span></xmp>
<span style="color:#990000">■■■■■</span> <xmp><span style="color:#990000">■</span></xmp>
<span style="color:#ff9966">■■■■■</span> <xmp><span style="color:#ff9966">■</span></xmp>
<span style="color:#ff6633">■■■■■</span> <xmp><span style="color:#ff6633">■</span></xmp>
<span style="color:#ff3300">■■■■■</span> <xmp><span style="color:#ff3300">■</span></xmp>
<span style="color:#cc3300">■■■■■</span> <xmp><span style="color:#cc3300">■</span></xmp>
<span style="color:#993300">■■■■■</span> <xmp><span style="color:#993300">■</span></xmp>
<span style="color:#ffcc99">■■■■■</span> <xmp><span style="color:#ffcc99">■</span></xmp>
<span style="color:#cc9966">■■■■■</span> <xmp><span style="color:#cc9966">■</span></xmp>
<span style="color:#cc6633">■■■■■</span> <xmp><span style="color:#cc6633">■</span></xmp>
<span style="color:#996633">■■■■■</span> <xmp><span style="color:#996633">■</span></xmp>
<span style="color:#663300">■■■■■</span> <xmp><span style="color:#663300">■</span></xmp>
<span style="color:#ff9933">■■■■■</span> <xmp><span style="color:#ff9933">■</span></xmp>
<span style="color:#ff6600">■■■■■</span> <xmp><span style="color:#ff6600">■</span></xmp>
<span style="color:#ff9900">■■■■■</span> <xmp><span style="color:#ff9900">■</span></xmp>
<span style="color:#cc6600">■■■■■</span> <xmp><span style="color:#cc6600">■</span></xmp>
<span style="color:#cc9933">■■■■■</span> <xmp><span style="color:#cc9933">■</span></xmp>
<span style="color:#ffcc66">■■■■■</span> <xmp><span style="color:#ffcc66">■</span></xmp>
<span style="color:#ffcc33">■■■■■</span> <xmp><span style="color:#ffcc33">■</span></xmp>
<span style="color:#ffcc00">■■■■■</span> <xmp><span style="color:#ffcc00">■</span></xmp>
<span style="color:#cc9900">■■■■■</span> <xmp><span style="color:#cc9900">■</span></xmp>
<span style="color:#996600">■■■■■</span> <xmp><span style="color:#996600">■</span></xmp>
<span style="color:#ffffcc">■■■■■</span> <xmp><span style="color:#ffffcc">■</span></xmp>
<span style="color:#cccc99">■■■■■</span> <xmp><span style="color:#cccc99">■</span></xmp>
<span style="color:#999966">■■■■■</span> <xmp><span style="color:#999966">■</span></xmp>
<span style="color:#666633">■■■■■</span> <xmp><span style="color:#666633">■</span></xmp>
<span style="color:#333300">■■■■■</span> <xmp><span style="color:#333300">■</span></xmp>
<span style="color:#ffff99">■■■■■</span> <xmp><span style="color:#ffff99">■</span></xmp>
<span style="color:#cccc66">■■■■■</span> <xmp><span style="color:#cccc66">■</span></xmp>
<span style="color:#cccc33">■■■■■</span> <xmp><span style="color:#cccc33">■</span></xmp>
<span style="color:#999933">■■■■■</span> <xmp><span style="color:#999933">■</span></xmp>
<span style="color:#666600">■■■■■</span> <xmp><span style="color:#666600">■</span></xmp>
<span style="color:#ffff66">■■■■■</span> <xmp><span style="color:#ffff66">■</span></xmp>
<span style="color:#ffff33">■■■■■</span> <xmp><span style="color:#ffff33">■</span></xmp>
<span style="color:#ffff00">■■■■■</span> <xmp><span style="color:#ffff00">■</span></xmp>
<span style="color:#cccc00">■■■■■</span> <xmp><span style="color:#cccc00">■</span></xmp>
<span style="color:#999900">■■■■■</span> <xmp><span style="color:#999900">■</span></xmp>
<span style="color:#ccff66">■■■■■</span> <xmp><span style="color:#ccff66">■</span></xmp>
<span style="color:#ccff33">■■■■■</span> <xmp><span style="color:#ccff33">■</span></xmp>
<span style="color:#ccff00">■■■■■</span> <xmp><span style="color:#ccff00">■</span></xmp>
<span style="color:#99cc00">■■■■■</span> <xmp><span style="color:#99cc00">■</span></xmp>
<span style="color:#669900">■■■■■</span> <xmp><span style="color:#669900">■</span></xmp>
<span style="color:#ccff99">■■■■■</span> <xmp><span style="color:#ccff99">■</span></xmp>
<span style="color:#99cc66">■■■■■</span> <xmp><span style="color:#99cc66">■</span></xmp>
<span style="color:#99cc33">■■■■■</span> <xmp><span style="color:#99cc33">■</span></xmp>
<span style="color:#669933">■■■■■</span> <xmp><span style="color:#669933">■</span></xmp>
<span style="color:#336600">■■■■■</span> <xmp><span style="color:#336600">■</span></xmp>
<span style="color:#99ff33">■■■■■</span> <xmp><span style="color:#99ff33">■</span></xmp>
<span style="color:#99ff00">■■■■■</span> <xmp><span style="color:#99ff00">■</span></xmp>
<span style="color:#66ff00">■■■■■</span> <xmp><span style="color:#66ff00">■</span></xmp>
<span style="color:#66cc00">■■■■■</span> <xmp><span style="color:#66cc00">■</span></xmp>
<span style="color:#66cc33">■■■■■</span> <xmp><span style="color:#66cc33">■</span></xmp>
<span style="color:#99ff66">■■■■■</span> <xmp><span style="color:#99ff66">■</span></xmp>
<span style="color:#66ff33">■■■■■</span> <xmp><span style="color:#66ff33">■</span></xmp>
<span style="color:#33ff00">■■■■■</span> <xmp><span style="color:#33ff00">■</span></xmp>
<span style="color:#33cc00">■■■■■</span> <xmp><span style="color:#33cc00">■</span></xmp>
<span style="color:#339900">■■■■■</span> <xmp><span style="color:#339900">■</span></xmp>
<span style="color:#ccffcc">■■■■■</span> <xmp><span style="color:#ccffcc">■</span></xmp>
<span style="color:#99cc99">■■■■■</span> <xmp><span style="color:#99cc99">■</span></xmp>
<span style="color:#66cc99">■■■■■</span> <xmp><span style="color:#66cc99">■</span></xmp>
<span style="color:#669966">■■■■■</span> <xmp><span style="color:#669966">■</span></xmp>
<span style="color:#336633">■■■■■</span> <xmp><span style="color:#336633">■</span></xmp>
<span style="color:#003300">■■■■■</span> <xmp><span style="color:#003300">■</span></xmp>
<span style="color:#99ff99">■■■■■</span> <xmp><span style="color:#99ff99">■</span></xmp>
<span style="color:#66cc66">■■■■■</span> <xmp><span style="color:#66cc66">■</span></xmp>
<span style="color:#33cc33">■■■■■</span> <xmp><span style="color:#33cc33">■</span></xmp>
<span style="color:#339933">■■■■■</span> <xmp><span style="color:#339933">■</span></xmp>
<span style="color:#006600">■■■■■</span> <xmp><span style="color:#006600">■</span></xmp>
<span style="color:#66ff66">■■■■■</span> <xmp><span style="color:#66ff66">■</span></xmp>
<span style="color:#33ff33">■■■■■</span> <xmp><span style="color:#33ff33">■</span></xmp>
<span style="color:#00ff00">■■■■■</span> <xmp><span style="color:#00ff00">■</span></xmp>
<span style="color:#00cc00">■■■■■</span> <xmp><span style="color:#00cc00">■</span></xmp>
<span style="color:#009900">■■■■■</span> <xmp><span style="color:#009900">■</span></xmp>
<span style="color:#66ff99">■■■■■</span> <xmp><span style="color:#66ff99">■</span></xmp>
<span style="color:#33ff66">■■■■■</span> <xmp><span style="color:#33ff66">■</span></xmp>
<span style="color:#00ff33">■■■■■</span> <xmp><span style="color:#00ff33">■</span></xmp>
<span style="color:#00cc33">■■■■■</span> <xmp><span style="color:#00cc33">■</span></xmp>
<span style="color:#009933">■■■■■</span> <xmp><span style="color:#009933">■</span></xmp>
<span style="color:#99ffcc">■■■■■</span> <xmp><span style="color:#99ffcc">■</span></xmp>
<span style="color:#66cc99">■■■■■</span> <xmp><span style="color:#66cc99">■</span></xmp>
<span style="color:#33cc66">■■■■■</span> <xmp><span style="color:#33cc66">■</span></xmp>
<span style="color:#339966">■■■■■</span> <xmp><span style="color:#339966">■</span></xmp>
<span style="color:#006633">■■■■■</span> <xmp><span style="color:#006633">■</span></xmp>
<span style="color:#33ff99">■■■■■</span> <xmp><span style="color:#33ff99">■</span></xmp>
<span style="color:#00ff66">■■■■■</span> <xmp><span style="color:#00ff66">■</span></xmp>
<span style="color:#00ff99">■■■■■</span> <xmp><span style="color:#00ff99">■</span></xmp>
<span style="color:#00cc66">■■■■■</span> <xmp><span style="color:#00cc66">■</span></xmp>
<span style="color:#33cc99">■■■■■</span> <xmp><span style="color:#33cc99">■</span></xmp>
<span style="color:#66ffcc">■■■■■</span> <xmp><span style="color:#66ffcc">■</span></xmp>
<span style="color:#33ffcc">■■■■■</span> <xmp><span style="color:#33ffcc">■</span></xmp>
<span style="color:#00ffcc">■■■■■</span> <xmp><span style="color:#00ffcc">■</span></xmp>
<span style="color:#00cc99">■■■■■</span> <xmp><span style="color:#00cc99">■</span></xmp>
<span style="color:#009966">■■■■■</span> <xmp><span style="color:#009966">■</span></xmp>
<span style="color:#ccffff">■■■■■</span> <xmp><span style="color:#ccffff">■</span></xmp>
<span style="color:#99cccc">■■■■■</span> <xmp><span style="color:#99cccc">■</span></xmp>
<span style="color:#669999">■■■■■</span> <xmp><span style="color:#669999">■</span></xmp>
<span style="color:#336666">■■■■■</span> <xmp><span style="color:#336666">■</span></xmp>
<span style="color:#003333">■■■■■</span> <xmp><span style="color:#003333">■</span></xmp>
<span style="color:#99ffff">■■■■■</span> <xmp><span style="color:#99ffff">■</span></xmp>
<span style="color:#66cccc">■■■■■</span> <xmp><span style="color:#66cccc">■</span></xmp>
<span style="color:#33cccc">■■■■■</span> <xmp><span style="color:#33cccc">■</span></xmp>
<span style="color:#339999">■■■■■</span> <xmp><span style="color:#339999">■</span></xmp>
<span style="color:#006666">■■■■■</span> <xmp><span style="color:#006666">■</span></xmp>
<span style="color:#66ffff">■■■■■</span> <xmp><span style="color:#66ffff">■</span></xmp>
<span style="color:#33ffff">■■■■■</span> <xmp><span style="color:#33ffff">■</span></xmp>
<span style="color:#00ffff">■■■■■</span> <xmp><span style="color:#00ffff">■</span></xmp>
<span style="color:#00cccc">■■■■■</span> <xmp><span style="color:#00cccc">■</span></xmp>
<span style="color:#009999">■■■■■</span> <xmp><span style="color:#009999">■</span></xmp>
<span style="color:#66ccff">■■■■■</span> <xmp><span style="color:#66ccff">■</span></xmp>
<span style="color:#33ccff">■■■■■</span> <xmp><span style="color:#33ccff">■</span></xmp>
<span style="color:#00ccff">■■■■■</span> <xmp><span style="color:#00ccff">■</span></xmp>
<span style="color:#0099cc">■■■■■</span> <xmp><span style="color:#0099cc">■</span></xmp>
<span style="color:#006699">■■■■■</span> <xmp><span style="color:#006699">■</span></xmp>
<span style="color:#99ccff">■■■■■</span> <xmp><span style="color:#99ccff">■</span></xmp>
<span style="color:#6699cc">■■■■■</span> <xmp><span style="color:#6699cc">■</span></xmp>
<span style="color:#3399cc">■■■■■</span> <xmp><span style="color:#3399cc">■</span></xmp>
<span style="color:#336699">■■■■■</span> <xmp><span style="color:#336699">■</span></xmp>
<span style="color:#003366">■■■■■</span> <xmp><span style="color:#003366">■</span></xmp>
<span style="color:#3399ff">■■■■■</span> <xmp><span style="color:#3399ff">■</span></xmp>
<span style="color:#0099ff">■■■■■</span> <xmp><span style="color:#0099ff">■</span></xmp>
<span style="color:#0066ff">■■■■■</span> <xmp><span style="color:#0066ff">■</span></xmp>
<span style="color:#0066cc">■■■■■</span> <xmp><span style="color:#0066cc">■</span></xmp>
<span style="color:#3366cc">■■■■■</span> <xmp><span style="color:#3366cc">■</span></xmp>
<span style="color:#6699ff">■■■■■</span> <xmp><span style="color:#6699ff">■</span></xmp>
<span style="color:#3366ff">■■■■■</span> <xmp><span style="color:#3366ff">■</span></xmp>
<span style="color:#0033ff">■■■■■</span> <xmp><span style="color:#0033ff">■</span></xmp>
<span style="color:#0033cc">■■■■■</span> <xmp><span style="color:#0033cc">■</span></xmp>
<span style="color:#003399">■■■■■</span> <xmp><span style="color:#003399">■</span></xmp>
<span style="color:#ccccff">■■■■■</span> <xmp><span style="color:#ccccff">■</span></xmp>
<span style="color:#9999cc">■■■■■</span> <xmp><span style="color:#9999cc">■</span></xmp>
<span style="color:#666699">■■■■■</span> <xmp><span style="color:#666699">■</span></xmp>
<span style="color:#333366">■■■■■</span> <xmp><span style="color:#333366">■</span></xmp>
<span style="color:#000033">■■■■■</span> <xmp><span style="color:#000033">■</span></xmp>
<span style="color:#9999ff">■■■■■</span> <xmp><span style="color:#9999ff">■</span></xmp>
<span style="color:#6666cc">■■■■■</span> <xmp><span style="color:#6666cc">■</span></xmp>
<span style="color:#3333cc">■■■■■</span> <xmp><span style="color:#3333cc">■</span></xmp>
<span style="color:#333399">■■■■■</span> <xmp><span style="color:#333399">■</span></xmp>
<span style="color:#000066">■■■■■</span> <xmp><span style="color:#000066">■</span></xmp>
<span style="color:#6666ff">■■■■■</span> <xmp><span style="color:#6666ff">■</span></xmp>
<span style="color:#3333ff">■■■■■</span> <xmp><span style="color:#3333ff">■</span></xmp>
<span style="color:#0000ff">■■■■■</span> <xmp><span style="color:#0000ff">■</span></xmp>
<span style="color:#0000cc">■■■■■</span> <xmp><span style="color:#0000cc">■</span></xmp>
<span style="color:#000099">■■■■■</span> <xmp><span style="color:#000099">■</span></xmp>
<span style="color:#9966ff">■■■■■</span> <xmp><span style="color:#9966ff">■</span></xmp>
<span style="color:#6633ff">■■■■■</span> <xmp><span style="color:#6633ff">■</span></xmp>
<span style="color:#3300ff">■■■■■</span> <xmp><span style="color:#3300ff">■</span></xmp>
<span style="color:#3300cc">■■■■■</span> <xmp><span style="color:#3300cc">■</span></xmp>
<span style="color:#330099">■■■■■</span> <xmp><span style="color:#330099">■</span></xmp>
<span style="color:#cc99ff">■■■■■</span> <xmp><span style="color:#cc99ff">■</span></xmp>
<span style="color:#9966cc">■■■■■</span> <xmp><span style="color:#9966cc">■</span></xmp>
<span style="color:#6633cc">■■■■■</span> <xmp><span style="color:#6633cc">■</span></xmp>
<span style="color:#663399">■■■■■</span> <xmp><span style="color:#663399">■</span></xmp>
<span style="color:#330066">■■■■■</span> <xmp><span style="color:#330066">■</span></xmp>
<span style="color:#9933ff">■■■■■</span> <xmp><span style="color:#9933ff">■</span></xmp>
<span style="color:#6600ff">■■■■■</span> <xmp><span style="color:#6600ff">■</span></xmp>
<span style="color:#9900ff">■■■■■</span> <xmp><span style="color:#9900ff">■</span></xmp>
<span style="color:#6600cc">■■■■■</span> <xmp><span style="color:#6600cc">■</span></xmp>
<span style="color:#9933cc">■■■■■</span> <xmp><span style="color:#9933cc">■</span></xmp>
<span style="color:#cc66ff">■■■■■</span> <xmp><span style="color:#cc66ff">■</span></xmp>
<span style="color:#cc33ff">■■■■■</span> <xmp><span style="color:#cc33ff">■</span></xmp>
<span style="color:#cc00ff">■■■■■</span> <xmp><span style="color:#cc00ff">■</span></xmp>
<span style="color:#9900cc">■■■■■</span> <xmp><span style="color:#9900cc">■</span></xmp>
<span style="color:#660099">■■■■■</span> <xmp><span style="color:#660099">■</span></xmp>
<span style="color:#ffccff">■■■■■</span> <xmp><span style="color:#ffccff">■</span></xmp>
<span style="color:#cc99cc">■■■■■</span> <xmp><span style="color:#cc99cc">■</span></xmp>
<span style="color:#996699">■■■■■</span> <xmp><span style="color:#996699">■</span></xmp>
<span style="color:#663366">■■■■■</span> <xmp><span style="color:#663366">■</span></xmp>
<span style="color:#330033">■■■■■</span> <xmp><span style="color:#330033">■</span></xmp>
<span style="color:#ff99ff">■■■■■</span> <xmp><span style="color:#ff99ff">■</span></xmp>
<span style="color:#cc66cc">■■■■■</span> <xmp><span style="color:#cc66cc">■</span></xmp>
<span style="color:#cc33cc">■■■■■</span> <xmp><span style="color:#cc33cc">■</span></xmp>
<span style="color:#993399">■■■■■</span> <xmp><span style="color:#993399">■</span></xmp>
<span style="color:#660066">■■■■■</span> <xmp><span style="color:#660066">■</span></xmp>
<span style="color:#ff66ff">■■■■■</span> <xmp><span style="color:#ff66ff">■</span></xmp>
<span style="color:#ff33ff">■■■■■</span> <xmp><span style="color:#ff33ff">■</span></xmp>
<span style="color:#ff00ff">■■■■■</span> <xmp><span style="color:#ff00ff">■</span></xmp>
<span style="color:#cc00cc">■■■■■</span> <xmp><span style="color:#cc00cc">■</span></xmp>
<span style="color:#990099">■■■■■</span> <xmp><span style="color:#990099">■</span></xmp>
<span style="color:#ff66cc">■■■■■</span> <xmp><span style="color:#ff66cc">■</span></xmp>
<span style="color:#ff33cc">■■■■■</span> <xmp><span style="color:#ff33cc">■</span></xmp>
<span style="color:#ff00cc">■■■■■</span> <xmp><span style="color:#ff00cc">■</span></xmp>
<span style="color:#cc0099">■■■■■</span> <xmp><span style="color:#cc0099">■</span></xmp>
<span style="color:#990066">■■■■■</span> <xmp><span style="color:#990066">■</span></xmp>
<span style="color:#ff99cc">■■■■■</span> <xmp><span style="color:#ff99cc">■</span></xmp>
<span style="color:#cc6699">■■■■■</span> <xmp><span style="color:#cc6699">■</span></xmp>
<span style="color:#cc3399">■■■■■</span> <xmp><span style="color:#cc3399">■</span></xmp>
<span style="color:#993366">■■■■■</span> <xmp><span style="color:#993366">■</span></xmp>
<span style="color:#660033">■■■■■</span> <xmp><span style="color:#660033">■</span></xmp>
<span style="color:#ff3399">■■■■■</span> <xmp><span style="color:#ff3399">■</span></xmp>
<span style="color:#ff0099">■■■■■</span> <xmp><span style="color:#ff0099">■</span></xmp>
<span style="color:#ff0066">■■■■■</span> <xmp><span style="color:#ff0066">■</span></xmp>
<span style="color:#cc0066">■■■■■</span> <xmp><span style="color:#cc0066">■</span></xmp>
<span style="color:#cc3366">■■■■■</span> <xmp><span style="color:#cc3366">■</span></xmp>
<span style="color:#ff6699">■■■■■</span> <xmp><span style="color:#ff6699">■</span></xmp>
<span style="color:#ff3366">■■■■■</span> <xmp><span style="color:#ff3366">■</span></xmp>
<span style="color:#ff0033">■■■■■</span> <xmp><span style="color:#ff0033">■</span></xmp>
<span style="color:#cc0033">■■■■■</span> <xmp><span style="color:#cc0033">■</span></xmp>
<span style="color:#990033">■■■■■</span> <xmp><span style="color:#990033">■</span></xmp>
</span>
■写真をネガフィルムのように装飾するタグ

(サンプル)
http://mixi.jp/view_diary.pl?id=28238151&owner_id=169657

(ヴァリエーション)
http://mixi.jp/view_diary.pl?id=25615876&owner_id=169657
(補足)
一応mixiの色調を踏襲してるつもりです。
あと、これじゃネガじゃなくてポジですね。
あちゅや(aCHUya)さん、ご無沙汰です。
面白いのですが、私のID番号を勝手に使ってはいけません:)

708さん、こんばんは。

これは力作ですね。先日、mixiで Unicodeがサポートされましたので、Unicode特殊キャラクタを駆使した素晴らしい作品です。今度、私の日記でも紹介させていただきます。(紹介時にお知らせします)

また、力作が完成しましたら、是非ご紹介下さい!

hiroo / 山田 浩大 / ASL
こんばんは。お邪魔します。

spanタグは、3原色じゃなくて色の名前でも指定できます。

fontタグで使ってたリストをspanに食わせてみました。
幾つか出ない色もありますが、良かったら使ってね。
http://mixi.jp/view_diary.pl?id=159650322&owner_id=9299

ソースは長いんで、コピペしません。
必要なら『ソースを表示』させて持ってって下さい。
↑ HTML4では非推奨なのね。使わない方がいいっすね。orz
ふ−し"さん、はじめまして。

spanタグで色の名前も使えるようですね。ご指摘の通り、HTML4では推奨していませんが、面白い試みだと思います。ご紹介ありがとうございました。

例:<span style="color:black">black</span>

hiroo / 山田 浩大 / ASL
ASLさん

ぃゃー、役に立たないこと書いて御免なさい。

color nameとRGBの対比してくれてるページがあったんで拝借してみました。
RGB指定で文字に色付けるにはこれっくらいあればいいのかな。
http://mixi.jp/view_diary.pl?id=160028340&owner_id=9299
ふ−し"さん、その対比表は便利ですね。

あと、「質問です」トピックで紹介したのですが、

JavaScriptグラデーションタグ編集
http://homepage3.nifty.com/kankun/gtag/gtagindex216.html

というサイトも便利です。開始色と終了色を指定できます。

ログインすると、残り3件のコメントが見れるよ

mixiユーザー
ログインしてコメントしよう!

mixiプレミアム 更新情報

mixiプレミアムのメンバーはこんなコミュニティにも参加しています

星印の数は、共通して参加しているメンバーが多いほど増えます。

人気コミュニティランキング