雅号：5のブログ一覧

まず、幅620pxの画像を用意します（高さは適当）。
その画像を「スタイル用画像」に保存します。

スタイルシート→詳細編集→共通コンテンツ→コンテンツ表示上部　div.contentsHeader　で、

background:url(画像のURL) no-repeat bottom left;

height:4px;　→　height:画像の高さpx;

に変更で、できました。

BGM
The Rascals , ' Right On '

まず、幅930pxの画像を用意します（高さは適当）。
その画像を「スタイル用画像」に保存します。

スタイルシート→詳細編集→共通コンテンツ→コンテンツ表示下部　div.contentsFooter　で、

margin:0 0 10px 0;　→　margin:10px 0 10px 0;　

background:url(画像のURL) no-repeat top center;

height:4px;　→　height:画像の高さpx;

width:620px;　→　width:930px;　

に変更で、できました。

（サイドメニューに被せたくなければ、画像幅620px、width:620px のままで）

コンテンツごとにフッターが入り、綺麗とは言えませんが（汗）。

BGM
Van Morrison , 'Snow in San Anselmo'

まず、幅930px×高さ250px の画像を用意します。
プロフィールページでは全部見えますが、
ブログ等では右３分の１（幅310px）が広告に隠れ、
表示される幅は、620px なので、
それを考慮して画像を作成します。
その画像を「スタイル用画像」に保存します。

スタイルシート→詳細編集→タブ→一番上の「タブ」 ul#MainNav　で、

height:42px;　→　height:250px;　に変更

background-image:url('画像のURL');　を追加

で、できました。

Impact! さんからアイディアをいただきました。ありがとうございます。

BGM
Van Morrison , 'Warm Love'

「文字種；文字サイズ；太字；斜体；下線・打ち消し線；文字色；背景色；枠線の場所・太さ・種類・色」を装飾してみた。

文字種；文字サイズ；太字；斜体；下線・打ち消し線；文字色；背景色；枠線の場所・太さ・種類・色

これは以下のように入力している。
ただし、「＜」と「＞」は本来は半角であることに注意。

＜span style="font-family:ＭＳ Ｐゴシック; font-size:26px; font-weight:bold; font-style:italic; text-decoration:underline line-through; color:#dc143c; background:#add1f5; border-bottom: 6px solid #ff0;"＞文字種；文字サイズ；太字；斜体；下線・打ち消し線；文字色；背景色；枠線の場所・太さ・種類・色＜/span＞

以下は単独だが、セットは上のように、
セミコロン「;」で区切ることで、いくつでも続けて並べることができる。

文字種
＜span style="font-family:ＭＳ Ｐゴシック"＞文字種＜/span＞

文字サイズ
＜span style="font-size:26px"＞文字サイズ＜/span＞

太字
＜span style="font-weight:bold"＞太字＜/span＞

斜体（イタリック）
＜span style="font-style:italic"＞斜体（イタリック）＜/span＞

下線
＜span style="text-decoration:underline"＞下線＜/span＞

打ち消し線
＜span style="text-decoration:line-through"＞打ち消し線＜/span＞

文字色
＜span style="color:#dc143c"＞文字色＜/span＞

背景色
＜span style="background:#add1f5"＞背景色＜/span＞

枠線の場所・太さ・種類・色
＜span style="border: 3px solid #ff0"＞枠線の場所・太さ・種類・色＜/span＞

二重下線（実は枠線）
＜span style="border-bottom: 3px double #dc143c"＞二重下線（実は枠線）＜/span＞

以下は、非推奨タグ

フォントの種類・大きさ・色
＜font face="ＭＳ Ｐゴシック" size="3" color="#dc143c"＞フォントの種類・大きさ・色＜/font＞

太字
＜b＞太字＜/b＞

斜体（イタリック）
＜i＞斜体（イタリック）＜/i＞

下線（アンダーライン）
＜u＞下線（アンダーライン）＜/u＞

打ち消し線
＜s＞打ち消し線＜/s＞

BGM
Three Dog Night, 'An Old Fashioned Love Song'

スタイルシートで、色は、半角の６桁の番号で表わす。例 #123456

ただし、#112233 は、#123 と、省略が可能である。

実際には、前２桁が赤、中２桁が緑、後２桁が青を表しているので、

#123456は、赤12、緑34、青56のことである。

※　赤(R)・緑(G)・青(B)は、「光」の三原色RGB

１桁ずつは１６進数である。すなわち、0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f

これが２桁なので、１６×１６＝２５６通りの、赤、緑、青がある。

00が一番弱く、ffが一番強い。（アルファベットの大文字・小文字の区別はない）

この組み合わせで、２５６×２５６×２５６＝１６７７７２１６通りの色を表す。


#000は、赤00、緑00、青00なので、黒(black)になる。

#fffは、赤ff、緑ff、青ffなので、白(white)になる。


#f00は、赤ff、緑00、青00なので、赤(red)になる。

#0f0は、赤00、緑ff、青00なので、ライム(lime)になる。

#00fは、赤00、緑00、青ffなので、青(blue)になる。


#0ffは、赤00、緑ff、青ffなので、シアン(cyan)・アクア(aqua)になる。

#f0fは、赤ff、緑00、青ffなので、マゼンタ(magenta)・フクシャ(fuchsia)
になる。
#ff0は、赤ff、緑ff、青00なので、黄(yellow)になる。

※　シアン(C)・マゼンタ(M)・イエロー(Y)は、「色」の三原色CMY


ちなみに、緑(green)は、#008000である。（80は濃淡の真ん中50%）

三色とも、濃淡の真ん中の数値の、#808080は、灰(gray)である。

金(gold)は、#ffd700、銀(silver)は、#c0c0c0 である。（c0 は75%）

BGM
Chicago, 'Colour My World'