囲み枠(飾り枠)テンプレート 黒板風 アメブロ記事・カスタマイズ向け



アメブロカスタマイズの松本です。

こんにちは。

最近、アメブロ記事内で利用できる飾り枠を配布するのが流行ってるみたいなので、僕も作ってみました!

「あまり他の人が作ってなさそうなのを」と思って、とりあえず黒板風にしてみました(暗色系は需要がないかな?とも思いながらも^^;)。

タグも一緒に書いておきますので、よかったらコピペ用にご利用下さい。

【注意】新エディタをお使いの場合は、直接コピペすると文字化けしておかしくなるようです。その場合、一度メモ帳などにコピペしたものを、再度新エディタにコピペするとうまくいくようです。


囲み枠(飾り枠)テンプレート:黒板風(木枠・緑)



囲み枠(飾り枠)テンプレート:黒板風(木枠・緑)






↑この囲み枠(飾り枠)のタグは次のようになります(★の部分に内容を書きます)。

<div style="word-break:break-all;color:#fff;background-color:#140;margin:10px 5px;padding:15px;border:8px solid #a60;border-radius:3px;box-shadow:2px 2px 4px #999,2px 2px 2px #020 inset;text-shadow:0px 0px 2px #000">★</div>


囲み枠(飾り枠)テンプレート:黒板風(木枠・黒)



囲み枠(飾り枠)テンプレート:黒板風(木枠・黒)






↑この囲み枠(飾り枠)のタグは次のようになります(★の部分に内容を書きます)

<div style="word-break:break-all;color:#fff;background-color:#191919;margin:10px 5px;padding:15px;border:8px solid #a60;border-radius:3px;box-shadow:2px 2px 4px #999,2px 2px 2px #000 inset;text-shadow:0px 0px 2px #000">★</div>


囲み枠(飾り枠)テンプレート:黒板風(木枠・青)



囲み枠(飾り枠)テンプレート:黒板風(木枠・青)






↑この囲み枠(飾り枠)のタグは次のようになります(★の部分に内容を書きます)

<div style="word-break:break-all;color:#fff;background-color:#246;margin:10px 5px;padding:15px;border:8px solid #a60;border-radius:3px;box-shadow:2px 2px 4px #999,2px 2px 2px #124 inset;text-shadow:0px 0px 2px #000">★</div>


囲み枠(飾り枠)テンプレート:黒板風(アルミ枠・緑)



囲み枠(飾り枠)テンプレート:黒板風(アルミ枠・緑)






↑この囲み枠(飾り枠)のタグは次のようになります(★の部分に内容を書きます)

<div style="word-break:break-all;color:#fff;background-color:#140;margin:10px 5px;padding:15px;border:4px solid #bbb;box-shadow:2px 2px 4px #ccc,1px 1px 1px #020 inset;text-shadow:0px 0px 2px #000">★</div>


囲み枠(飾り枠)テンプレート:黒板風(アルミ枠・黒)



囲み枠(飾り枠)テンプレート:黒板風(アルミ枠・黒)






↑この囲み枠(飾り枠)のタグは次のようになります(★の部分に内容を書きます)

<div style="word-break:break-all;color:#fff;background-color:#191919;margin:10px 5px;padding:15px;border:4px solid #bbb;box-shadow:2px 2px 4px #ccc,1px 1px 1px #000 inset;text-shadow:0px 0px 2px #000">★</div>


囲み枠(飾り枠)テンプレート:黒板風(アルミ枠・青)



囲み枠(飾り枠)テンプレート:黒板風(アルミ枠・青)






↑この囲み枠(飾り枠)のタグは次のようになります(★の部分に内容を書きます)

<div style="word-break:break-all;color:#fff;background-color:#246;margin:10px 5px;padding:15px;border:4px solid #bbb;box-shadow:2px 2px 4px #ccc,1px 1px 1px #124 inset;text-shadow:0px 0px 2px #000">★</div>



なんか、これ作ってると楽しいので、また作ります!

今度は何風にしましょうかねぇ^^



アメブロカスタマイズと読者を増やすブログ運営 初心者でもかんたん



コメント(62)