mikanママのタグをつかって

グラデーション枠ひな形

グラデーション枠１
タグを修正しました
ご迷惑をお掛けしましてm(._.)m ペコッ

グラデーションタグを使っていますので

Internet Explorer専用になります

また、スクロールバーも使っています グラデーションのカラーの変更はこちらをご覧下さい 
<PRE>タグを使っています。
編集では<BR>を削除してください
書いた通りの文字列になりますから

<DIV align="center"><table cellspacing="1"><tr><td bgcolor="#101931" width="20" height="20"></td><td style=" filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0 StartColorStr=#33abb9e4 EndColorStr=#cc101931) "></td><td bgcolor="#101931" width="20" height="20"></td></tr><tr><td style="filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=1 StartColorStr=#33 abb9e4 EndColorStr=#cc 101931 )" width="20"></td><td><div align="right" style=" width:600px;height:350px ;margin:0px;font-size:12pt;line-height:1.3em;background-image:url(http://tokyo.cool.ne.jp/kmikank/rindou-8.jpg);background-repeat:no-repeat;background-Attachment:fixed;filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0 StartColorStr=#33abb9e4 EndColorStr=#99101931);overflow-y:scroll;fixed;scrollbar-face-color:#abb9e4;scrollbar-track-color:#abb9e4;scrollbar-arrow-color:#c7b29a;scrollbar-highlight-color:#000000;scrollbar-shadow-color:#ffffff;scrollbar-3dlight-color:#ffffff;scrollbar-darkshadow-color:#000000;"> <PRE> グラデーション枠１<br><br> タグを修正しました<br><br> ご迷惑をお掛けしましてm(._.)m ペコッ<br><br> グラデーションタグを使っていますので<br><br> Internet Explorer専用になります<br><br> また、スクロールバーも使っています<br><br> <PRE>タグを使っています。<br><br> 編集では<BR>を削除してください<br><br> 書いた通りの文字列になりますから<br><br> </PRE></div></TD><td style="filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=1 StartColorStr=#cc101931 EndColorStr=#33abb9e4)" width="20"></td></tr><tr><td bgcolor="#101931" width="20" height="20"></td><td style="filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0 StartColorStr=#cc101931 EndColorStr=#33abb9e4)"></td><td bgcolor="#101931" width="20" height="20"></td></tr></table></DIV>

 グラデーション枠２

グラデーション枠に壁紙を重ねました

グラデーションは透過のタグを使っているので
壁紙が透けて見えます。

<PRE>タグを使っています。
編集では<BR>を削除してください
書いた通りの文字列になりますから

<DIV align="center"><table cellspacing="1"><tr><td bgcolor="#101931" width="20" height="20"></td><td style="background-image:url(http://tokyo.cool.ne.jp/kmikank/cosmos-P01.jpg);filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0 StartColorStr=#33abb9e4 EndColorStr=#66b93681)"></td><td bgcolor="#101931" width="20" height="20"></td></tr><tr><td style="background-image:url(http://tokyo.cool.ne.jp/kmikank/cosmos-P01.jpg);filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=1 StartColorStr=#33abb9e4 EndColorStr=#66b93681)" width="20"></td><td><div align="center" style="width:600px;height:350px;margin:0px;font-size:12pt;line-height:1.3em;background-image:url(http://tokyo.cool.ne.jp/kmikank/cosmos-P01.jpg);background-repeat:repeat;background-Attachment:fixed;filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0 StartColorStr=#33ffffff EndColorStr=#66660099);overflow-y:scroll;fixed;scrollbar-face-color:#abb9e4;scrollbar-track-color:#abb9e4;scrollbar-arrow-color:#c7b29a;scrollbar-highlight-color:#000000;scrollbar-shadow-color:#ffffff;scrollbar-3dlight-color:#ffffff;scrollbar-darkshadow-color:#000000;"> <PRE> <b>グラデーション枠２<br><br> グラデーション枠に壁紙を重ねました<br><br> グラデーションは透過のタグを使っているので<br><br> 壁紙が透けて見えます。<br><br> <PRE>タグを使っています。<br><br> 編集では<BR>を削除してください<br><br> 書いた通りの文字列になりますから<br><br><br><br> </b></PRE> </div></TD><td style="background-image:url(http://tokyo.cool.ne.jp/kmikank/cosmos-P01.jpg);filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=1 StartColorStr=#66b93681 EndColorStr=#33abb9e4)" width="20"></td></tr><tr><td bgcolor="#101931" width="20" height="20"></td><td style="background-image:url(http://tokyo.cool.ne.jp/kmikank/cosmos-P01.jpg);filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0 StartColorStr=#66b93681 EndColorStr=#33abb9e4)"></td><td bgcolor="#101931" width="20" height="20"></td></tr></table></DIV>

