モックン☆彡の部屋

モックン☆彡の部屋

((o(^-^)o))わくワク枠４

((o(^-^)o))わくワク枠４


前回 のページでお手本を書くのに文字数制限に引っかかってしまったので、

お手本の続きを書きます。

《お手本３》 ：ページ用タグ、：コメント
< CENTER style="border-style:dotted;border-color:yellow blue red green;border-width:10px;background-color:#a8efaf;" >
< B style="color:indigo;" >
< BR >< BR >< BR >
適当な題名
< HR style="border-style:dashed;border-color:#cc000a;width:400px;" size="4" >
< BR >
適当な文章１
< HR style="border-style:solid;border-color:#262626;width:400px;" size="1" >
適当な文章２
< HR style="border-style:solid;border-color:#262626;width:400px;" size="1" >
適当な文章３
< HR style="border-style:solid;border-color:#262626;width:400px;" size="1" >
適当な文章４
< HR style="border-style:solid;border-color:#262626;width:400px;" size="1" >
適当な文章５
< HR style="border-style:solid;border-color:#262626;width:400px;" size="1" >
適当な文章６
< HR style="border-style:solid;border-color:#262626;width:400px;" size="1" >
適当な文章７
< HR style="border-style:solid;border-color:#262626;width:400px;" size="1" >
適当な文章８
< HR style="border-style:solid;border-color:#262626;width:400px;" size="1" >
< BR >
< HR style="border-style:solid;border-color:#262626;width:400px;" size="1" >
< BR >
< HR style="border-style:solid;border-color:#262626;width:400px;" size="1" >
< BR >
< HR style="border-style:solid;border-color:#262626;width:400px;" size="1" >
< BR >
</ B ></ CENTER >



■□■質問の書き方について■□■

