アメブロ CSS 編集用デザインで アメブロを遊ぼう!④ヘッダーテキストを消す方法

前回、「ヘッダーに好きな画像を挿入する」という方法を紹介しましたが、

ヘッダーに好みの画像を挿入した時に悩む事があるのではないでしょうか?

今回はそんな悩みを解消する方法ですヽ(*´∀`)ノ

ヘッダー画像に文字を入れると、ヘッダーテキストが邪魔になる

ヘッダーテキストに合わせたヘッダー画像を挿入した場合、ヘッダーテキストに合わせた状態なので困ることはありません。

けど、
ヘッダー画像に文字をいれてしまうとかなり邪魔に感じます。

アメブロのヘッダーテキストが邪魔

ヘッダー画像に文字が入っているのに、↑こんなふうにテキストが同時に表示されたら何か嫌でしょ?

 

この邪魔な文字を消して、

アメブロのヘッダーを変更しました

ブログのヘッダーをスッキリさせてしまいましょう!!

 

CSS編集でヘッダーテキストを消すことができます

早速CSSの編集を選んで自分好みのデザインを作りましょう

デザインのCSS編集画面に移動して、

前回同様、

その他、拡張があれば記述の下に記述する

/*その他、拡張があれば記述*/の下に記述します。

 

ヘッダータイトル文字を消す方法

ヘッダーのタイトル文字を消すには


.skinTitleArea{
display:none;
}


↑これを記述する事で消すことができます。

 

ヘッダー説明文を消す方法

ヘッダーのタイトル文字を消しても、説明文は消えません!

 

ヘッダータイトル文字が邪魔なときは説明文も邪魔になると思いますので、


.skinDescriptionArea{
display:none;
}


↑これを記述して、ヘッダー説明文も消してしまいましょう♪

 

タイトルと説明文を消す方法

ヘッダータイトル文字と説明文を別々にコピペして記入するのは面倒だと思いますので、


/* ブログのヘッダータイトルと説明文を消す */

.skinTitleArea{
display:none;
}
.skinDescriptionArea{
display:none;
}


↑これをコピペして記入してしまえば、タイトルと説明文を同時に消してしまうことができますね♪

 

これでヘッダーのタイトルと説明文の文字が消えます。


アメーバキング2について