アメブロのヘッダー画像が消えたのでCSSを修正し改善しました

>   >  

アメブロのヘッダー画像が消えたのでCSSを修正し改善しました

  2018.02.15       BLOG

無料イラスト素材Goodの樋口です。

当方が運営する(うさくまサロン)のアメブロは、背景やメッセージボードを当サイトの無料素材でカスタマイズしていました。
見た目も良くなり満足していたのですが、

今日になり突然・・・アメブロのヘッダー画像が消えたのです!

アメブロのヘッダー画像が消えた

そこで、私が試したCSSの修正方法をメモしておきます!!

ヘッダー画像が消えた原因は?

以前にも同じようなことがあったような気がしますが、新しいバージョンのテンプレートを利用していると起こる現象のようです。なにかCSSの仕様が変更になってしまうのか?正確な原因は分かりませんが・・・

いずれにしても、アメブロのヘッダー画像が突然消えた訳なのですが、おそらくCSSの記述内容により当方のように消えてしまったり、そのまま何も問題なく表示されているケースも様々なように感じます。

CSS変更方法

ということで、当方のアメブロの場合は、以下の1行のCSSを編集しただけで改善しました。

まず、以下を修正する前提としましては、現在のCSSに以下の記述があることが前提になります。
.skin-bgHeader a[href*="//ameblo.jp/"] {

この記述がある場合は、以下に変更することで当方の場合はですが改善しました。

(本ブログはコピペ禁止しており、そのままタグを貼り付けてもコピーできないために、タグのダウンロードボタンをクリックし、テキストファイルをダウンロードするとご利用いただけます。


タグのダウンロードボタンはこちら

上記CSSは当方のアメブロでは、ヘッダー画像が消えた問題が改善されましたが、利用の環境などにより異なる表示結果になったり、うまく表示できない可能性がありますので自己責任でお試しください。

このエントリーをはてなブックマークに追加
スポンサーリンク




 前の記事
次の記事 
 



 2017.09.25
【初めての方】新規登録〜ダウンロードまでの流れ
 2017.12.07
JPG・PNG・GIF・AI・まとめてダウンロードの違いは?
 2017.12.13
自動返信メールが届かない
 2017.09.26
【すでに登録済みの方】ログイン〜ダウンロードまでの流れ
 2017.11.06
おしゃれ可愛い戌年(犬)の年賀状イラスト 無料デザイン素材6種
秋イラストランキング