紹介しているタグをコピーなどしても上手くいかない場合は、
試したページは削除しないで、そのままにして下さい。
出来ない理由を聞かれても、状態を見ないと
答えられない場合があります。
『百聞は一見にしかず』
昔の人は上手い事を
言ったなぁ。
(´ー`)ノ
背景の色を変える場合は、『 background-color:#a8efaf; 』を変えてください。
境界線の太さを調節したい場合は、『 size="" 』の数値を変えてください。
日記用は 《お手本２》 を参考にして < A href="http://" ></ A > を追加してください。
また、線の長さは『 width:400px; 』の数値を変更すれば長さを変えれます。



《お手本４》 ：ページ用タグ、：コメント
< CENTER style="border-style:double;border-color:yellow blue red green;border-width:10px;background-image:url( 画像アドレス );background-repeat:no-repeat;background-position:center;" >
< DIV style="color:blue;width:100%;filter:glow(color=#a8efaf);font-weight:bold;" >
< BR >< BR >< BR >
適当な題名
< HR style="border-style:dashed;border-color:#400080;width:400px;" >
< BR >
適当な文章１
< HR style="border-style:dotted;border-color:#510074;width:400px;" >
適当な文章２
< HR style="border-style:dotted;border-color:#620068;width:400px;" >
適当な文章３
< HR style="border-style:dotted;border-color:#74005d;width:400px;" >
適当な文章４
< HR style="border-style:dotted;border-color:#850051;width:400px;" >
適当な文章５
< HR style="border-style:dotted;border-color:#960045;width:400px;" >
適当な文章６
< HR style="border-style:dotted;border-color:#a8003a;width:400px;" >
適当な文章７
< HR style="border-style:dotted;border-color:#b9002e;width:400px;" >
< BR >
< HR style="border-style:dotted;border-color:#ca0022;width:400px;" >
< BR >
< HR style="border-style:dotted;border-color:#dc0017;width:400px;" >
< BR >
< HR style="border-style:dotted;border-color:#ed000b;width:400px;" >
< BR >
< HR style="border-style:dotted;border-color:#ff0000;width:400px;" >
< BR >
</ DIV ></ CENTER >



■□■　４月１日　晴れ　■□■

今日は暖かく
桜も満開だ！
こんな景色を
身近に見れる
日本に生まれて
良かったなぁ～
と思う。
背景の画像が小さく、繰り返し表示する場合は『 background-repeat:no-repeat; 』と
『 background-position:center; 』を削除して下さい。
日記用は 《お手本２》 を参考にして < A href="http://" ></ A > を追加してください。
文字や境界線についている影は『 文字に影を付けてみる？ 』のページを参考にして下さい。
また、線の長さは『 width:400px; 』の数値を変更すれば長さを変えれます。
画像アドレスの書いてある『(』と『)』は省略しないで下さいね。



《お手本５》 ：ページ用タグ、：日記用タグ、：コメント
< CENTER style="background-image:url( 画像アドレス );border-style:ridge;height:300px;border-color:yellow blue red green;border-width:10px;writing-mode:tb-rl;" >
< DIV style="color:yellow;width:100%;filter:glow(color=#f92500);font-weight:bold;" >
適当な題名
< HR style="border-style:solid;border-color:#fafafa;height:250px;" >
< BR >< BR >
適当な文章１
< HR style="border-style:dotted;border-color:#ffced9;height:250px;" >
適当な文章２
< HR style="border-style:dotted;border-color:#ffced9;height:250px;" >
適当な文章３
< HR style="border-style:dotted;border-color:#ffced9;height:250px;" >
適当な文章４
< HR style="border-style:dotted;border-color:#ffced9;height:250px;" >
適当な文章５
< HR style="border-style:dotted;border-color:#ffced9;height:250px;" >
< BR >
< HR style="border-style:dotted;border-color:#ffced9;height:250px;" >
< BR >
< HR style="border-style:dotted;border-color:#ffced9;height:250px;" >
< BR >
< HR style="border-style:dotted;border-color:#ffced9;height:250px;" >
</ DIV ></ CENTER >
< A href="http://" ></ A >< CENTER style="background-image:url( 画像アドレス );border-style:ridge;height:300px;border-color:yellow blue red green;border-width:10px;writing-mode:tb-rl;" >< DIV style="color:yellow;width:100%;filter:glow(color=#f92500);font-weight:bold;" >
適当な題名
< HR style="border-style:solid;border-color:#fafafa;height:250px;" >

適当な文章１
< HR style="border-style:dotted;border-color:#ffced9;height:250px;" >
適当な文章２
< HR style="border-style:dotted;border-color:#ffced9;height:250px;" >
適当な文章３
< HR style="border-style:dotted;border-color:#ffced9;height:250px;" >
適当な文章４
< HR style="border-style:dotted;border-color:#ffced9;height:250px;" >
適当な文章５
< HR style="border-style:dotted;border-color:#ffced9;height:250px;" >

< HR style="border-style:dotted;border-color:#ffced9;height:250px;" >

< HR style="border-style:dotted;border-color:#ffced9;height:250px;" >

< HR style="border-style:dotted;border-color:#ffced9;height:250px;" >
</ DIV ></ CENTER >
■□■　ご紹介　■□■


モックン☆彡の部屋へようこそ！
楽天流のＨＴＭＬ講座なので、
通常使わないような説明もあります。
お見苦しい所などあると思いますが、
よろしくお付き合い下さい。



この縦書きは
Internet Explorer限定
 です。
『 tb-rl 』はテキストを縦書きで表示させることができ、『 Top to Bottom - Right to Left 』という意味です。つまり文章の流れる方向を上から下に、右から左にという風に日本語や中国語などの縦書きと同じにできます。
始めの『 height:300px; 』は枠の高さを表し、２つ目の『 height:250px; 』は
境界線の長さを表します。
また、『 < DIV style="color:yellow;･･･ 』の『 yellow 』を変えると文字の色が変わります。
画像アドレスの書いてある『(』と『)』は省略しないで下さいね。





((o(^-^)o))わくワク枠３へ






© Rakuten Group, Inc.
X
Mobilize your Site
スマートフォン版を閲覧 | PC版を閲覧
    Share by: