a-blog cmsでサイト制作講座2 デザイン編

初心者にやさしいa-blog cmsの使い方 CSSを書き換えてデザインをカスタマイズしよう

TEL

レイアウト関連



ヘッダーの色と画像を変更する

変更前



 ヘッダ 
#headWrapper {
  padding-bottom: 15px;
  background: #FFFFFF;    
}

 
 
ヘッダーの色を変更

 
ヘッダーの色をシルバーに変更しました。
 



 ヘッダ 
#headWrapper {
  padding-bottom: 15px;
  background: #c0c0c0;   
}

 
 
ヘッダー画像を変更


 
ヘッダーの高さを250pxにして、猫の画像を中央に配置しました。
 



#headWrapper {
  width:940px;
  height:250px;
  padding-bottom:15px;
  margin: 0 auto;
  background-image:url("../images/cat.JPG");
  }