ブログ記事7,731件
「Amebaブログ認定講師」になった奥田の初セミナー!5/1(水)10時よりAmebaブログforビジネス主催オンラインセミナー開催します!/「ブログで自分を表現する方法がわからない...」「ブログのイメージを変えたいけど、やり方がわからない...」「ブログで集客をしたいけど、どういったデザインにしたらいいんだろう...」\そんな方にぴったり!テーマは自分のイメージを作り上げよう!「顔タイプ診断×デザインで作るブログイメージ」Amebaブログの「ビジネ
モロッカン景囲み枠です。シンプル背景角丸背景影つき背景影つき角丸背景があります。シンプルモロッカン背景本文はここに入力してください。改行はShift+Enterで!<divstyle="padding:16px;background:url(https://stat.ameba.jp/user_images/20240324/14/atelier-plume-net/c4/90/j/o0650065015416864211.jpg);"><divstyle="b
グラデーション背景の囲み枠。写真ではないので長めになってもキレイなグラデーションのまま伸びていきます。シンプル背景角丸背景影つき背景影つき角丸背景があります。背景の透け具合はお好みで調整してくださいね。グラデーション背景見出し用<divstyle="padding:8px;background-image:linear-gradient(45deg,#fff5ea0%,#ffe5f825%,#f4effd50%,#e7f9ff75%,
メッセージボードや記事下定型文におすすめです。花瓶の薔薇背景角丸花瓶の薔薇背景影つき花瓶の薔薇背景影つき角丸花瓶の薔薇背景があります。シンプル花瓶の薔薇背景本文はここに入力してください。改行はShift+Enterで!<divstyle="padding:20px;background:url(https://stat.ameba.jp/user_images/20220424/21/atelier-plume-net/68/93/j/o06500650
アメブロでは自作動画のアップロードはスマホからのみでたった1分だけスライドはCSS編集できるヘッダーとフリースペースだけ。アメブロ記事内にhtmlタグだけでスライド出来ないものかと調べてみました。出来るんです。marqueeを使いましょう!シンプルに言うと文章や写真をmarqueeで挟むだけなんです。速さや方向も変えれますよ。写真は同じサイズの方がいいですよ。簡単に言うとこういう構造<marquee>文字や画像</marquee>
シンプルなピンク系の囲み枠です。■大人ピンク■ピンク×シルバー画像かリンクカードをクリックで各囲み枠ページに飛びます。大人ピンク全4種文字でサイズが変わるタイプと幅いっぱいタイプが4種類ずつあります。『大人ピンク♡シンプルで太めの囲み枠』シンプルで太めのピンクの囲み枠です。・シンプルな枠線・角丸枠線・タイトル付き枠線・タイトル付き角丸枠線シンプルな囲み枠実線:solid本文はここに入力…ameblo.jp⇒大人イエロー♡シンプルで太めの囲み枠⇒
白い花背景囲み枠です。シンプル背景角丸背景影つき背景影つき角丸背景があります。シンプル白い花背景本文はここに入力してください。改行はShift+Enterで!<divstyle="padding:16px;background:url(https://stat.ameba.jp/user_images/20240424/21/atelier-plume-net/3d/83/j/o0650065015430075732.jpg);"><divstyle
「タイトルつき囲み枠のタイトル部分を中央にしたい」そんな方のために今回はタイトル部分を中央にする方法をご紹介します。【例】トキ色の囲み枠タイトル部分が左の方にあります。タイトル本文はここに入力してください。改行はShift+Enterで!<fieldsetstyle="display:inline-block;border:2pxsolid#f4b3c2;padding:15px;"><legend>タイトル</legend>本文はこ
グレイッシュピンクの囲み枠です。ピンクっぽくないですが^^;文字数に合わせてサイズが変わります。・シンプルな枠線・角丸枠線・タイトル付き枠線・タイトル付き角丸枠線シンプルな囲み枠実線:solid<divstyle="display:inline-block;border:2pxsolid#C5A5AC;padding:15px;">本文はここに入力してください。改行はShift+Enterで!</div>二重線:double<div
こんにちは今日もデザイン×ビジネスよろず相談(仮)のモニター様のデザイン添削を徹底解説します!こちらのサービスは、デザインにまつわるあれこれをデザイナー目線からアドバイスするというメニューなのですが、一体どんな事を相談できるの?というのがデザインに携わっていない方からすると正直なところですよね。。。そんな皆様に向けて、「具体的にこんなアドバイスができます!」という事をお伝えしていくために数名のモニター様ご協力いただき、どんなポイントで奥田がデザインを作るの
シンプルなゴールド(イエロー)系の囲み枠です。■グレイッシュイエロー■グレイッシュイエローの背景色つき■大人イエロー■ベージュ×シルバー画像かリンクカードをクリックで各囲み枠ページに飛びます。グレイッシュイエロー全16種『グレイッシュイエローの囲み枠』グレイッシュイエローの囲み枠です。文字数に合わせてサイズが変わります。・シンプルな枠線・角丸枠線・タイトル付き枠線・タイトル付き角丸枠線シンプルな囲み枠実…ameblo.jpグレイッシュイエローの背景
シンプルな背景色だけの囲み枠です。文字数でサイズが変わります。他の囲み枠と合わせて使ってもかわいい♡文字数でサイズが変わる囲み枠ピンク①本文はここに入力してください。改行はShift+Enterで!<divstyle="display:inline-block;background:#FFEFF5;padding:15px;">本文はここに入力してください。改行はShift+Enterで!</div>ピンク②本文はここに入力してください。改行は
点線や実線の罫線です。囲み枠の中にも使えます!下線として使ったり囲み枠と合わせてメモ帳のように使ったりしても♡空白行は『ここに文字』の部分をにしてください。点線ライン■ピンク<pstyle="padding:0px2px;border-bottom:1pxdotted#F0D5D7;">ここに文字</p>■グリーン<pstyle="padding:0px2px;border-bottom:1pxd
メッセージボードや記事下定型文におすすめです。ピンクのキラキラ背景角丸ピンクのキラキラ背景影つきピンクのキラキラ背景影つき角丸ピンクのキラキラ背景シンプルピンクのキラキラ背景本文はここに入力してください。改行は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:20px;background:url(https://stat.ameba.jp/user_images/20220309/14/atelier-plume-net/2c/6e/j/o06500650
こんにちは!ブログサポート&自分発見コーチ幸田京子ですどうぞ気軽に「きょうこさん」って呼んでくださいねあなたの「本当にやりたいこと」を一緒に探して「あなたらしい生きかた」をサポートする自分発見コーチング&ブログサポート個別相談会:次回未定12/29(水)オンライン忘年会開催元リケジョで2児のママ。夫の自営業を手伝いつつ「わたしができること」で人の役に立ちたい!と活動しています。詳しいプロフィールはこちらさてさて今日はアメブロでフォントを
淡いゴールド×濃いゴールドの囲み枠です。文字数に合わせてサイズが変わります。かわいい点線・実線のゴールドと同じ枠色です。シンプルな枠線角丸枠線があります。display:inline-block;を削除すると画面幅いっぱいになります。文字数に合わせてサイズが変わる枠線実線:solid<divstyle="display:inline-block;background:#F8F3EB;border:2pxsolid#DFC69B;padd
見出しや文章の区切りにぴったりな斜線です。囲み枠の中にも使えます!■ピンク<hrstyle="height:7px;border:0;background-image:repeating-linear-gradient(-45deg,#FDE0E70px,#FDE0E72px,rgba(0,0,0,0)0%,rgba(0,0,0,0)50%);background-size:7px7px;">■グリーン<hrstyle
ふんわり大人っぽいぼかし囲み枠です。文字数に合わせてサイズが変わります。各囲み枠の中のコードをコピペしてお使いください^^display:inline-block;をはずすと幅いっぱいになります!ふんわりぼかし囲み枠<divstyle="display:inline-block;background:#E9E8FA;box-shadow:#E9E8FA0010px10px;padding:8px;">本文はここに入力してください。改行はShift
「囲み枠を中央に寄せるには?」とご質問をいただきました。文字数で変わる囲み枠だと右側の余白が気になる場合もありますよね。今回は囲み枠を中央に配置する方法をご紹介します。やり方はいろいろありますがわかりやすい方法で^^例えば…本文はここに入力してください。改行はShift+Enterで!<divstyle="display:inline-block;border:4pxdouble#48AADC;padding:15px;">本文は
今日は、写真背景の囲み枠で文字を入れる部分の透け感を変える方法のご紹介です。どの部分の透け感が変わるの?【例1:通常】本文はここに入力してください。改行はShift+Enterで!【例2:半透明】本文はここに入力してください。改行はShift+Enterで!変更する場所は?囲み枠タグ内のbackground:rgba(255,255,255,0.87);の0.87の部分が透け具合になります。(その前の255,255,255は白色
昨日、写真背景囲み枠についてこういった、写真の囲み枠はカードタイプのように文字幅で使うことは困難なものでしょうか?というコメントをいただきました!ありがとうございます写真背景囲み枠も文字幅でお使いいただけます!文字幅の囲み枠にする方法たとえば、勿忘草の囲み枠でしたら本文はここに入力してください。改行はShift+Enterで!<divstyle="padding:16px;background:url(https://stat.ameba.jp/
エレガントな囲み枠セットです。セットでご使用になっても個別でご使用になっても♡見出し見出し<divstyle="border-left:7pxsolid#C4A765;border-bottom:2pxsolid#C4A765;padding:8px;font-weight:bold;">ここに見出し</div>シンプルな背景色シンプルな背景色(幅いっぱいタイプ)本文はここに入力してください。改行はShift+Enterで!<
ネットの世界は10年大昔。今日は辛口英語講師のためのWEB屋、わたなべですちょっと前までは、5年一昔と言われていましたが、今はもう、3年一昔、めまぐるしい変化の時代です。英語講師の方に限らずですが…30代以上の女性に多いこちらの表現。ewebya☆gmail.com☆を@に変えて送信してください。っていうの。一言でいうと、…古いですこれをやる理由がわかってしている人は、いいんです。(いえ、あんまりよくないけど、一旦、よしとしま
以前からアメブロカスタマイズで「スマホのカスタマイズはできますか?」「スマホにヘッダーは設置できますか?」と、よくご質問いただいていました。スマホにもヘッダーがあると差別化になるし、世界観も伝わりますもんね。でも今まで一般のアメブロでは設置することができませんでした><ところがついに!!!スマホでもヘッダーが設置できるようになったんです。こちらは2024年初旬にスタートする新プランなのですが先行体験版が10月23日からスタートしています!
花束背景囲み枠です。シンプル背景角丸背景影つき背景影つき角丸背景があります。シンプル花束背景本文はここに入力してください。改行は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
ブログのタイトルにも使える背景色と上下ラインです。背景色と上下ライン(画面幅いっぱいタイプ)淡いピンク<divstyle="border-top:#F0D5D7solid1px;border-bottom:#F0D5D7solid1px;padding:8px;font-weight:bold;background:#FEF8FB;">ここに見出し</div>淡いグリーン<divstyle="border-top:#7BCDD8s
4月に人気だった囲み枠をご紹介します!2021年4月に人気だった囲み枠ベスト101位『ロゼピンクの囲み枠』ロゼピンクの囲み枠です。文字数に合わせてサイズが変わります。・シンプルな枠線・角丸枠線・タイトル付き枠線・タイトル付き角丸枠線文字数に合わせてサイズが変わ…ameblo.jp2位『ピンク×ゴールドのエレガントな枠線』かわいくてエレガントな枠つき背景です。文字数に合わせてサイズが変わります。外枠つき背景外枠つき角丸背景中枠つき背景中枠つき