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

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

TEL

レイアウト関連



サブカラムを撤去しメインカラムだけにする

変更前



 
トップページに以下の変更を加えます。 

1 サブカラムを撤去する。
2 メインカラムの幅を広げる。
 


手順1 サブカラムを撤去する


top.htmlのサブカラム部分を削除します。
またサブカラム25%分のスペースを消すために、class=acms-push-3タグを消します。
 


トップページのサブカラムが消えました



 
メインカラムの幅をサイトの幅に合わせる。


 
変更前

メインカラム
.main {
  width: 700px;

 
変更後

メインカラム
.main {
  width: 960px;