2016年3月より、「CSS編集用デザイン」テンプレートが新たに3つ追加されました。そちらのカスタマイズでは以下のカスタマイズが使えないものも多いため、「新CSS編集用デザイン徹底解剖」と題して新たに目次を設けてカスタマイズの方法を公開中です。2016年3月前の従来のCSS編集用デザインについてのカスタマイズは、当ページでカスタマイズができますので、ご利用状況に応じて使い分けてください。縦28px]のブロックは以下の画像の部分のことを言っています。解説の前に・・・このブロックのコードは以下のようになっています。*/ですがこれをまるごと削除して、以下のコードをコピーして貼り付けましょう。次のソースコードにそのまま書き換えてください。このコードで解説します。*/}スタイルシートの解説(アメブロCSS)上の書き換えたコードで赤くハイライトした部分を見てください。(パステル)menu_icons_gray.png(グレー)menu_icons_black.png(黒)menu_icons_white.png(白)の部分ですがこれはボタンの画像の色のコード表だと思ってください。パステルボタンにしたければ、menu_icons_pastel.pngをコピーして、上のコードの中の緑色の文字のところ上書きをして設定します。初期設定はパステルとなっています。2.マウスが乗るとアイコンの画像を変更するには?「マウスが乗る前」と「マウスが乗る後」と2つの記述がありますが、これはその名の通りで、ボタンにマウスが乗ったら、アイコンの色が変化するようにすることができます。上記のアイコンの画像設定の色を、それぞれ替えてみてください。するとマウスがアイコンの上に乗った時に色を変化させることができます。3.ボタンの文字色を変更するには?#333333の文字は、このボタンにある文字色を設定するカラーコードです。このコードを設定することで、ボタンの文字色を設定することができます。文字色も、マウスが乗る前と、乗る後のブロックにそれぞれ設定することで文字色を変えることができます。実際に以下のように変更してみました。アイコンをマウスが乗る前は黒に設定し、マウスが乗ったらパステルになるようにしました。文字色もマウスがのったら青色になるように設定してみました。コードは以下のようになります。変更箇所は、赤色の文字の部分で2か所です。*/}上記の設定をすると以下のようになります。新CSS編集用【2016年3月追加分】アメブロの記事下に定型文を張るためのサンプルカスタマイズ記事下に定型文を挿入する方法が、できなくなる。パソコン初心者でもできる。