ユーザーナビエリア(userNaviArea)を消すカスタマイズ | JunonNet

JunonNet

ameblo(アメブロ)のカスタマイズ。

アメブロのカスタマイズのはじめとして、

アメブロのヘッダの上に、ついている

アメブロID /ルーム/ブログ/などのリンク、スペースをとる方法です。

JunonNet

せっかくヘッダ画像を綺麗なオリジナル画像に変えても

スペースがあれば、台無しです。

アメブロのカスタマイズは、CSSの変更でしますので、

CSS変更可能なスキンを選択してください。

JunonNet

スタンダードの

「グリーン、ブルー、ピーチ」などCSS変更可能なスキンです。

選択前に、

既存のスキンのCSSは、もしもの場合に備え

バックアップしておいてください。

 

することは簡単です。

バックアップできたら始めます。

JunonNet

 

アメブロの管理画面、

【デザインの変更】から【スキンCSSの編集】

に進みます。

JunonNet

 

CSSの画面になりますので、

上部でも、下部でもいいので、

#userNaviArea{
display: none;
visibility: hidden;
}

を加えてください。

今回のカスタマイズは

userNaviArea(ユーザーナビエリア)を

表示させずに隠す。と言う指示です。

わかりやすいように

/*-----------------------------------------------------
アメブロ、ユーザーナビエリア変更
-----------------------------------------------------*/

#userNaviArea{
display: none;
visibility: hidden;
}

とした方が、後からのカスタマイズで

わかりやすくなります。

付け加えたら、【保存】。

すると

JunonNet

のように、

ヘッダ上部のuserNaviArea(ユーザーナビエリア)が無くなり、

すっきりとしたトップページにカスタマイズできます。

 

今回は、userNaviArea(ユーザーナビエリア)の削除

というアメブロカスタマイズでした。

簡単なので、まず始めてみて下さいね。