ブログ記事288件
枠線の記事への入れ方はコチラをご覧ください【アメブロ】枠線の入れ方スマホでの枠線の入れ方アメブロの記事に枠線を入れよう!~枠線の入れ方と注意点、失敗しないコツを解説!解説#で始まる6文字の英数字がカラーコードです。これを変えると色を変更できます。【配色の参考ページ】WEB色見本カラーコードパステルカラーパレット○pxがラインの太さです。数字が大きいほど太くなります。タグを変えると線の種類も変えられます実践:solid二重線:double
メッセージボードや記事下定型文におすすめです。ミモザ写真背景角丸ミモザ写真背景影つきミモザ写真背景影つき角丸ミモザ写真背景があります。シンプルミモザ写真背景本文はここに入力してください。改行はShift+Enterで!<divstyle="padding:20px;background:url(https://stat.ameba.jp/user_images/20220309/14/atelier-plume-net/2c/6e/j/o06500650
文字数に合わせてサイズが変わります。ゴールドっぽい背景と外枠ゴールドっぽい背景と角丸外枠ゴールドっぽいグラデーションと外枠ゴールドっぽいグラデーションと角丸外枠があります♥ゴールド系背景と外枠ゴールドの外枠にゴールドの背景<divstyle="display:inline-block;padding:2px;border:2pxsolid#F0E4D0;"><divstyle="display:inline-block;background:#F0E4D
ブルーの光背景囲み枠です。シンプル背景角丸背景影つき背景影つき角丸背景があります。シンプルブルーの光背景本文はここに入力してください。改行はShift+Enterで!<divstyle="padding:16px;background:url(https://stat.ameba.jp/user_images/20240423/12/atelier-plume-net/ff/09/j/o0650065015429492380.jpg);"><divs
ピンクゴールド背景囲み枠です。メッセージボードや記事下定型文におすすめです。ピンクゴールド背景角丸ピンクゴールド背景影つきピンクゴールド背景影つき角丸ピンクゴールド背景シンプルピンクゴールド背景本文はここに入力してください。改行はShift+Enterで!<divstyle="padding:16px;background:url(https://stat.ameba.jp/user_images/20221206/22/atelier-plume-net/
ピンクの花背景囲み枠です。シンプル背景角丸背景影つき背景影つき角丸背景があります。シンプルピンクの花背景本文はここに入力してください。改行はShift+Enterで!<divstyle="padding:16px;background:url(https://stat.ameba.jp/user_images/20240422/21/atelier-plume-net/f9/09/j/o0650065015429295989.jpg);"><divs
シンプルなグレーの枠線です。文字数に合わせてサイズが変わります。シンプルな枠線角丸枠線タイトル付き枠線タイトル付き角丸枠線があります。文字数に合わせてサイズが変わる枠線実線:solid<divstyle="display:inline-block;border:2pxsolid#a3a3a3;padding:15px;">本文はここに入力してください。改行はShift+Enterで!</div>二重線:double<divsty
シンプルな背景色だけの囲み枠です。文字数でサイズが変わります。他の囲み枠と合わせて使ってもかわいい♡文字数でサイズが変わる囲み枠ピンク①本文はここに入力してください。改行はShift+Enterで!<divstyle="display:inline-block;background:#FFEFF5;padding:15px;">本文はここに入力してください。改行はShift+Enterで!</div>ピンク②本文はここに入力してください。改行は
今日は、写真背景の囲み枠で文字を入れる部分の透け感を変える方法のご紹介です。どの部分の透け感が変わるの?【例1:通常】本文はここに入力してください。改行はShift+Enterで!【例2:半透明】本文はここに入力してください。改行はShift+Enterで!変更する場所は?囲み枠タグ内のbackground:rgba(255,255,255,0.87);の0.87の部分が透け具合になります。(その前の255,255,255は白色
ブログで、枠線をつけた記事を書いている時に・・・たまーに、こんな、線が入っちゃったりすること、ありませんか~??・・・・というか、これよく見かけるのでなっちゃう人が多いんだと思いますがこうならないようにするのは案外簡単で!Windowsをお使いの方はshift+enterキーで改行する。MACをお使いの方はControl+EnterキーまたはCommand+Enterキーで改行する。そうすると、余計な線が入らなくなりま
文字数に合わせてサイズが変わります。ピンク系背景と外枠ピンク系背景と角丸外枠ピンクグラデーションと外枠ピンクグラデーションと角丸外枠があります♥ピンク系背景と外枠ピンクの外枠にピンクの背景<divstyle="display:inline-block;padding:2px;border:2pxsolid#FFE3F6;"><divstyle="display:inline-block;background:#FFE3F6;padding:10px;">本
上品な印象のゴールドっぽい枠線です。文字数に合わせてサイズが変わります。シンプルな枠線角丸枠線タイトル付き枠線タイトル付き角丸枠線があります♥文字数に合わせてサイズが変わる枠線実線:solid<divstyle="display:inline-block;border:2pxsolid#DFC69B;padding:15px;">本文はここに入力してください。改行はShift+Enterで!</div>二重線:double<div
ブログ記事に囲み枠を入れるのは、案外簡単ですどの枠線を入れるか決めます。「アメブロ枠線」などで検索すると色々出てきますがコチラにもいろいろご用意しております【全600種類】アメブロ用枠線「HTML表示」に切り替えます記事を書く画面の下のところに、切り替えボタンがあります。入れたい枠線のタグ(四角の中の情報)をコピーして貼り付けます※改行のタグ<p></p>を残しておくと通常表示に戻した時に文章の入力がしやすいです通常
昨日、写真背景囲み枠についてこういった、写真の囲み枠はカードタイプのように文字幅で使うことは困難なものでしょうか?というコメントをいただきました!ありがとうございます写真背景囲み枠も文字幅でお使いいただけます!文字幅の囲み枠にする方法たとえば、勿忘草の囲み枠でしたら本文はここに入力してください。改行はShift+Enterで!<divstyle="padding:16px;background:url(https://stat.ameba.jp/
花束背景囲み枠です。シンプル背景角丸背景影つき背景影つき角丸背景があります。シンプル花束背景本文はここに入力してください。改行はShift+Enterで!<divstyle="padding:16px;background:url(https://stat.ameba.jp/user_images/20240317/14/atelier-plume-net/ab/f4/j/o0650065015414067595.jpg);"><divstyle="backgr
シンプルなゴールド系の囲み枠です。■はちみつ■淡いゴールド×濃いゴールド■ゴールド背景と外枠■ゴールドっぽい影付き囲み枠■ゴールドっぽい枠線画像かリンクカードをクリックで各囲み枠ページに飛びます。はちみつ全16種『はちみつみたいな囲み枠』はちみつみたいな囲み枠です。文字数に合わせてサイズが変わります。・シンプルな枠線・角丸枠線・タイトル付き枠線・タイトル付き角丸枠線文字数に合わせてサイズが…ameblo.jp淡いゴールド×濃いゴールド全8種『
写真・イラスト背景囲み枠の一覧1です。画像クリックでその囲み枠ページに飛びます。→写真・イラスト背景囲み枠2はこちら→写真・イラスト背景囲み枠3はこちら→写真・イラスト背景囲み枠4はこちら『写真・イラスト背景囲み枠一覧2』写真・イラスト背景囲み枠の一覧2です。画像クリックでその囲み枠ページに飛びます。→写真・イラスト背景囲み枠1はこちらLINEの友だち追加で「アメブロで使…ameblo.jp『写真・イラスト背景囲み枠一覧3』写真・イラスト背景囲み枠の一覧3です。
メッセージボードや記事下定型文におすすめです。ピンクのキラキラ背景角丸ピンクのキラキラ背景影つきピンクのキラキラ背景影つき角丸ピンクのキラキラ背景シンプルピンクのキラキラ背景本文はここに入力してください。改行はShift+Enterで!<divstyle="padding:16px;background:url(https://stat.ameba.jp/user_images/20220725/12/atelier-plume-net/99/6e/j/o
ライラック背景囲み枠です。シンプル背景角丸背景影つき背景影つき角丸背景があります。シンプルライラック背景本文はここに入力してください。改行はShift+Enterで!<divstyle="padding:16px;background:url(https://stat.ameba.jp/user_images/20240419/18/atelier-plume-net/53/e3/j/o0650065015427897055.jpg);"><divs
先日ご紹介した写真背景囲み枠を文字幅にする方法ですが…『写真背景囲み枠を文字幅にする方法』昨日、写真背景囲み枠についてこういった、写真の囲み枠はカードタイプのように文字幅で使うことは困難なものでしょうか?というコメントをいただきました!あ…ameblo.jpブログカードを入れるとこんな風にはみ出てしまいます^^;↓↓↓『勿忘草背景の囲み枠』勿忘草背景囲み枠です。シンプル背景角丸背景影つき背景影つき角丸背景があります。シンプル勿忘草背景
勿忘草背景囲み枠です。シンプル背景角丸背景影つき背景影つき角丸背景があります。シンプル勿忘草背景本文はここに入力してください。改行はShift+Enterで!<divstyle="padding:16px;background:url(https://stat.ameba.jp/user_images/20240415/21/atelier-plume-net/fd/97/j/o0650065015426365121.jpg);"><divstyle
「囲み枠を中央に寄せるには?」とご質問をいただきました。文字数で変わる囲み枠だと右側の余白が気になる場合もありますよね。今回は囲み枠を中央に配置する方法をご紹介します。やり方はいろいろありますがわかりやすい方法で^^例えば…本文はここに入力してください。改行はShift+Enterで!<divstyle="display:inline-block;border:4pxdouble#48AADC;padding:15px;">本文は
メッセージボードや記事下定型文におすすめです。ふんわりハート写真背景角丸ふんわりハート写真背景影つきふんわりハート写真背景影つき角丸ふんわりハート写真背景があります。ハートといってもほぼ見えないので落ち着いた雰囲気で使っていただけると思います。シンプルふんわりハート写真背景本文はここに入力してください。改行はShift+Enterで!<divstyle="padding:20px;background:url(https://stat.am
ピンク系のタイトルボックス付き囲み枠です。■トキ色■ロゼピンク■かわいいピンク■鮮やかでかわいいピンク画像かリンクカードをクリックで各囲み枠ページに飛びます。トキ色全6種『トキ色のタイトルボックス付き囲み枠』タイトルボックス付き囲み枠タイトルボックス付き囲み枠角丸タイトルボックス付き囲み枠角丸タイトルボックス付き角丸囲み枠タイトルラベル付き囲み枠角丸タ…ameblo.jpロゼピンク全6種『ロゼピンクのタイトルボックス付き囲み枠』タイトルボ
ピンク系の背景色囲み枠です。■シンプルな背景色■ふわっとした背景色画像かリンクカードをクリックで各囲み枠ページに飛びます。シンプルな背景色全5種『シンプルな背景色の囲み枠【ピンク】』シンプルな背景色だけの囲み枠です。文字数でサイズが変わります。他の囲み枠と合わせて使ってもかわいい♡文字数でサイズが変わる囲み枠ピンク①本文はここに入力し…ameblo.jpふわっとした背景色全6種『ピンクのふわっとした囲み枠』かわいいふわっとした囲み枠です。文字数に合わ
シロツメクサ背景囲み枠です。シンプル背景角丸背景影つき背景影つき角丸背景があります。シンプルシロツメクサ背景本文はここに入力してください。改行はShift+Enterで!<divstyle="padding:16px;background:url(https://stat.ameba.jp/user_images/20240421/14/atelier-plume-net/35/76/j/o0650065015428650001.jpg);"><div
かわいくてエレガントな枠つき背景です。文字数に合わせてサイズが変わります。外枠つき背景外枠つき角丸背景中枠つき背景中枠つき角丸背景があります♥外枠つき背景ピンクの背景にゴールド実線外枠<divstyle="display:inline-block;background:#FFEFF5;padding:10px;border:1pxsolid#D3BB83;">本文はここに入力してください。改行はShift+Enterで!</div>ピンクの背景に
ブログ講座の受講生さんからご質問いただいたのでこちらでお答えします!枠線って、私の枠線一覧の記事のタグを使って作っていただくとこんな感じになるのですが・・・【全600種類】アメブロ用枠線本文実は、文字数に合わせて枠線の幅を自動調整する事ができます。本文この自動調整している枠線のタグはこんな感じになっておりまして・・・<fieldsetstyle="display:inline-block;background:#ffccc
かわいいふわっとした囲み枠です。文字数に合わせてサイズが変わります。淡いピンク囲み枠青みピンク囲み枠華やかピンク囲み枠淡いピンク角丸囲み枠青みピンク角丸囲み枠華やかピンク角丸囲み枠サイズが変わるピンクのふわっとした囲み枠淡いピンクのふわっとした囲み枠<divstyle="display:inline-block;background:#FFEFF5;box-shadow:#FFEFF5005px5px;padding:15px;">本文はこ
淡いピンク×ゴールドの囲み枠です。文字数に合わせてサイズが変わります。シンプルな枠線角丸枠線があります。画面幅いっぱいにするときはdisplay:inline-block;を削除してくださいね。文字数に合わせてサイズが変わる枠線実線:solid<divstyle="display:inline-block;background:#FEF8FB;padding:8px;"><divstyle="display:inline-block;borde