==教えることは自分育て==

カテゴリ:├記事タイトルの変更( 3 )
|TOPに戻る
記事タイトルの背景に色をつけ、フィルタータグでぼかす。
記事タイトルのCSS編集の場所は、DIV.POST_HEAD です。
オレンジ色のタグを追加してください。

<CSS編集>

DIV.POST_HEAD {
MARGIN-BOTTOM : 15PX;
PADDING-TOP : 0PX;
BORDER-TOP : 1PX #BBB DASHED;
OVERFLOW : HIDDEN;
background-color:#ccffcc;
padding:5px 10px;
filter:alpha(opacity100,finishopacity=0,style=1,startx=30);
width:95%;

}

【注意】filterタグはインターネットエクスプローラ限定です。
fireffoxでは、下の様になります。

b0063421_16113673.jpg

[PR]
by otomi7771 | 2007-05-13 22:42 | ├記事タイトルの変更 |TOPに戻る
記事タイトルにGIF画像を貼る
テキストP20(2)は、タグを見ればお分かりと思います。
上のようなgifアニメーションも貼ることができますね。
その場合、左のpaddingは適当に広げる必要があります。
positionもスキンにより、微調整なさってくださいね。
[PR]
by otomi7771 | 2007-05-13 21:46 | ├記事タイトルの変更 |TOPに戻る
P20下.付箋のようなタイトル
次のような形にしました。
b0063421_2121926.jpg

DIV.POST_HEAD{
border-left:15px solid green;
background-color:#ffffdb;
padding:5px 0px 5px 10px;
} を追加しました。

[PR]
by otomi7771 | 2007-04-04 20:33 | ├記事タイトルの変更 |TOPに戻る