CriCri
クリエイティブになりたいクリクリ工房
[PR]
×
[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
テンプレートを左寄り、右寄り、または中央にする
猫テンプレは左寄りですが、中央に持ってきたい方のために説明をいたします。
また、中央にあるテンプレを左右に寄せるのも簡単ですので、ついでにここで説明したいと思います。
これはCSSを変更しなければなりません。
まず、テンプレート設定 / 編集ページに入り、変更したいテンプレートの右からテンプレート編集ページに入ります。
ページの右下のCSSを少しスクロールして、「メインブロックの設定」を探します。
そこには下のような指定がしてあります。
こうすると、テンプレは中央に来て、なおかつ右下の猫が見えます。
右寄りにしたい場合は下記のようにしてください。
指定の仕方は簡単ですので、カスタマイズをされるときに活用してください。
また、中央にあるテンプレを左右に寄せるのも簡単ですので、ついでにここで説明したいと思います。
これはCSSを変更しなければなりません。
まず、テンプレート設定 / 編集ページに入り、変更したいテンプレートの右からテンプレート編集ページに入ります。
ページの右下のCSSを少しスクロールして、「メインブロックの設定」を探します。
そこには下のような指定がしてあります。
「左寄せにする指定」
#mainBlock { width:780px; margin:0px auto 0px 0px; (「上」「右」「下」「左」の順番で指定する) padding:0px 10px; text-align:center; background-color:#FFF; }
これを中央に持ってきたい場合は次のように変更します。
「中央にする指定」
「中央にする指定」
#mainBlock { width:780px; margin:0px auto; (上下と左右が同じ場合の指定で「上下」「左右」の順) padding:0px 10px; text-align:center; }猫テンプレは右下にもう一匹猫がいるので、背景色のbackground-color:#FFF;を取ります。
こうすると、テンプレは中央に来て、なおかつ右下の猫が見えます。
右寄りにしたい場合は下記のようにしてください。
「右寄りの指定」
#mainBlock { width:780px; margin:0px 0px 0px auto; padding:0px 10px; text-align:center; background-color:#FFF }完全に中央にするのではなく左から少しだけ離したい場合は、「左寄せの指定」を使って最後の「左」に希望するピクセルを指定してください。その分だけ左側から離れていきます。
指定の仕方は簡単ですので、カスタマイズをされるときに活用してください。
TRACKBACK
TrackbackURL
COMMENT