mikanママのタグをつかって

マスク日記ひな形

背景用に作りました。お使いください
この素材を使ってマスク効果をお試しくださいませ
もちろん他の壁紙でもＯＫ
タグの中に赤い文字 background-image:url(http://画像.gif)
必ずアップしたＵＲＬを入れてください。マスクの効果が出ません.又はエラーになります。

MIKANの日記

NO-1

タグを修正いたしました

タグをお使いの時は、一本につなげてください

日記用のタグはつなげて載せてありますが・・

マスクカラーとスクロールバーのカラーを同じにすると

いいと思います。

メッセージを入れるメッセージを入れるメッセージメッセージ

メッセージを入れるメッセージを入れる

メッセージを入れるメッセージを入れるメッセージメッセージ

メッセージを入れるメッセージを入れる

メッセージを入れるメッセージを入れる

NO-1タグ <center style="width:530px;height:350px;filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0 StartColorStr=#bbff8080 EndColorStr=#ccaa8181);"><MARQUEE DIRECTION="LEFT" BEHAVIOR="SLIDE" SCROLLAMOUNT="30"><div style="width:100%; FONT-SIZE: 20PT;COLOR: blue;font-family:Times New Roman; FILTER:Dropshadow ;"><B>MIKANの日記</B></div></MARQUEE><center style="border-color:#aa8181 #ffbfbf #ffbfbf #aa8181 ;border-width:2px;border-style:ridge;width:530px;height:350px;margin:5px 17px 17px 17px; background-image:url(http://画像.gif) ;background-Attachment:fixed;overflow:auto;scrollbar-base-color: #bf8f8f ;scrollbar-3dlight-color: #bf8f8f ;scrollbar-arrow-color:#ff8080;scrollbar-darkshadow-color: #bf8f8f ;scrollbar-highlight-color: #bf8f8f ;scrollbar-shadow-color: #bf8f8f ;"><center style="width:530px;height:350px;font-size:14pt;padding:10px;text-align:center;filter:progid:DXImageTransform.Microsoft.MaskFilter(color= #bf8f8f );"><BR>NO-1<br><HR style="border-style: dashed;height:1px;border-color:#ffbe21; width: 100%;">テキストボックスで作りました<HR style="border-style: dashed;height:1px;border-color:#ffbe21; width: 100%;">メッセージを入れる<HR style="border-style: dashed;height:1px;border-color:#ffbe21; width: 100%;">メッセージを入れる<HR style="border-style:dashed;height:1px;border-color:#ffbe21; width: 100%;">メッセージを入れる<HR style="border-style: dashed;height:1px;border-color:#ffbe21; width: 100%;">メッセージを入れるメッセージを入れる<HR style="border-style:dashed;height:1px;border-color:#ffbe21; width: 100%;">メッセージを入れる<HR style="border-style:dashed;height:1px;border-color:#ffbe21; width: 100%;">メッセージを入れるメッセージを入れる<HR style="border-style:dashed;height:1px;border-color:#ffbe21; width: 100%;">メッセージを入れるメッセージを入れる<HR style="border-style: dashed;height:1px;border-color:#ffbe21; width: 100%;"><BR><BR></center></center></center>

MIKANの日記

NO-2

動く壁紙を使ってみました。

ネオンのようにチカチカして～～ステキだと思いません～！

読み難いかも知れませんね。

メッセージを入れるメッセージを入れるメッセージメッセージ

メッセージを入れるメッセージを入れるメッセージメッセージ

NO-2タグ動く壁紙を使いました <center style="width:530px;height:350px;filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0 StartColorStr=#bbdfc3a7 EndColorStr=#ff40352b);"><MARQUEE DIRECTION="LEFT" BEHAVIOR="SLIDE" SCROLLAMOUNT="30"><div style="width:100%; FONT-SIZE: 20PT;COLOR: blue;font-family:Times New Roman; FILTER:Dropshadow ;"><B>MIKANの日記</B></div></MARQUEE><center style="border-color:#40352b #dfc3a7 #dfc3a7 #40352b ;border-width:2px;border-style:ridge;width:530px;height:350px;margin:7px 17px 17px 17px; background-image:url(http://画像.gif) ;background-Attachment:fixed;overflow:auto;scrollbar-base-color:#9f8c78;scrollbar-3dlight-color:#9f8c78;scrollbar-arrow-color:#ffffc1;scrollbar-darkshadow-color:#9f8c78;scrollbar-highlight-color:#9f8c78;scrollbar-shadow-color:#9f8c78;"><center style="width:530px;height:350px;font-size:14pt;padding:10;text-align:center;filter:progid:DXImageTransform.Microsoft.MaskFilter(color=#9f8c78);"><HR style="border-style: dashed;height:1px;boer-color:#ffbe21; width: 100%;"> テキストボックスで作りました<:HR style="border-style: dashed;height:1px;border-color:#ffbe21; width: 100%;" >メッセージを入れるメッセージを入れる<HR style="border-style: dashed;height:1px;border-color:#ffbe21; width: 100%;" >メッセージを入れるメッセージを入れる<HR style="border-style:dashed;height:1px;border-color:#ffbe21; width: 100%;" >メッセージを入れるメッセージを入れる<HR style="border-style: dashed;height:1px;border-color:#ffbe21; width: 100%;" >メッセージを入れるメッセージを入れる<HR style="border-style:dashed;height:1px;border-color:#ffbe21; width: 100%;" >メッセージを入れるメッセージを入れる<HR style="border-style:dashed;height:1px;border-color:#ffbe21; width: 100%;" >メッセージを入れるメッセージを入れる<HR style="border-style:dashed;height:1px;border-color:#ffbe21; width: 100%;" >メッセージを入れるメッセージを入れる<HR style="border-style: dashed;height:1px;border-color:#ffbe21; width: 100%;" >メッセージを入れるメッセージを入れる<HR style="border-style: dashed;height:1px;border-color:#ffbe21; width: 100%;" >メッセージを入れるメッセージを入れる<HR style="border-style: dashed;height:1px;border-color:#ffbe21; width: 100%;" >メッセージを入れるメッセージを入れる<BR><BR></center></center></center>

MIKANの日記

NO-3

スクロールバーを外しても使えます

タグにカラーを付けました

メッセージを入れるメッセージを入れるメッセージメッセージ

メッセージを入れるメッセージを入れるメッセージメッセージ

NO-3タグ <center style="width:530px;height:350px;filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0 StartColorStr=#bb8bb98b EndColorStr=#ff174417);"> <MARQUEE DIRECTION="LEFT" BEHAVIOR="SLIDE" SCROLLAMOUNT="30"> <div style="width:100%; FONT-SIZE: 20PT;COLOR: blue;font-family:Times New Roman; FILTER:Dropshadow ;"><B>MIKANの日記</B></div></MARQUEE> <center style="border-color:#000000 #8bb98b #8bb98b #006666 ;border-width:2px;border-style:ridge;width:530px;height:350px;margin:7px 17px 17px 17px; background-image:url(http://画像.gif) ;background-Attachment:fixed; overflow:auto;scrollbar-base-color:#53a653;scrollbar-3dlight-color:#53a653;scrollbar-arrow-color:#ffffc1;scrollbar-darkshadow-color:#53a653;scrollbar-highlight-color:#53a653;scrollbar-shadow-color:#53a653 ;"> <center style="width:530px;height:350px;font-size:14pt;padding:10px;text-align:center;filter:progid:DXImageTransform.Microsoft.MaskFilter(color=#53a653);"> <HR style="border-style: dashed;height:1px;border-color:#ffbe21; width: 100%;"> テキストボックスで作りました <HR style="border-style: dashed;height:1px;border-color:#ffbe21; width: 100%;"> メッセージを入れるメッセージを入れるメッセージメッセージ <HR style="border-style: dashed;height:1px;border-color:#ffbe21; width: 100%;"> メッセージを入れるメッセージを入れるメッセージメッセージ <HR style="border-style:dashed;height:1px;border-color:#ffbe21; width: 100%;"> メッセージを入れるメッセージを入れるメッセージメッセージ <HR style="border-style: dashed;height:1px;border-color:#ffbe21; width: 100%;"> メッセージを入れるメッセージを入れる <HR style="border-style:dashed;height:1px;border-color:#ffbe21; width: 100%;"> メッセージを入れるメッセージを入れるメッセージメッセージ <HR style="border-style:dashed;height:1px;border-color:#ffbe21; width: 100%;"> メッセージを入れるメッセージを入れる <HR style="border-style:dashed;height:1px;border-color:#ffbe21; width: 100%;"> メッセージを入れるメッセージを入れる <HR style="border-style: dashed;height:1px;border-color:#ffbe21; width: 100%;"> メッセージを入れるメッセージを入れるメッセージメッセージ <HR style="border-style: dashed;height:1px;border-color:#ffbe21; width: 100%;"> メッセージを入れるメッセージを入れる <HR style="border-style: dashed;height:1px;border-color:#ffbe21; width: 100%;"> メッセージを入れるメッセージを入れる <BR><BR></center></center></center>

MIKANの日記

NO-4

テキストボックスで作りました

メッセージを入れるメッセージを入れるメッセージメッセージ

メッセージを入れるメッセージを入れるメッセージメッセージ

NO-4タグ <center style="width:530px;height:350px;filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0 StartColorStr=#99ff0000 EndColorStr=#ff000000);"><MARQUEE DIRECTION="LEFT" BEHAVIOR="SLIDE" SCROLLAMOUNT="30"><div style="width:100%; FONT-SIZE: 20PT;COLOR: blue;font-family:Times New Roman; FILTER:Dropshadow ;"><B>MIKANの日記</B></div></MARQUEE> <center style="border-color:#000000 #8bb98b #8bb98b #006666 ;border-width:2px;border-style:ridge;width:530px;height:350px;margin:7px 17px 17px 17px; background-image:url(http://画像.gif) ;background-Attachment:fixed;overflow:auto;scrollbar-base-color:#000000;scrollbar-3dlight-color:#000000;scrollbar-arrow-color:#ffffc1;scrollbar-darkshadow-color:#000000;scrollbar-highlight-color:#000000;scrollbar-shadow-color:#000000;"> <center style="width:530px;height:350px;font-size:14pt;padding:10px;text-align:center;filter:progid:DXImageTransform.Microsoft.MaskFilter(color=#000000);"> <HR style="border-style: dashed;height:1px;border-color:#ffbe21; width: 100%;"> テキストボックスで作りました <HR style="border-style: dashed;height:1px;border-color:#ffbe21; width: 100%;"> メッセージを入れるメッセージを入れるメッセージメッセージ <HR style="border-style: dashed;height:1px;border-color:#ffbe21; width: 100%;"> メッセージを入れるメッセージを入れるメッセージメッセージ <HR style="border-style:dashed;height:1px;border-color:#ffbe21; width: 100%;"> メッセージを入れるメッセージを入れるメッセージメッセージ <HR style="border-style: dashed;height:1px;border-color:#ffbe21; width: 100%;"> メッセージを入れるメッセージを入れる <HR style="border-style:dashed;height:1px;border-color:#ffbe21; width: 100%;"> メッセージを入れるメッセージを入れるメッセージメッセージ <HR style="border-style:dashed;height:1px;border-color:#ffbe21; width: 100%;"> メッセージを入れるメッセージを入れる <HR style="border-style:dashed;height:1px;border-color:#ffbe21; width: 100%;"> メッセージを入れるメッセージを入れる <HR style="border-style: dashed;height:1px;border-color:#ffbe21; width: 100%;"> メッセージを入れるメッセージを入れるメッセージメッセージ <HR style="border-style: dashed;height:1px;border-color:#ffbe21; width: 100%;"> メッセージを入れるメッセージを入れる <HR style="border-style: dashed;height:1px;border-color:#ffbe21; width: 100%;"> メッセージを入れるメッセージを入れる <BR><BR></center></center></center>

ジャンル別一覧