忍者ブログのテンプレートを作成中 http://emile.blog.shinobi.jp/ ja Copyright (C) NINJATOOLS ALL RIGHTS RESERVED. <a target="_blank" href="http://file.emile.blog.shinobi.jp/variation-01.jpg"><img alt="variation-01.jpg" align="left" border="0" src="http://file.emile.blog.shinobi.jp/Img/1270554757/" /></a> <a href="http://emile.blog.shinobi.jp/Preview/V/9/" target="_blank">[プレビュー]</a><br> ブルーがポイント・カラーのシンプルなテンプレートです。<br> 色変え、素材変更など、カスタマイズはご自由にどうぞ。<br> http://emile.blog.shinobi.jp/template/variation-01 <a target="_blank" href="http://file.emile.blog.shinobi.jp/simple-02.jpg"><img alt="simple02" align="left" border="0" src="http://file.emile.blog.shinobi.jp/Img/1270119015/" /></a> [<a target="_blank" href="http://emile.blog.shinobi.jp/Preview/V/11/">プレビュー</a>]<br /> シンプルなテンプレートです。<br /> 画像投稿がメインのブログ向き。<br /> カスタマイズは自由にどうぞ。<br /> <br /> [<a href="http://file.emile.blog.shinobi.jp/simple02.zip">ソースのダウンロード</a>] http://emile.blog.shinobi.jp/template/simple02 背景画像に関するタグ。<br /> <br /> ■背景画像の指定<blockquote> <div>background-image:url(画像アドレス);</div> </blockquote><br /> ■背景画像の繰り返しをするかしないかの指定<br /> 繰り返さない（一枚絵を置く場合など）<blockquote> <div>background-repeat:no-repeat;</div> </blockquote>繰り替えす（壁紙画像などを敷き詰める場合など）<blockquote> <div>background-repeat:repeat;</div> </blockquote><br /> ■背景画像の位置の指定<br /> 　<font color="#00ff00">★</font>=横位置（左端からの距離）、<font color="#00ffff">★</font>=縦位置（上からの距離）<blockquote> <div>background-position:<font color="#00ff00">★</font> <font color="#00ffff">★</font>;</div> </blockquote><br /> 【例１】キーワード指定<br /> left（左）、center（中央）、 right（右）、top（上）、bottom（下）<blockquote> <div>background-position:left center;　/*左端・中央*/<br /> background-position:right top;　/*右端・上*/</div> </blockquote>【例２】％指定<blockquote> <div>background-position:0% 100%;　/*左端・下*/<br /> background-position:50% 50%;　/*中央*/<br /> background-position:20% 80%;　/*左端から20％・上から80％*/</div> </blockquote><br /> ■背景画像の固定・移動の指定<br /> 背景画像を固定<blockquote> <div>background-attachment:fixed;</div> </blockquote>背景画像をスクロールに合わせて移動（デフォルト）<blockquote> <div>background-attachment:scroll;</div> </blockquote><br /> <br /> <br /> <font color="#33cccc"><strong>記述例</strong></font><blockquote> <div>body {<br /> background-image:url(画像アドレス);<br /> background-repeat:no-repeat;<br /> background-position:left top;<br /> background-attachment:fixed;<br /> }</div> </blockquote> http://emile.blog.shinobi.jp/html%E3%83%BBcss/%E8%83%8C%E6%99%AF%E7%94%BB%E5%83%8F%E3%81%AB%E9%96%A2%E3%81%99%E3%82%8B%E3%82%BF%E3%82%B0 <font color="#33cccc">■全体に背景画像を入れる場合</font><br /> CSSの「全ブロックの共通設定」＞「BODY全体に関する設定」の部分。<br /> body｛　｝　の中に背景画像を指定するタグを入れる。<br /> <br /> <font color="#33cccc">■ヘッダー（ブログタイトルの部分）に背景画像を入れる場合</font><br /> CSSの「全ブロックの共通設定」＞「トップブロック用デザイン」の部分。<br /> #TopBlock｛　｝　の中に背景画像を指定するタグを入れる。 http://emile.blog.shinobi.jp/customize/%E8%83%8C%E6%99%AF%E7%94%BB%E5%83%8F%E3%82%92%E5%85%A5%E3%82%8C%E3%81%9F%E3%81%84 文字のサイズ（font-size）の絶対サイズ。<br /> <br /> <div style="font-size:small;font-family:osaka,'ms pgothic',sans-serif;"> <div class="fontsize"> ■pt指定<br /> <table border="1" cellpadding="5" style="border-collapse:collapse;"> <tr><th>28pt</th><td style="font-size:28pt">フォント font</td></tr> <tr><th>24pt</th><td style="font-size:24pt">フォント font</td></tr> <tr><th>20pt</th><td style="font-size:20pt">フォント font</td></tr> <tr><th>18pt</th><td style="font-size:18pt">フォント font</td></tr> <tr><th>16pt</th><td style="font-size:16pt">フォント font</td></tr> <tr><th>14pt</th><td style="font-size:14pt">フォント font</td></tr> <tr><th>12pt</th><td style="font-size:12pt">フォント font</td></tr> <tr><th>10pt</th><td style="font-size:10pt">フォント font</td></tr> <tr><th>8pt</th><td style="font-size:8pt">フォント font</td></tr> </table> <br /> ■px指定<br /> <table border="1" cellpadding="5" style="border-collapse:collapse;"> <tr><th>28px</th><td style="font-size:28px">フォント font</td></tr> <tr><th>24px</th><td style="font-size:24px">フォント font</td></tr> <tr><th>20px</th><td style="font-size:20px">フォント font</td></tr> <tr><th>18px</th><td style="font-size:18px">フォント font</td></tr> <tr><th>16px</th><td style="font-size:16px">フォント font</td></tr> <tr><th>14px</th><td style="font-size:14px">フォント font</td></tr> <tr><th>12px</th><td style="font-size:12px">フォント font</td></tr> <tr><th>10px</th><td style="font-size:10px">フォント font</td></tr> <tr><th>8px</th><td style="font-size:8px">フォント font</td></tr> </table> <br /> ■キーワード指定<br /> <table border="1" cellpadding="5" style="border-collapse:collapse;"> <tr><th>xx-small</th><td style="font-size:xx-small">フォント font</td></tr> <tr><th>x-small</th><td style="font-size:x-small">フォント font</td></tr> <tr><th>small</th><td style="font-size:small">フォント font</td></tr> <tr><th>medium</td><td style="font-size:medium">フォント font</td></tr> <tr><th>large</th><td style="font-size:large">フォント font</td></tr> <tr><th>x-large</th><td style="font-size:x-large">フォント font</td></tr> <tr><th>xx-large</th><td style="font-size:xx-large">フォント font</td></tr> </table> </div> </div> http://emile.blog.shinobi.jp/html%E3%83%BBcss/%E6%96%87%E5%AD%97%E3%81%AE%E3%82%B5%E3%82%A4%E3%82%BA%EF%BC%9A%E7%B5%B6%E5%AF%BE%E3%82%B5%E3%82%A4%E3%82%BA 文字のサイズ（font-size）の相対サイズ。<br /> <br /> <div style="font-size:small;font-family:osaka,'ms pgothic',sans-serif;"> <div class="fontsize"> ■キーワード指定<br /> <table border="1" cellpadding="5" style="border-collapse:collapse;"> <tr><th>smaller（一段階小さく）</th><td style="font-size:smaller">フォント font</td></tr> <tr><th>無指定</th><td>フォント font</td></tr> <tr><th>larger（一段階大きく）</th><td style="font-size:larger">フォント font</td></tr> </table> <br /> <br /> ■パーセント指定<br /> <table border="1" cellpadding="5" style="border-collapse:collapse;font-size:medium;"> <tr><th>200%</th><td style="font-size:200%">フォント font</td></tr> <tr><th>150%</th><td style="font-size:150%">フォント font</td></tr> <tr><th>120%</th><td style="font-size:120%">フォント font</td></tr> <tr><th>100%</th><td style="font-size:100%">フォント font</td></tr> <tr><th>95%</th><td style="font-size:95%">フォント font</td></tr> <tr><th>90%</th><td style="font-size:90%">フォント font</td></tr> <tr><th>85%</th><td style="font-size:85%">フォント font</td></tr> <tr><th>80%</th><td style="font-size:80%">フォント font</td></tr> <tr><th>75%</th><td style="font-size:75%">フォント font</td></tr> <tr><th>70%</th><td style="font-size:70%">フォント font</td></tr> <tr><th>65%</th><td style="font-size:65%">フォント font</td></tr> <tr><th>60%</th><td style="font-size:60%">フォント font</td></tr> <tr><th>55%</th><td style="font-size:55%">フォント font</td></tr> <tr><th>50%</th><td style="font-size:50%">フォント font</td></tr> </table> <br /> <br /> ■比較<br /> <table border="1" cellpadding="5" style="border-collapse:collapse;font-family:osaka,'ms pgothic',sans-serif;"> <tr> <th>基準値</th> <th>100%</th> <th>80%</th> <th>65%</th> </tr> <tr style="font-size:medium;"> <th>medium</th> <td style="font-size:100%">フォント font</td> <td style="font-size:80%">フォント font</td> <td style="font-size:65%">フォント font</td> </tr> <tr style="font-size:small;"> <th>small</th> <td style="font-size:100%">フォント font</td> <td style="font-size:80%">フォント font</td> <td style="font-size:65%">フォント font</td> </tr> <tr style="font-size:16px;"> <th>16px</th> <td style="font-size:100%">フォント font</td> <td style="font-size:80%">フォント font</td> <td style="font-size:65%">フォント font</td> </tr> <tr style="font-size:14px;"> <th>14px</th> <td style="font-size:100%">フォント font</td> <td style="font-size:80%">フォント font</td> <td style="font-size:65%">フォント font</td> </tr> <tr style="font-size:12px;"> <th>12px</th> <td style="font-size:100%">フォント font</td> <td style="font-size:80%">フォント font</td> <td style="font-size:65%">フォント font</td> </tr> <tr style="font-size:12pt;"> <th>12pt</th> <td style="font-size:100%">フォント font</td> <td style="font-size:80%">フォント font</td> <td style="font-size:65%">フォント font</td> </tr> <tr style="font-size:10pt;"> <th>10pt</th> <td style="font-size:100%">フォント font</td> <td style="font-size:80%">フォント font</td> <td style="font-size:65%">フォント font</td> </tr> </table> </div> </div> http://emile.blog.shinobi.jp/html%E3%83%BBcss/%E6%96%87%E5%AD%97%E3%81%AE%E3%82%B5%E3%82%A4%E3%82%BA%EF%BC%9A%E7%9B%B8%E5%AF%BE%E3%82%B5%E3%82%A4%E3%82%BA 文字の太さ（font-weight）の指定。<br /> <br /> <div style="font-size:small;font-weight:normal;font-family:osaka,'ms pgothic',sans-serif;"> <div class="fontweight"> ■キーワード指定<br /> <table border="1" cellpadding="5" style="border-collapse:collapse;"> <tr><th>light</th><td>細く</td><td style="font-weight:light;">フォント font</td></tr> <tr><th>lighter</th><td>一段階細く</td><td style="font-weight:lighter;">フォント font</td></tr> <tr><th>normal</th><td>通常（デフォルト）</td><td style="font-weight:normal;">フォント font</td></tr> <tr><th>bolder</th><td>一段階太く</td><td style="font-weight:bolder;">フォント font</td></tr> <tr><th>bold</th><td>太く</td><td style="font-weight:bold;">フォント font</td></tr> </table> <br /> ■数値指定<br /> <table border="1" cellpadding="5" style="border-collapse:collapse;"> <tr><th>100</th><td style="font-weight:100;">フォント font</td></tr> <tr><th>200</th><td style="font-weight:200;">フォント font</td></tr> <tr><th>300</th><td style="font-weight:300;">フォント font</td></tr> <tr><th>400</th><td style="font-weight:400;">フォント font</td></tr> <tr><th>500</th><td style="font-weight:500;">フォント font</td></tr> <tr><th>600</th><td style="font-weight:600;">フォント font</td></tr> <tr><th>700</th><td style="font-weight:700;">フォント font</td></tr> <tr><th>800</th><td style="font-weight:800;">フォント font</td></tr> <tr><th>900</th><td style="font-weight:900;">フォント font</td></tr> </table> </div> </div> http://emile.blog.shinobi.jp/html%E3%83%BBcss/%E6%96%87%E5%AD%97%E3%81%AE%E5%A4%AA%E3%81%95 <p>名前が定義されている140色。<br />カッコ内は対応する16進数のカラー・コードです。<br />名前がある色はHTMLに色名で記述してもブラウザが解釈するので対応する16進数のカラー・コードと同じ色が出ます。</p> <div style="font-size:9px;font-family:arial,helvetica,sans-serif;color:#000000;text-align:center;"> <div class="colorname"> <SCRIPT LANGAGE="JavaScript">s="M 5 @ C M DQ B D M M 2 1 @ B H O FLSASQ 6 H E 5 ILS@AATSO|{M 5 3O|{M 5 EQ C F B N M N 3LS @ M H B D C M 4 DSQ 6 H E 5 ILSCDTSO0=8243= T4M C 3OYR7A7I77XM^ 5 EO|{M 5 EQ C F B N M N 3LS @ O 5 H 0 4 D 6 I H 5 DSQ 6 H E 5 ILSCDTSO0?%8 P T4&98%4M C 3OYR70435FXM^ 5 EO|{M 5 EQ C F B N M N 3LS @ 0 4 @SQ 6 H E 5 ILSCDTSO0 P T0M C 3OYRAA7777XM^ 5 EO|{M 5 EQ C F B N M N 3LS @ 0 4 @ L @ 3 H O DSQ 6 H E 5 ILSCDTSO0 P T0<0 S8?4M C 3OYRF7775EXM^ 5 EOM^ 5 3O|{M 5 3OM 5 EQ C F B N M N 3LS @ ; 4 3 DSO0+ T S4M C 3OYR7A7777XM^ 5 EO|{|{M 5 EQ C F B N M N 3LS C D H F DSO34864M C 3OYR7D7D52XM^ 5 EO|{M 5 EQ C F B N M N 3LS C H 2 0 4 DSO38 R P T4M C 3OYR774E2EXM^ 5 EO|{M 5 EQ C F B N M N 3LS C M @ B JSOM G N O 5Q B N M N 3LS&98%4SO3=02:M C 3OYRAAAAAAXM^ G N O 5OM^ 5 EOM^ 5 3O|{M 5 3OM 5 EQ C F B N M N 3LS C M @ O B I D E @ M L N O ESO3=0?29450=<>?5M C 3OYR774325XM^ 5 EO|{M 5 EQ C F B N M N 3LS C M 4 DSOM G N O 5Q B N M N 3LS&98%4SO3= T4M C 3OYRAAAA77XM^ G N O 5OM^ 5 EO|{M 5 EQ C F B N M N 3LS C M 4 D 7 H N M D 5SO3= T4'8>=4%M C 3OYRI0C34CXM^ 5 EO|{|{M 5 EQ C F B N M N 3LS C 3 N 6 OSOM G N O 5Q B N M N 3LS&98%4SO3 S>&?M C 3OYR0DC0C0XM^ G N O 5OM^ 5 EOM^ 5 3O|{M 5 3OM 5 EQ C F B N M N 3LS C 4 3 M 8 6 N N ESO3 T S=(&>>5M C 3OYR543IIFXM^ 5 EO|{M 5 EQ C F B N M N 3LS B @ E D 5 C M 4 DSO2054%3= T4M C 3OYRD7H40AXM^ 5 EO|{M 5 EQ C F B N M N 3LS B I @ 3 5 3 D 4 2 DSO290 S% S4 T R4M C 3OYRF777AAXM^ 5 EO|{M 5 EQ C F B N M N 3LS B I N B N M @ 5 DSO29>2>=0%4M C 3OYR5CGH@4XM^ 5 EOM^ 5 3O|{M 5 3OM 5 EQ C F B N M N 3LS B N 3 @ MSO2> S0=M C 3OYR77F7DAXM^ 5 EO|{|{M 5 EQ C F B N M N 3LSRGEHD D ESO2> S?7=>&4 SM C 3OYRGEHD45XM^ 5 EO|{M 5 EQ C F B N M N 3LS B N 3 O 2 H M JSO2> S? R8=:M C 3OYR777I52XM^ 5 EO|{M 5 EQ C F B N M N 3LS B 3 H L 2 N OSO2 S8< R>?M C 3OYR52@EB2XM^ 5 EOM^ 5 3O|{M 5 3OM 5 EQ C F B N M N 3LS B 8 @ OSO2(0?M C 3OYRAA7777XM^ 5 EO|{M 5 EQ C F B N M N 3LS E @ 3 J C M 4 DSOM G N O 5Q B N M N 3LS&98%4SO50 S:3= T4M C 3OYRAAAAI3XM^ G N O 5OM^ 5 EO|{M 5 EQ C F B N M N 3LS E @ 3 J B 8 @ OSO50 S:2(0?M C 3OYRAAI3I3XM^ 5 EO|{|{M 5 EQ C F B N M N 3LS E @ 3 J F N M E D O 3 N ESO50 S:6>=54? S>5M C 3OYR3IIGA3XM^ 5 EOM^ 5 3O|{M 5 3OM 5 EQ C F B N M N 3LS E @ 3 J F 3 @ 8SO50 S:6 S0(M C 3OYR0H0H0HXM^ 5 EO|{M 5 EQ C F B N M N 3LS E @ 3 J F 3 D D OSOM G N O 5Q B N M N 3LS&98%4SO50 S:6 S44?M C 3OYRAAGEAAXM^ G N O 5OM^ 5 EO|{M 5 EQ C F B N M N 3LS E @ 3 J J I @ J HSO50 S::90:8M C 3OYR353FG3XM^ 5 EO|{M 5 EQ C F B N M N 3LS E @ 3 J L @ F D O 5 @SOM G N O 5Q B N M N 3LS&98%4SO50 S:<064?%0M C 3OYRI3AAI3XM^ G N O 5OM^ 5 EOM^ 5 3O|{M 5 3OM 5 EQ C F B N M N 3LS E @ 3 J N M H 7 D F 3 D D OSOM G N O 5Q B N M N 3LS&98%4SO50 S:>=8'46 S44?M C 3OYRDDG3C7XM^ G N O 5OM^ 5 EO|{|{M 5 EQ C F B N M N 3LS E @ 3 J N 3 @ O F DSO50 S:> S0?64M C 3OYR77I2AAXM^ 5 EO|{M 5 EQ C F B N M N 3LS E @ 3 J N 3 B I H ESO50 S:> S2985M C 3OYRHHBC22XM^ 5 EO|{M 5 EQ C F B N M N 3LS E @ 3 J 3 D ESOM G N O 5Q B N M N 3LS&98%4SO50 S: S45M C 3OYRI3AAAAXM^ G N O 5OM^ 5 EOM^ 5 3O|{M 5 3OM 5 EQ C F B N M N 3LS E @ 3 J 2 @ M L N OSO50 S: R0=<>?M C 3OYR4HHGF0XM^ 5 EO|{M 5 EQ C F B N M N 3LS E @ 3 J 2 D @ F 3 D D OSO50 S: R406 S44?M C 3OYRI732I3XM^ 5 EO|{M 5 EQ C F B N M N 3LS E @ 3 J 2 M @ 5 D C M 4 DSOM G N O 5Q B N M N 3LS&98%4SO50 S: R=0%43= T4M C 3OYREIB5I3XM^ G N O 5OM^ 5 EO|{|{M 5 EQ C F B N M N 3LS E @ 3 J 2 M @ 5 D F 3 @ 8SOM G N O 5Q B N M N 3LS&98%4SO50 S: R=0%46 S0(M C 3OYRC7E7E7XM^ G N O 5OM^ 5 EOM^ 5 3O|{M 5 3OM 5 EQ C F B N M N 3LS E @ 3 J 5 4 3 0 4 N H 2 DSO50 S:% T S P T>8 R4M C 3OYRAA245@XM^ 5 EO|{M 5 EQ C F B N M N 3LS E @ 3 J 7 H N M D 5SO50 S:'8>=4%M C 3OYRHEAA5BXM^ 5 EO|{M 5 EQ C F B N M N 3LS E D D 1 1 H O JSO544 Q Q8?:M C 3OYR77@EHBXM^ 5 EO|{M 5 EQ C F B N M N 3LS E D D 1 2 J 8 C M 4 DSO544 Q R:(3= T4M C 3OYRAA3777XM^ 5 EOM^ 5 3O|{M 5 3OM 5 EQ C F B N M N 3LS E H L F 3 @ 8SO58<6 S0(M C 3OYRGHGHGHXM^ 5 EO|{|{M 5 EQ C F B N M N 3LS E N E F D 3 C M 4 DSO5>564 S3= T4M C 3OYR@4HA77XM^ 5 EO|{M 5 EQ C F B N M N 3LS G H 3 D C 3 H B JSOM G N O 5Q B N M N 3LS&98%4SO78 S43 S82:M C 3OYR3CCCCCXM^ G N O 5OM^ 5 EO|{M 5 EQ C F B N M N 3LS G M N 3 @ M 6 I H 5 DSO7=> S0=&98%4M C 3OYR77707AXM^ 5 EOM^ 5 3O|{M 5 3OM 5 EQ C F B N M N 3LS G N 3 D 2 5 F 3 D D OSO7> S4 R%6 S44?M C 3OYRCCI3CCXM^ 5 EO|{M 5 EQ C F B N M N 3LSR G GAA G GSO7 T2980M C 3OYR77AA77XM^ 5 EO|{M 5 EQ C F B N M N 3LS F @ H O 2 C N 3 NSO608? R3> S>M C 3OYR525252XM^ 5 EO|{|{M 5 EQ C F B N M N 3LS F I N 2 5 6 I H 5 DSO69> R%&98%4M C 3OYR7I7I77XM^ 5 EOM^ 5 3O|{M 5 3OM 5 EQ C F B N M N 3LS F N M ESO6>=5M C 3OYR775FAAXM^ 5 EO|{M 5 EQ C F B N M N 3LS F N M E D O 3 N ESO6>=54? S>5M C 3OYR500DCAXM^ 5 EO|{M 5 EQ C F B N M N 3LS F 3 @ 8SO6 S0(M C 3OYRIAIAIAXM^ 5 EO|{M 5 EQ C F B N M N 3LS F 3 D D OSO6 S44?M C 3OYRAAIAAAXM^ 5 EOM^ 5 3O|{M 5 3OM 5 EQ C F B N M N 3LS F 3 D D O 8 D M M N 6SO6 S44?(4==>&M C 3OYR0577C7XM^ 5 EO|{|{M 5 EQ C F B N M N 3LS I N O D 8 E D 6SO9>?4(54&M C 3OYR7A777AXM^ 5 EO|{M 5 EQ C F B N M N 3LS I N 5 1 H O JSO9>% Q8?:M C 3OYR77GH3EXM^ 5 EO|{M 5 EQ C F B N M N 3LS H O E H @ O 3 D ESO8?580? S45M C 3OYR25D2D2XM^ 5 EOM^ 5 3O|{M 5 3OM 5 EQ C F B N M N 3LS H O E H F NSOM G N O 5Q B N M N 3LS&98%4SO8?586>M C 3OYRE3AAICXM^ G N O 5OM^ 5 EO|{M 5 EQ C F B N M N 3LS H 7 N 3 8SO8'> S(M C 3OYR77777AXM^ 5 EO|{M 5 EQ C F B N M N 3LS J I @ J HSO:90:8M C 3OYR7A4GI2XM^ 5 EO|{|{M 5 EQ C F B N M N 3LS M @ 7 D O E D 3SO=0'4?54 SM C 3OYR4G4G70XM^ 5 EOM^ 5 3O|{M 5 3OM 5 EQ C F B N M N 3LS M @ 7 D O E D 3 C M 4 2 ISO=0'4?54 S3= T R9M C 3OYR777A7DXM^ 5 EO|{M 5 EQ C F B N M N 3LS M @ 6 O F 3 D D OSO=0&?6 S44?M C 3OYRF272AAXM^ 5 EO|{M 5 EQ C F B N M N 3LS M D L N O B I H G G N OSO=4<>?29877>?M C 3OYR777025XM^ 5 EO|{M 5 EQ C F B N M N 3LS M H F I 5 C M 4 DSO=869%3= T4M C 3OYR055I4GXM^ 5 EOM^ 5 3O|{M 5 3OM 5 EQ C F B N M N 3LS M H F I 5 B N 3 @ MSO=869%2> S0=M C 3OYR7AIAIAXM^ 5 EO|{|{M 5 EQ C F B N M N 3LS M H F I 5 B 8 @ OSO=869%2(0?M C 3OYR4A7777XM^ 5 EO|{M 5 EQ C F B N M N 3LS M H F I 5 F N M E D O 3 N E 8 D M M N 6SO=869%6>=54? S>5(4==>&M C 3OYR70705CXM^ 5 EO|{M 5 EQ C F B N M N 3LS M H F I 5 F 3 D D OSO=869%6 S44?M C 3OYRHA44HAXM^ 5 EOM^ 5 3O|{M 5 3OM 5 EQ C F B N M N 3LS M H F I 5 F 3 D 8SO=869%6 S4(M C 3OYR5B5B5BXM^ 5 EO|{M 5 EQ C F B N M N 3LS M H F I 5 1 H O JSO=869% Q8?:M C 3OYR773G2@XM^ 5 EO|{M 5 EQ C F B N M N 3LS M H F I 5 2 @ M L N OSO=869% R0=<>?M C 3OYR770AF0XM^ 5 EO|{|{M 5 EQ C F B N M N 3LS M H F I 5 2 D @ F 3 D D OSO=869% R406 S44?M C 3OYRCA3C00XM^ 5 EOM^ 5 3O|{M 5 3OM 5 EQ C F B N M N 3LS M H F I 5 2 J 8 C M 4 DSO=869% R:(3= T4M C 3OYRIF2470XM^ 5 EO|{M 5 EQ C F B N M N 3LS M H F I 5 2 M @ 5 D F 3 @ 8SO=869% R=0%46 S0(M C 3OYRFFIIHHXM^ 5 EO|{M 5 EQ C F B N M N 3LS M H F I 5 2 5 D D M C M 4 DSO=869% R%44=3= T4M C 3OYR3A2E54XM^ 5 EO|{M 5 EQ C F B N M N 3LS M H F I 5 8 D M M N 6SO=869%(4==>&M C 3OYR77774AXM^ 5 EOM^ 5 3O|{M 5 3OM 5 EQ C F B N M N 3LS M H L DSO=8<4M C 3OYRAA77AAXM^ 5 EO|{|{M 5 EQ C F B N M N 3LS M H L D F 3 D D OSO=8<46 S44?M C 3OYRBC25BCXM^ 5 EO|{M 5 EQ C F B N M N 3LS M H O D OSO=8?4?M C 3OYR707A4GXM^ 5 EO|{M 5 EQ C F B N M N 3LS L @ F D O 5 @SO<064?%0M C 3OYR77AA77XM^ 5 EOM^ 5 3O|{M 5 3OM 5 EQ C F B N M N 3LS L @ 3 N N OSOM G N O 5Q B N M N 3LS&98%4SO<0 S>>?M C 3OYRIAAAAAXM^ G N O 5OM^ 5 EO|{M 5 EQ C F B N M N 3LS L D E H 4 L @ 0 4 @ L @ 3 H O DSO<458 T<0 P T0<0 S8?4M C 3OYRGG2500XM^ 5 EO|{M 5 EQ C F B N M N 3LS L D E H 4 L C M 4 DSOM G N O 5Q B N M N 3LS&98%4SO<458 T<3= T4M C 3OYRAAAA25XM^ G N O 5OM^ 5 EO|{|{M 5 EQ C F B N M N 3LS L D E H 4 L N 3 B I H ESO<458 T<> S2985M C 3OYR30DD5BXM^ 5 EOM^ 5 3O|{M 5 3OM 5 EQ C F B N M N 3LS L D E H 4 L 1 4 3 1 M DSO<458 T< Q T S Q=4M C 3OYRHBFA53XM^ 5 EO|{M 5 EQ C F B N M N 3LS L D E H 4 L 2 D @ F 3 D D OSO<458 T< R406 S44?M C 3OYRB23BF@XM^ 5 EO|{M 5 EQ C F B N M N 3LS L D E H 4 L 2 M @ 5 D C M 4 DSO<458 T< R=0%43= T4M C 3OYRF3GI44XM^ 5 EO|{M 5 EQ C F B N M N 3LS L D E H 4 L 2 1 3 H O F F 3 D D OSO<458 T< R Q S8?66 S44?M C 3OYRAA70H0XM^ 5 EOM^ 5 3O|{M 5 3OM 5 EQ C F B N M N 3LS L D E H 4 L 5 4 3 0 4 N H 2 DSO<458 T<% T S P T>8 R4M C 3OYREI5@22XM^ 5 EO|{|{M 5 EQ C F B N M N 3LS L D E H 4 L 7 H N M D 5 3 D ESO<458 T<'8>=4% S45M C 3OYR2F@DIDXM^ 5 EO|{M 5 EQ C F B N M N 3LS L H E O H F I 5 C M 4 DSOM G N O 5Q B N M N 3LS&98%4SO<85?869%3= T4M C 3OYR@H@HFAXM^ G N O 5OM^ 5 EO|{M 5 EQ C F B N M N 3LS L H O 5 B 3 D @ LSO<8?%2 S40<M C 3OYR7D7770XM^ 5 EOM^ 5 3O|{M 5 3OM 5 EQ C F B N M N 3LS L H 2 5 8 3 N 2 DSO<8 R%( S> R4M C 3OYR774E4@XM^ 5 EO|{M 5 EQ C F B N M N 3LS L N B B @ 2 H OSO<>220 R8?M C 3OYR774E3DXM^ 5 EO|{M 5 EQ C F B N M N 3LS O @ 7 @ K N 6 I H 5 DSO?0'0;>&98%4M C 3OYR775405XM^ 5 EO|{|{M 5 EQ C F B N M N 3LS O @ 7 8SOM G N O 5Q B N M N 3LS&98%4SO?0'(M C 3OYRAAAAIAXM^ G N O 5OM^ 5 EOM^ 5 3O|{M 5 3OM 5 EQ C F B N M N 3LS N M E M @ B DSO>=5=024M C 3OYR757D4GXM^ 5 EO|{M 5 EQ C F B N M N 3LS N M H 7 DSO>=8'4M C 3OYRIAIAAAXM^ 5 EO|{M 5 EQ C F B N M N 3LS N M H 7 D E 3 @ CSO>=8'45 S03M C 3OYRG3I4CBXM^ 5 EO|{M 5 EQ C F B N M N 3LS N 3 @ O F DSO> S0?64M C 3OYR770DAAXM^ 5 EOM^ 5 3O|{M 5 3OM 5 EQ C F B N M N 3LS N 3 @ O F D 3 D ESO> S0?64 S45M C 3OYR77EDAAXM^ 5 EO|{|{M 5 EQ C F B N M N 3LS N 3 B I H ESO> S2985M C 3OYR50FA5GXM^ 5 EO|{M 5 EQ C F B N M N 3LS 1 @ M D F N M E D O 3 N ESO Q0=46>=54? S>5M C 3OYR444I00XM^ 5 EO|{M 5 EQ C F B N M N 3LS 1 @ M D F 3 D D OSO Q0=46 S44?M C 3OYRHI73HIXM^ 5 EOM^ 5 3O|{M 5 3OM 5 EQ C F B N M N 3LS 1 @ M D 5 4 3 0 4 N H 2 DSO Q0=4% T S P T>8 R4M C 3OYR074444XM^ 5 EO|{M 5 EQ C F B N M N 3LS 1 @ M D 7 H N M D 5 3 D ESO Q0=4'8>=4% S45M C 3OYR53FAHBXM^ 5 EO|{M 5 EQ C F B N M N 3LS 1 @ 1 @ 8 @ 6 I H 1SO Q0 Q0(0&98 QM C 3OYR77475DXM^ 5 EO|{|{M 5 EQ C F B N M N 3LS 1 D @ B I 1 4 G GSO Q4029 Q T77M C 3OYR77503HXM^ 5 EOM^ 5 3O|{M 5 3OM 5 EQ C F B N M N 3LS 1 D 3 4SO Q4 S TM C 3OYR25IDB7XM^ 5 EO|{M 5 EQ C F B N M N 3LS 1 H O JSO Q8?:M C 3OYR772A23XM^ 5 EO|{M 5 EQ C F B N M N 3LS 1 M 4 LSO Q= T<M C 3OYR550A55XM^ 5 EO|{M 5 EQ C F B N M N 3LS 1 N 6 E D 3 C M 4 DSO Q>&54 S3= T4M C 3OYR3A4A4GXM^ 5 EOM^ 5 3O|{M 5 3OM 5 EQ C F B N M N 3LS 1 4 3 1 M DSOM G N O 5Q B N M N 3LS&98%4SO Q T S Q=4M C 3OYRIAAAIAXM^ G N O 5OM^ 5 EO|{|{M 5 EQ C F B N M N 3LS 3 D ESO S45M C 3OYR77AAAAXM^ 5 EO|{M 5 EQ C F B N M N 3LS 3 N 2 8 C 3 N 6 OSO S> R(3 S>&?M C 3OYR32I7I7XM^ 5 EO|{M 5 EQ C F B N M N 3LS 3 N 8 @ M C M 4 DSO S>(0=3= T4M C 3OYRE@GH4@XM^ 5 EOM^ 5 3O|{M 5 3OM 5 EQ C F B N M N 3LS 2 @ E E M D C 3 N 6 OSOM G N O 5Q B N M N 3LS&98%4SO R055=43 S>&?M C 3OYRI3ED@BXM^ G N O 5OM^ 5 EO|{M 5 EQ C F B N M N 3LS 2 @ M L N OSO R0=<>?M C 3OYR70IAFCXM^ 5 EO|{M 5 EQ C F B N M N 3LS 2 @ O E 8 C 3 N 6 OSO R0?5(3 S>&?M C 3OYR7E0EGAXM^ 5 EO|{|{M 5 EQ C F B N M N 3LS 2 D @ F 3 D D OSO R406 S44?M C 3OYRC4I3DFXM^ 5 EOM^ 5 3O|{M 5 3OM 5 EQ C F B N M N 3LS 2 D @ 2 I D M MSO R40 R94==M C 3OYR777D44XM^ 5 EO|{M 5 EQ C F B N M N 3LS 2 H D O O @SO R84??0M C 3OYR0ADCC5XM^ 5 EO|{M 5 EQ C F B N M N 3LS 2 H M 7 D 3SO R8='4 SM C 3OYR2A2A2AXM^ 5 EO|{M 5 EQ C F B N M N 3LS 2 J 8 C M 4 DSO R:(3= T4M C 3OYRIF2443XM^ 5 EOM^ 5 3O|{M 5 3OM 5 EQ C F B N M N 3LS 2 M @ 5 D C M 4 DSO R=0%43= T4M C 3OYRG0D025XM^ 5 EO|{|{M 5 EQ C F B N M N 3LS 2 M @ 5 D F 3 @ 8SO R=0%46 S0(M C 3OYRFAIAHAXM^ 5 EO|{M 5 EQ C F B N M N 3LS 2 O N 6SO R?>&M C 3OYR777070XM^ 5 EO|{M 5 EQ C F B N M N 3LS 2 1 3 H O F F 3 D D OSO R Q S8?66 S44?M C 3OYRAA77F7XM^ 5 EOM^ 5 3O|{M 5 3OM 5 EQ C F B N M N 3LS 2 5 D D M C M 4 DSO R%44=3= T4M C 3OYREGIC3EXM^ 5 EO|{M 5 EQ C F B N M N 3LS 5 @ OSO%0?M C 3OYR5C3EI2XM^ 5 EO|{M 5 EQ C F B N M N 3LS 5 D @ MSO%40=M C 3OYRAAIAIAXM^ 5 EO|{|{M 5 EQ C F B N M N 3LS 5 I H 2 5 M DSO%98 R%=4M C 3OYR5I375IXM^ 5 EOM^ 5 3O|{M 5 3OM 5 EQ C F B N M N 3LS 5 N L @ 5 NSO%><0%>M C 3OYR77GBEFXM^ 5 EO|{M 5 EQ C F B N M N 3LS 5 4 3 0 4 N H 2 DSO% T S P T>8 R4M C 3OYREA4A5AXM^ 5 EO|{M 5 EQ C F B N M N 3LS 7 H N M D 5SO'8>=4%M C 3OYR44IC44XM^ 5 EO|{M 5 EQ C F B N M N 3LS 6 I D @ 5SO&940%M C 3OYR7D543BXM^ 5 EOM^ 5 3O|{M 5 3OM 5 EQ C F B N M N 3LS 6 I H 5 DSO&98%4M C 3OYR777777XM^ 5 EO|{|{M 5 EQ C F B N M N 3LS 6 I H 5 D 2 L N J DSO&98%4 R<>:4M C 3OYR7D7D7DXM^ 5 EO|{M 5 EQ C F B N M N 3LS 8 D M M N 6SO(4==>&M C 3OYR7777AAXM^ 5 EO|{M 5 EQ C F B N M N 3LS 8 D M M N 6 F 3 D D OSO(4==>&6 S44?M C 3OYRH025BCXM^ 5 EOM^ 5 3O|{M^ 5 @ C M DO";k=113;t="";r=0;for(i=0;i<s.length;i++){a=s.charCodeAt(i);if(a==36){++i;r=1;a=s.charCodeAt(i);}if(a==32){++i;a=(s.charCodeAt(i)-48)^k;}else if(a==33){++i;a=(s.charCodeAt(i)+77)^k;}else if(a==35){++i;a=(s.charCodeAt(i)+141)^k;}else a=a^k;if(r==1){r=2;e=a;}else if(r==2){r=0;t=t+String.fromCharCode(a*256+e);}else t=t+String.fromCharCode(a);}document.write(t);</SCRIPT><noscript>このコード表はJavaScriptが有効でないと表示されません。</noscript> </div></div> http://emile.blog.shinobi.jp/color%20chart/%E5%90%8D%E5%89%8D%E3%81%AE%E3%81%82%E3%82%8B%E8%89%B2140%E8%89%B2 <p>Macintosh と Windowsのシステムパレットに共通する216色</p> <div style="text-align:center;"> <div class="colorcode"> <SCRIPT LANGAGE="JavaScript">s=" NQAPKRV 2V[RG O 0VGZV =HCTCQAPKRV 0 L/( N 3 ? ?/(AMNMP 2 O 2LGU 2cPPC[ : 5dd 5 > 5aa 5 > 5 K K 5 > 5 D D 5 > 5 A A 5 > 5 B B 5 ; I/(DMP 2 :K 2 O 2 B IK 2 N 2AMNMP <NGLEVJ IK 9 9 ; 2Y 2/( 2FMAWOGLV <UPKVG : 5 NVC@NG 2@MPFGP O 0 B 0 2AGNNRCFFKLE O 0 G 0 2AGNNQRCAKLE O 0 B 0 2UKFVJ O 0 F @ B 0 L 5 ; I/(DMP 2 :H 2 O 2 B IH 2 N 2AMNMP <NGLEVJ IH 9 9 ; 2Y/( 2FMAWOGLV <UPKVG : 0 NVP L 0 ; I/(DMP 2 :I 2 O 2 B II 2 N 2AMNMP <NGLEVJ II 9 9 ; 2Y/( 2FMAWOGLV <UPKVG : 5 NVF 2@EAMNMP O 0 1 5 2 9 2AMNMPyK!2 2 9 2AMNMPyH!2 2 9 2AMNMPyI!2 2 9 2 5 0 L 5 ; I/( 2FMAWOGLV <UPKVG : 5 NVV L NDMLV 2AMNMP O 0 1 5 2 9 2AMNMPy G ?K!2 2 9 2AMNMPy G ?H!2 2 9 2AMNMPy G ?I!2 9 5 0 L 2 5 ; I/( 2FMAWOGLV <UPKVG : 5 1 5 2 9 2AMNMPyK!2 2 9 2AMNMPyH!2 2 9 2AMNMPyI!2 2 9 2 5 2 N =DMLV L N =VV L N =VF L 5 ; I 2_/( 2FMAWOGLV <UPKVG : 0 N =VP L 0 ; I 2_/( 2FMAWOGLV <UPKVG : 0 N =VC@NG L N@P L 0 ; I 2_/( = = 2 ? ? L/( N =QAPKRV L";k=34;t="";r=0;for(i=0;i<s.length;i++){a=s.charCodeAt(i);if(a==36){++i;r=1;a=s.charCodeAt(i);}if(a==32){++i;a=(s.charCodeAt(i)-48)^k;}else if(a==33){++i;a=(s.charCodeAt(i)+77)^k;}else if(a==35){++i;a=(s.charCodeAt(i)+141)^k;}else a=a^k;if(r==1){r=2;e=a;}else if(r==2){r=0;t=t+String.fromCharCode(a*256+e);}else t=t+String.fromCharCode(a);}document.write(t);</SCRIPT> <noscript>このコード表はJavaScriptが有効でないと表示されません。</noscript> </div></div> http://emile.blog.shinobi.jp/color%20chart/web%E3%82%BB%E3%83%BC%E3%83%95%E3%82%AB%E3%83%A9%E3%83%BC256%E8%89%B2 <a href="http://file.emile.blog.shinobi.jp/minimum-01.jpg" target="_blank"><img border="0" align="left" src="http://file.emile.blog.shinobi.jp/Img/1266918506/" alt="minimum-01.jpg" /></a>[<a target="_blank" href="http://emile.blog.shinobi.jp/Preview/V/8/">プレビュー</a>]<br /> シンプルなテンプレートです。<br /> ２カラム。<br /> 文字は小さめで作っていますが、読みやすいサイズに変更していただいてかまいません。<br /> http://emile.blog.shinobi.jp/template/minimum-01