mikanママのタグをつかって

日記ひな形NO1

 NO.1
同じタグを使って
サンプルいくつか作ってみました


画像提供は 十五夜

NO.1のタグです <div align="center"> <CENTER style ="width:600px;height:200px;border-width:5px ;border-color:#504139;border-style:double;font-size:13pt; filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0 StartColorStr=#33ffffff EndColorStr=#cc826681) ;"> <CENTER style ="width:590px;height:190px;margin:6px;border-width:5px ;border-color:#c7b29a;border-style:dotted;margin:2px;"> <CENTER style ="width:580px;height:180px;margin:6px;border-width:4px;border-color:#504139;border-style:double;margin:2px;"> <CENTER style ="width:570px;height:170px;margin:6px;border-width:3px;border-color:#c7b29a;border-style:dotted;margin:2px;overflow-y:scroll;fixed;scrollbar-face-color:#ffffff;scrollbar-track-color:#ffffff;scrollbar-arrow-color:#c7b29a;scrollbar-highlight-color:#000000;scrollbar-shadow-color:#ffffff;scrollbar-3dlight-color:#ffffff;scrollbar-darkshadow-color:#000000;"> NO.1文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる </center></center></center></center></div>

 NO.1-2


<PRE>タグを使って改行をしています
そのため文字が入っていなくても
このようにスクロールバーが表示されます

NO.1-2のタグです <CENTER style="width:600px;height:400px;border-width:5px ;border-color:#178a17;border-style:double;font-size:13pt;filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0 StartColorStr=#33ffffff EndColorStr=#ccff8000)"><CENTER style="width:590px;height:390px;margin:6px;border-width:6px ;border-color:#73c473;border-style:dotted;margin:2px;"><CENTER style="width:580px;height:380px;margin:6px;border-width:4px;border-color:#b3e2b3;border-style:double;margin:2px; background-image:url(http://画像.jpg);background-repeat:no-repeat;background-Attachment:fixed;background-color:#ffffff ;"><CENTER style="width:570px;height:370px;margin:6px;border-width:3px;border-color:#2ba802;border-style:double; margin:18px ;filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0 StartColorStr=#33ffffff EndColorStr=#cc80d468);overflow-y:scroll;fixed;scrollbar-face-color:#ffffff;scrollbar-track-color:#ffffff;scrollbar-arrow-color:#c7b29a;scrollbar-highlight-color:#000000;scrollbar-shadow-color:#ffffff;scrollbar-3dlight-color:#ffffff;scrollbar-darkshadow-color:#000000;"> 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる </center></center></center></center>


 NO.1-3

NO.1-3のタグです <CENTER style="width:600px;height:400px;border-width:8px ;border-color:#ff8000;border-style:double;font-size:13pt;filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=1 StartColorStr=#33ffffff EndColorStr=#66ff8000)"><CENTER style="width:590px;height:390px;margin:6px;border-width:7px ;border-color:#504139;border-style:dotted;margin:2px;"><CENTER style="width:580px;height:380px;margin:6px;border-width:4px;border-color:#ff8000;border-style:double;margin:2px;"><CENTER style="width:570px;height:370px;margin:6px;border-width:3px;border-color:#ff8000;border-style:double;margin:18px;background-image:url(http://画像.jpg);background-repeat:no-repeat;background-Attachment:fixed;background-color:#ffffff;overflow-y:scroll;fixed;scrollbar-face-color:#ffffff;scrollbar-track-color:#ffffff;scrollbar-arrow-color:#c7b29a;scrollbar-highlight-color:#000000;scrollbar-shadow-color:#ffffff;scrollbar-3dlight-color:#ffffff;scrollbar-darkshadow-color:#000000;"> NO.1-3文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる </center></center></center></center>

 NO.1-4

NO.1-4のタグです <CENTER style="width:600px;height:400px;border-width:5px ;border-color:#178a17;border-style:double;font-size:13pt;filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0 StartColorStr=#33ffffff EndColorStr=#990033cc)"><CENTER style="width:590px;height:390px;margin:6px;border-width:6px ;border-color:#73c473;border-style:dotted;margin:2px;"><CENTER style="width:580px;height:380px;margin:6px;border-width:4px;border-color:#b3e2b3;border-style:double;margin:2px;background-image:url(http://画像.jpg);background-repeat:no-repeat;background-Attachment:fixed;background-color:#ffffff;"><CENTER style="width:570px;height:370px;margin:6px;border-width:3px;border-color:#2ba802;border-style:double;margin:18px;filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0 StartColorStr=#33ffffff EndColorStr=#660033cc);overflow-y:scroll;fixed;scrollbar-face-color:#ffffff;scrollbar-track-color:#ffffff;scrollbar-arrow-color:#c7b29a;scrollbar-highlight-color:#000000;scrollbar-shadow-color:#ffffff;scrollbar-3dlight-color:#ffffff;scrollbar-darkshadow-color:#000000;"> NO.1-4文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる 文字を入れる </center></center></center></center>

ジャンル別一覧