あなたのブログのヘッダーをもし、あなた独自の画像でやりたい場合
「ブログのタイトルと説明文」が邪魔になりますよね。
あれはテキストなので画像でヘッダーを作ってしまうとかぶってしまい見にくくなってしまいます。
こんな感じで・・・・
これでは、画像の上にテキストが重なってしまい見えなくなってしまいます。
そこで今回は、これを消す方法に関して解説していきたいと思います。
まず、
「ブログを書く」→「デザインの変更」→「ＣＳＳの編集」
そうするとＣＳＳの編集画面が出てきます。
/*-----------------------------------------------------
ameblo CSS Skin Settings
Skin for: basic_ad
FileName: common.css
$Revision: 1.8 $
-----------------------------------------------------*/
/*============ ☆ かんたんスキンカスタマイズはこちら ☆ ==============*/
/*:(コロン)と、;(セミコロン)の間に色、画像、サイズなどを指定して下さい*/
/*１）ブログタイトルの文字サイズを変更する*/
#header h1{
font-size: 20px; /*-- 25px相当の文字サイズ --*/
}
/*２）ブログタイトルの文字色を変更する*/
#header h1 a{
color:#000; /*-- 濃いグレー --*/
}
/*３）ブログ説明の文字サイズを変更する*/
#header h2{
font-size: 15px; /*-- 12px相当の文字サイズ --*/
}
/*４）ブログ説明の文字色を変更する*/
#header h2{
color:#000; /*-- 指定なし --*/
|
内容を見てみると上記のような感じになっていると思います。
これを編集してきます。
今回は消す方法ということですので見えなくしていきます。
/*-----------------------------------------------------
ameblo CSS Skin Settings
Skin for: basic_ad
FileName: common.css
$Revision: 1.8 $
-----------------------------------------------------*/
/*============ ☆ かんたんスキンカスタマイズはこちら ☆ ==============*/
/*:(コロン)と、;(セミコロン)の間に色、画像、サイズなどを指定して下さい*/
/*１）ブログタイトルの文字サイズを変更する*/
#header h1{
font-size: 0px; /*-- 25px相当の文字サイズ --*/
}
/*２）ブログタイトルの文字色を変更する*/
#header h1 a{
color:#fff; /*-- 濃いグレー --*/
}
/*３）ブログ説明の文字サイズを変更する*/
#header h2{
font-size: 0px; /*-- 12px相当の文字サイズ --*/
}
/*４）ブログ説明の文字色を変更する*/
#header h2{
color:#fff; /*-- 指定なし --*/
|
この、青文字の部分を変更していってください。
そうするだけでブログタイトルの文字とブログの説明文を削除できました。
ご確認ください。
>>動画版はコチラをクリックする（アメンバー登録が必要となります）
