アメブロの記事で使えるステッチ付きパステルカラーの囲み枠です。 基本の「ステッチ付きグレーの囲み枠」 「パステルカラーの・・・」というタイトルですが、まずは、基本となる無彩色のグレーから。 ■ステッチ付き囲み枠(グレー) グレーの背景(#f0f0f0)は2箇所設定箇所があります。ステッチは白(#ffffff)、文字は黒(#333333)となっています。 この囲み枠のタグは次のようになります(■の部分に囲み枠内に表示する内容を書いて下さい)。 <div … [Read more...] about アメブロの記事で使えるステッチ付きパステルカラーの囲み枠(飾り枠)
アメブロ
アメブロの表示フォントを「游ゴシック体」に変更するカスタマイズ方法
アメブロの表示文字(フォント)を、Windows10やWindows8.1、Mac OS X 10.9(Mavericks)以降、Microsoft Office … [Read more...] about アメブロの表示フォントを「游ゴシック体」に変更するカスタマイズ方法
アメブロのコメント欄をフキダシ風にカスタマイズする方法
新CSS編集用デザインのアメブロで、コメント欄を「フキダシ風」にするカスタマイズ方法です。 ユーザー間のコミュニケーションの多いアメブロですので、そのコミュニケーションの重要な場の一つであるコメント欄をフキダシ風にして、楽しく演出してみてはいかがでしょうか。 アメブロのコメント欄をフキダシ風にする 当記事のカスタマイズは、ブログデザインCSSの編集で行いますので、もし、CSSの編集の仕方がわからない場合は先にチェックしておいて下さい。 画像等も使わず、CSSに以下を追加するだけで簡単にできます。 [crayon-5bcee9b … [Read more...] about アメブロのコメント欄をフキダシ風にカスタマイズする方法
アメブロの通常のモバイル向けページとAMPの表示の違い
アメブロのAMP向けページ アメブロは、2016年にAMP対応ページが用意されるようになりましたが、アメブロのAMP対応ページは通常のモバイル向けページの表示とは異なる部分が多いので注意が必要です。 AMPは、ごく簡単に言うと、モバイルで検索したユーザーに対して(本来の記事ページではなく)高速表示される代替ページを提供する仕組みです。 今後、多くのアメブロユーザーの記事でAMPが用意されるようになると(既になっているとも)思いますので、その表示の違いについて、アメブロのビジュアル記事エディタ(最新版エディタ)でサポートされている機能に沿って、少しご紹 … [Read more...] about アメブロの通常のモバイル向けページとAMPの表示の違い
アメブロの記事で使える囲み枠(飾り枠) シンプル
アメブロの記事で使えるシンプルな囲み枠です。 囲み枠(グレー) まず、基本として地味なグレーの囲み枠から。 ■囲み枠(グレー) グレーの枠(#aaa)の中は、白背景(#fff)、黒文字(#333)となっています。 この囲み枠のタグは次のようになります(■の部分に囲み枠内の内容を書いて下さい)。 <div style="border:2px solid #aaa;background:#fff;color:#333;margin:1em … [Read more...] about アメブロの記事で使える囲み枠(飾り枠) シンプル