AMERI アメブロカスタム https://ameblo.jp/ameri-aoki/ ブログの説明を入力します。 ja ヘッダー部分のカスタマイズ3 ヘッダー画像の下にある

ナビゲーションが邪魔になってきました

 

 

・ブログトップ　・記事一覧　・画像一覧　など

 

 

 

/* ヘッダー画像下のナビゲーションを削除 */

.skin-blogHeaderNav {

  display: none;

}

 

 

 

ヘッダー部分が

徐々にオリジナルブログらしくなってきました。

 

 

 

]]> https://ameblo.jp/ameri-aoki/entry-12158639005.html Mon, 09 May 2016 17:39:03 +0900 ヘッダー部分のカスタマイズ2  

上下に空間のないヘッダー画像に

空間をつけました。

 

/* ヘッダー背景 */
.skin-bgHeader {
height:450px;
margin:50px ;
background-image:url(http://stat.blogskin.ameba.jp/blogskin_images/20160508/18/dc/9w/p/o09800450ameri-aoki1462699605369.png);
background-repeat:no-repeat;
background-position:center top;
}

 

 

 

 

↑

ヘッダー画像の上下に空間を作る

 

 

 

 

 

↑

上下50pxほど、空間ができました。

 

]]> https://ameblo.jp/ameri-aoki/entry-12158555894.html Mon, 09 May 2016 12:40:40 +0900 ヘッダー部分のカスタマイズ 以下のコードを参考に
編集・追加の上、カスタムしました。
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿
/* ヘッダーの背景色とヘッダー画像を設定する */
.skin-bgHeader {
background: no-repeat scroll center;
background-color: 【背景色】;
background-image: url(【ヘッダー画像のURL】);
}
/* ヘッダーの横幅を設定する */
.skin-bgHeader [amb-layout="headerInner"] {
width: 【ヘッダーの横幅】;
}
/* ヘッダーの高さを設定する */
.skin-bgHeader [amb-layout="headerInner"]>a {
height: 【ヘッダーの高さ】;
}
/* ブログタイトルと説明文を非表示にする */
.skin-headerTitle {
display: none;
}
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿
続けてカスタムしていきますm(_ _)m

]]> https://ameblo.jp/ameri-aoki/entry-12158548168.html Mon, 09 May 2016 12:14:20 +0900 アメブロ　カスタムを勉強していきます お客様から

アメブロのカスタムをしたいとの要望が多いので

アメブロデビューしましたm(_ _)m

 

日々、カスタマイズしていきたいと思います。

]]> https://ameblo.jp/ameri-aoki/entry-12158547994.html Mon, 09 May 2016 12:13:37 +0900