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

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

TEL

レイアウト関連



”レイアウト関連”パートソースコード

.acms-grid-r {
  margin-left: 0;
  margin-right: 0;
}
.acms-container {
  width: 960px;
}
コンテンツ
#wrapper {
  width: 960px;        
  margin: 0 auto;
  padding: 0 0 0 20px;
  _text-align: center;
   for ie6 
}
 ヘッダ 
#headWrapper {
  padding-bottom: 15px;
  background: #FFFFFF;    ★ヘッダーの背景色
}
メインカラム
.main {
  width: 700px;    ★メインカラムの横幅
}
サブカラム
.sub {
  width: 220px;       ★サブカラムの横幅
  margin-left: 10px;
}
 フッタ 
#footWrapper {
  clear: both;
  margin: 0;
  padding: 0;
  background: #FFFFFF;   ★フッターの背景色
  text-align: center;
  zoom: 1;
}
#footer {
  position: relative;
  padding: 0 20px 0 0;
  text-align: left;
}