記事内の画像に影をつけるCSS(その1)2013.08.15アメブロカスタマイズここでは「アメブロの記事内の画像に影をつける方法(その1)」を説明します。今回紹介するcssを利用すると、画像の右と下の2ヶ所に影をつけることができます。[右・下])】なお、cssを編集するにはブログデザインを「CSS編集用デザイン」にする必要があります。ブログのデザインをCSS編集用デザインにする方法は、「アメブロのcssを編集するための設定」を参考にしてください。アメブロの記事内の画像に影をつける方法(その1)マイページ右上の「アメーバのサービス一覧」をクリックします。[デザインの変更]をクリックします。[cssの編集]をクリックします。cssの編集画面が表示されます。ここから、アメブロの記事内の画像に影をつけるためのcssの編集に入ります。下の赤枠の内容をコピーします。これが画像に影をつけるcssです。(このcssは、古いブラウザには対応していません。0.2);}なお、記事内で絵文字を使う場合は、上の赤枠の内容ではなく下の赤枠の内容をコピーして利用してください。上の赤枠と下の赤枠の内容の違いは、赤い太文字の部分([src^=“http://stat.ameba.jp/user_images/”])が有るか無いかだけです。上の赤枠の内容を利用している場合は、赤文字の部分を追加してご利用ください。0.2);}コピーした内容はcssの一番下の部分に貼り付けます。貼り付けが終わったら、[保存]ボタンをクリックして追加したcssを保存します。保存できたらブログを表示し、ブラウザの更新ボタンをクリックします。(古いデータが残っていると変更したcssが反映されませんので、ブラウザの更新ボタンをクリックして最新の状態に更新します。)これで、アメブロの記事内の画像に影をつけることが出来ます!ここまでの内容を動画でも確認できます。