グラデーション枠３

グラデーション枠に動く壁紙をつかって

アニメでも出来ますよ。



<PRE>タグを使っています。
編集では<BR>を削除してください
書いた通りの文字列になりますから

<DIV align="center"><table cellspacing="1"><tr><td bgcolor="#660099" width="20" height="20"></td><td style="background-image:url(http://kmikan.hp.infoseek.co.jp/41.gif);filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0 StartColorStr=#33abb9e4 EndColorStr=#66b93681)"></td><td bgcolor="#660099" width="20" height="20"></td></tr> <tr><td style="background-image:url(http://kmikan.hp.infoseek.co.jp/41.gif);filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=1 StartColorStr=#33abb9e4 EndColorStr=#66b93681)" width="20"></td><td><div align="center" style="width:600px;height:350px;margin:0px;font-size:12pt;line-height:1.3em;background-image:url(http://tokyo.cool.ne.jp/kmikank/sanpo_4.gif);background-repeat:no-repeat; background-position:bottom right;background-Attachment:fixed;filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0 StartColorStr=#33ffffff EndColorStr=#66660099);overflow-y:scroll;fixed;scrollbar-face-color:#abb9e4;scrollbar-track-color:#abb9e4;scrollbar-arrow-color:#c7b29a;scrollbar-highlight-color:#000000;scrollbar-shadow-color:#ffffff;scrollbar-3dlight-color:#ffffff;scrollbar-darkshadow-color:#000000;"> <PRE> グラデーション枠３<br><br> グラデーション枠に動く壁紙をつかって<br><br> アニメでも出来ますよ。<br><br> <br><br> <PRE>タグを使っています。<br><br> 編集では<BR>を削除してください<br><br> 書いた通りの文字列になりますから<br><br><br><br> </PRE> </div></TD> <td style="background-image:url(http://kmikan.hp.infoseek.co.jp/41.gif);filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=1 StartColorStr=#66b93681 EndColorStr=#33abb9e4)" width="20"></td></tr><tr><td bgcolor="#660099" width="20" height="20"></td><td style="background-image:url(http://kmikan.hp.infoseek.co.jp/41.gif);filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0 StartColorStr=#66b93681 EndColorStr=#33abb9e4)"></td><td bgcolor="#660099" width="20" height="20"></td></tr></table></DIV>

グラデーション枠４

タグを修正しました
ご迷惑をお掛けしましてm(._.)m ペコッ

グラデーションタグを使っていますので

Internet Explorer専用になります

また、スクロールバーも使っています

<PRE>タグを使っています。
編集では<BR>を削除してください
書いた通りの文字列になりますから

<DIV align="center"><table cellspacing="1"><tr><td bgcolor="#bf7360" width="20" height="20"></td><td style="filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0 StartColorStr=#66ff3300 EndColorStr=#ccaa4f39)"></td><td bgcolor="#bf7360" width="20" height="20"></td></tr><tr><td style="filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=1 StartColorStr=#66ff3300 EndColorStr=#ccaa4f39)" width="20"></td><td><div align="right" style="z-index:4;width:600px;height:350px;margin:0px;font-size:12pt;line-height:1.3em;background-image:url(http://tokyo.cool.ne.jp/kmikank/wa02.jpg);background-repeat:no-repeat;background-position:bottom right;background-Attachment:fixed;filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0 StartColorStr=#33ffffff EndColorStr=#99aa4f39);overflow-y:scroll;fixed;scrollbar-face-color:#ffccbf;scrollbar-track-color:#ffccbf;scrollbar-arrow-color:#c7b29a;scrollbar-highlight-color:#000000;scrollbar-shadow-color:#ffffff;scrollbar-3dlight-color:#ffffff;scrollbar-darkshadow-color:#000000;"> <PRE> グラデーション枠４<br><br> タグを修正しました<br><br> ご迷惑をお掛けしましてm(._.)m ペコッ<br><br> グラデーションタグを使っていますので<br><br> Internet Explorer専用になります<br><br> また、スクロールバーも使っています<br><br> <PRE>タグを使っています。<br><br> 編集では<BR>を削除してください<br><br> 書いた通りの文字列になりますから<br><br><br><br> </PRE></div></TD><td style="filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=1 StartColorStr=#ccaa4f39 EndColorStr=#66ff3300)" width="20"></td></tr><tr><td bgcolor="#bf7360" width="20" height="20"></td><td style="filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0 StartColorStr=#ccaa4f39 EndColorStr=#66ff3300)"></td><td bgcolor="#bf7360" width="20" height="20"></td></tr></table></DIV>

ジャンル別一覧