枠のスタイルシートを自動で作成できるよ！ 便利すぎて笑う HTML,CSS復習24

2022年11月14日仮の仮サービススタート笑　更新内容

HTMLタグやスタイルシートが全くわからない方でも使えるようになりました！

コピペ機能を実装、そのままHTML編集に張り付けて記事がかけるようになりました。
そのまま張り付けるだけ！ほかのブログやホームページにも使えます。

2022年11月15日　更新内容

・記事の一部だけ蛍光マーカーが引けるようになりました。マーカーの色、文字のサイズ、マーカーの線の太さを指定できます。
・サンプル表示に不具合が出ていた問題を修正しました。
・枠(BOX)にシャドウ（影）がつけれるようになりました。
・枠のサイズが設定できるようになりました。

完成には近づいてきてますがまだ機能を増やしていきたいと思います。
こんな機能を増やしてほしいというのがあればコメントを頂ければと思います。
ソフトより機能は劣るけどソフトの1000倍わかりやすいを目指して精進していきます。

で..自分で言うのもなんだけど、自分で早速使ってみたら便利すぎて笑いが出ました。笑

2つ以上のパターンを作る場合は半角英数字で好きな名前を入力 例　waku2：

枠のサイズを指定する（指定がない方はそのままでOK)
幅 指定しない 50px 100px 150px 200px 250px 300px 350px 400px 450px 500px 550px 600px 高さ 指定しない 50px 100px 150px 200px 250px 300px 350px 400px 450px 500px 550px 600px 枠自体の中央寄せする？ しない する

外枠の線の有無、太さ
選択してください 1px 2px 3px 4px 5px なし

どのタグで使う？わからなければp or div推奨
選択してください p div textarea

領域と文字との余白
選択してください 余白なんて不要 ちょっとだけ もうちょっと 結構開ける

枠線の種類を選ぶ
選択してください 実線 点線 破線 二重線 線がへこんで見える 線が浮き上がって見える 線より内側がへこんで見える 線より内側が浮いて見える

角って丸める？
選択してください 選択して下さい 丸めない ちょっとだけ もうちょっと 結構丸める

文字は太くする？
選択してください しない する

BOXにシャドウ（影）をつける
シャドウをつけない場合はそのままでOK
どれくらいつける？ つけない 弱いシャドウ 普通のシャドウ 強いシャドウ かなり強いシャドウ

外枠色の初期値はブラック、黒です
外枠の色(ピンク~赤,紫系統)
選択してください 他のにする red crimson mediumvioletred deeppink hotpink palevioletred pink lightpink magenta fuchsia violet plum orchid mediumorchid darkviolet darkmagenta purple indigo darkslateblue blueviolet mediumpurple stateblue mediumslateblue
外枠の色(黄~オレンジ)
選択してください 他のにする lightyellow lightgoldenrodyellow lemonchiffon wheat burlywood tan khaki yellow gold orange darkorange goldenrod peru darkgoldenrod chocolate sienna saddlebrown maroon darkred brown firebrick indianred rosybrown darksalmon lightcoral salmon lightsalmon
外枠の色(緑系統)
選択してください 他のにする darkcyan teal darkslategray darkgreen green forestgreen seagreen mediumseagreen mediumaquamarine darkseagreen aquamarine palegreen lightgreen springgreen mediumspringgreen lawngreen greenyellow lime limegreen yellowgreen darkolivegreen olivedrab olive darkhaki palegoldenrod cornsilk beige
外枠の色(青系統)
選択してください 他のにする aliceblue teal lightsteelblue lightstategray stategray steelblue royalblue midnightblue navy darkblue mediumblue blue dodgerblue cornflowerblue deepskyblue lightskyblue skyblue powerblue paleturquoise lightcyan cyan aqua turquoise mediumturquoise lightseagreen cadetblue
外枠の色(黒～クリーム系統)
選択してください 他のにする dimgray gray darkgray silver lightgray gainsboro whitesmoke white snow ghostwhite floralwhite linen antiquewhite papayawhip blanchedalmond bisque moccasin navajowhite peachpuff mistyrose lavenderblush seashell oldlace ivory honeydew azure mintcream

背景色の初期値はなしです
背景の色(ピンク~赤,紫系統)
選択してください 他のにする red crimson mediumvioletred deeppink hotpink palevioletred pink lightpink magenta fuchsia violet plum orchid mediumorchid darkviolet darkmagenta purple indigo darkslateblue blueviolet mediumpurple stateblue mediumslateblue
背景の色(黄~オレンジ)
選択してください 他のにする lightyellow lightgoldenrodyellow lemonchiffon wheat burlywood tan khaki yellow gold orange goldenrod peru darkgoldenrod chocolate sienna saddlebrown maroon darkred brown firebrick indianred rosybrown darksalmon lightcoral salmon lightsalmon
背景の色(緑系統)
選択してください 他のにする darkcyan teal darkslategray darkgreen green forestgreen seagreen mediumseagreen mediumaquamarine darkseagreen aquamarine palegreen lightgreen springgreen mediumspringgreen lawngreen greenyellow lime limegreen yellowgreen darkolivegreen olivedrab olive darkhaki palegoldenrod cornsilk beige
背景の色(青系統)
選択してください 他のにする aliceblue teal lightsteelblue lightstategray stategray steelblue royalblue midnightblue navy darkblue mediumblue blue dodgerblue cornflowerblue deepskyblue lightskyblue skyblue lightblue powerblue paleturquoise lightcyan cyan aqua turquoise mediumturquoise lightseagreen cadetblue
背景の色(黒～クリーム系統)
選択してください 他のにする dimgray gray darkgray silver lightgray gainsboro whitesmoke white snow ghostwhite floralwhite linen antiquewhite papayawhip blanchedalmond bisque moccasin navajowhite peachpuff mistyrose lavenderblush seashell oldlace ivory honeydew azure mintcream

（蛍光マーカーを引く箇所がない場合はそのままにしてOK!)
蛍光マーカーのクラス指定（半角英数字ならなんでも） 例　keikou2：
蛍光マーカーを引く箇所がある場合は選択して下さい。
色、線の太さ ない 細いpink線 太いpink線 細いred線 太いred線 細いyellow線 太いyellow線 細いblue線 太いblue線 細いgreen線 太いgreen線
文字の大きさ 普通 少し大きく もう少し大きく かなり大きく 巨大 文字の太さ 普通 太くする

クリックしてスタイルシートを自動作成、またサンプルを表示する(見たままモード、はてな記法モード、普通のブログ、ホームページ用)
はてなブログのMarkdownは絶対こっち)
ここにスタイルシートなどが全て表示されます

ここにサンプルが表示されますここに蛍光マーカーが引かれます

でき上がったスタイルシートなどをクリップボードにコピーする

そのままスマホでも記事が書けます!
サンプル表示に不具合が出ていましたがほぼ治りました
他に不具合をコメント欄で指摘していただいた場合はブックマークさせて頂きます。