Emile*Emilie http://emile.blog.shinobi.jp/ 忍者ブログのテンプレートを作成中 Tue, 06 Apr 2010 11:54:34 GMT ja © Ninja Tools Inc. variation-01 variation-01.jpg [プレビュー]
ブルーがポイント・カラーのシンプルなテンプレートです。
色変え、素材変更など、カスタマイズはご自由にどうぞ。
]]> Template http://emile.blog.shinobi.jp/template/variation-01 Tue, 06 Apr 2010 11:54:34 GMT emile.blog.shinobi.jp://entry/12 simple02 simple02 [プレビュー]
シンプルなテンプレートです。
画像投稿がメインのブログ向き。
カスタマイズは自由にどうぞ。

[ソースのダウンロード]]]> Template http://emile.blog.shinobi.jp/template/simple02 Thu, 01 Apr 2010 10:59:44 GMT emile.blog.shinobi.jp://entry/11 背景画像に関するタグ
■背景画像の指定
background-image:url(画像アドレス);

■背景画像の繰り返しをするかしないかの指定
繰り返さない（一枚絵を置く場合など）
background-repeat:no-repeat;
繰り替えす（壁紙画像などを敷き詰める場合など）
background-repeat:repeat;

■背景画像の位置の指定
　★=横位置（左端からの距離）、★=縦位置（上からの距離）
background-position:★ ★;

【例１】キーワード指定
left（左）、center（中央）、 right（右）、top（上）、bottom（下）
background-position:left center;　/*左端・中央*/
background-position:right top;　/*右端・上*/
【例２】％指定
background-position:0% 100%;　/*左端・下*/
background-position:50% 50%;　/*中央*/
background-position:20% 80%;　/*左端から20％・上から80％*/

■背景画像の固定・移動の指定
背景画像を固定
background-attachment:fixed;
背景画像をスクロールに合わせて移動（デフォルト）
background-attachment:scroll;



記述例
body {
background-image:url(画像アドレス);
background-repeat:no-repeat;
background-position:left top;
background-attachment:fixed;
}
]]> HTML・CSS 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 Mon, 22 Mar 2010 23:13:42 GMT emile.blog.shinobi.jp://entry/10 背景画像を入れたい ■全体に背景画像を入れる場合
CSSの「全ブロックの共通設定」＞「BODY全体に関する設定」の部分。
body｛　｝　の中に背景画像を指定するタグを入れる。

■ヘッダー（ブログタイトルの部分）に背景画像を入れる場合
CSSの「全ブロックの共通設定」＞「トップブロック用デザイン」の部分。
#TopBlock｛　｝　の中に背景画像を指定するタグを入れる。]]> Customize 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 Mon, 22 Mar 2010 22:55:58 GMT emile.blog.shinobi.jp://entry/9 文字のサイズ：絶対サイズ
■pt指定
28ptフォント font
24ptフォント font
20ptフォント font
18ptフォント font
16ptフォント font
14ptフォント font
12ptフォント font
10ptフォント font
8ptフォント font

■px指定
28pxフォント font
24pxフォント font
20pxフォント font
18pxフォント font
16pxフォント font
14pxフォント font
12pxフォント font
10pxフォント font
8pxフォント font

■キーワード指定
xx-smallフォント font
x-smallフォント font
smallフォント font
mediumフォント font
largeフォント font
x-largeフォント font
xx-largeフォント font
]]> HTML・CSS 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 Tue, 02 Mar 2010 10:48:01 GMT emile.blog.shinobi.jp://entry/8 文字のサイズ：相対サイズ
■キーワード指定
smaller（一段階小さく）フォント font
無指定フォント font
larger（一段階大きく）フォント font


■パーセント指定
200%フォント font
150%フォント font
120%フォント font
100%フォント font
95%フォント font
90%フォント font
85%フォント font
80%フォント font
75%フォント font
70%フォント font
65%フォント font
60%フォント font
55%フォント font
50%フォント font


■比較
基準値 100% 80% 65%
medium フォント font フォント font フォント font
small フォント font フォント font フォント font
16px フォント font フォント font フォント font
14px フォント font フォント font フォント font
12px フォント font フォント font フォント font
12pt フォント font フォント font フォント font
10pt フォント font フォント font フォント font
]]> HTML・CSS 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 Tue, 02 Mar 2010 10:43:05 GMT emile.blog.shinobi.jp://entry/7 文字の太さ
■キーワード指定
light細くフォント font
lighter一段階細くフォント font
normal通常（デフォルト）フォント font
bolder一段階太くフォント font
bold太くフォント font

■数値指定
100フォント font
200フォント font
300フォント font
400フォント font
500フォント font
600フォント font
700フォント font
800フォント font
900フォント font
]]> HTML・CSS http://emile.blog.shinobi.jp/html%E3%83%BBcss/%E6%96%87%E5%AD%97%E3%81%AE%E5%A4%AA%E3%81%95 Tue, 02 Mar 2010 10:18:07 GMT emile.blog.shinobi.jp://entry/6 名前のある色140色 名前が定義されている140色。
カッコ内は対応する16進数のカラー・コードです。
名前がある色はHTMLに色名で記述してもブラウザが解釈するので対応する16進数のカラー・コードと同じ色が出ます。

]]> Color Chart 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 Thu, 25 Feb 2010 14:45:26 GMT emile.blog.shinobi.jp://entry/5 WEBセーフカラー256色 Macintosh と Windowsのシステムパレットに共通する216色

]]> Color Chart 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 Thu, 25 Feb 2010 14:15:51 GMT emile.blog.shinobi.jp://entry/4 minimum-01 minimum-01.jpg[プレビュー]
シンプルなテンプレートです。
２カラム。
文字は小さめで作っていますが、読みやすいサイズに変更していただいてかまいません。
]]> Template http://emile.blog.shinobi.jp/template/minimum-01 Wed, 03 Feb 2010 11:45:48 GMT emile.blog.shinobi.jp://entry/3