忍者ブログ

CriCri

クリエイティブになりたいクリクリ工房

   

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

デモランキングバナー

テンプレートを左寄り、右寄り、または中央にする

猫テンプレは左寄りですが、中央に持ってきたい方のために説明をいたします。
また、中央にあるテンプレを左右に寄せるのも簡単ですので、ついでにここで説明したいと思います。
これは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
}
完全に中央にするのではなく左から少しだけ離したい場合は、「左寄せの指定」を使って最後の「左」に希望するピクセルを指定してください。その分だけ左側から離れていきます。
指定の仕方は簡単ですので、カスタマイズをされるときに活用してください。

拍手[0回]

デモランキングバナー
  

COMMENT

NAME
TITLE
MAIL (非公開)
URL
EMOJI
Vodafone絵文字 i-mode絵文字 Ezweb絵文字
COMMENT
PASS (コメント編集に必須です)
SECRET
管理人のみ閲覧できます
 

TRACKBACK

TrackbackURL

カレンダー

11 2017/12 01
S M T W T F S
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31

AD

PR

ブログ内検索

素材サイト様

White Board様
White Board Banner
妙の宴様
妙の宴 Banner
もずねこ様
Mozneko Banner
押し花とアイコン様
押し花 バナー
petit sozai emi様
petit sozai emi
幕末維新新選組様
幕末維新新選組
The Heart of Eternity 様
thoe バナー
Crambon様
Crambon バナー
DragonArtz Design 様

プロフィール

メール de コンタクト

このブログへのリンク

Firefoxを支援しています

管理人はFirefoxの愛好者です。Internet Explorer は大嫌い。IEよりはるかに優れたFirefoxをお試しあれ。ダウンロードは下のバナーから無料でできます。
Firefox ブラウザ無料ダウンロード

現在の閲覧者

Copyright ©  -- CriCri --  All Rights Reserved

Design by CriCri / material by DragonArtz Desighns / powered by NINJA TOOLS / 忍者ブログ / [PR]