忍者ブログ

CriCri

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

   

[PR]

×

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

デモランキングバナー

プラグインを右、または左にする

私のテンプレートはプラグインがよく右側に来ます。
でも、左も作らないといけないかな?と思って、時々左側にするときがあります。
しかし、今までのテンプレートが右側で、次のテンプレートが左側だと使いにくいこともありますよね。
そこで、プラグインを動かしたい方のために、今回はその説明をしようと思います。

私のテンプレートには、デザインのためにプラグインを動かせないものと、左右を変えられるものと、2種類がありますので、動かせるものを説明します。
  1. 「月の華」と「お正月だよ」、「ミニ猫だらけ」は簡単にプラグインの左右を変えられます。
  2. 「A・K・I」と「南の島の仲間たち」は変更可能ですが、手間がかかります。

1番のテンプレートの変更方法
  1. まずテンプレート設定 / 編集ページで変更したいテンプレートを選び、表の右側にある修正をクリックします。
  2. そうするとテンプレート編集ページになります。左側にあるのはテンプレート編集用エディターです。
  3. エディターのPLUGIN と書かれたブロックが出てくるまで、少しスクロールしてください。
  4. 見出しのすぐ下に プラグインの配置 : 左側  右側 と書かれています。ここでお好きなほうをチェックしてください。
  5. 最後にページの一番上にある「テンプレート保存」をクリックすると、プラグインは移動します。
他のテンプレートの変更方法は書くと長くなるので、追記文章に入れました。
下をクリックして開けてください。

拍手[0回]


「A・K・I」の変更方法
まず上の手順で4番目までした後、右下にあるCSSを変更します。
まず、CSSをスクロールして プラグインブロック用デザイン と書かれたところを探してください。
その下に下記の部分があります。
/*プラグイン表示箇所全体の設定*/
.PluginBlock{
    width:190px;
    float:left;
    text-align:left;
    margin:0px 20px 0px auto;
    padding:40px 0px 10px 0px;
    font-size:12px;
    color:#666666;
}
これを下のように変えてください。
.PluginBlock{
    width:190px;
    float:left;
    text-align:left;
    margin:0px auto 0px 20px;
    padding:40px 0px 10px 0px;
    font-size:12px;
    color:#666666;
}
赤いところが変更したところです。
このあとテンプレート保存のボタンを押せば、プラグインは左に移ります。

「南の島の仲間たち」の変更方法
やはり上の手順で4番までした後、CSSを変更します。
まず、CSSの上部にあるログインブロック用デザイン
.Admin {
    height:16px;
    margin:0px;
    padding:0px 15px 2px;
    text-align:left;
    color:#FFF;
}
を次のように変えます。
.Admin {
    height:16px;
    margin:0px;
    padding:0px 15px 2px;
    text-align:right;
    color:#FFF;
}
次に、プラグインブロック用デザインのブロックの下記の部分の
.Menubtn {
    padding:0px 10px 2px;
    text-align:right;
}
を次のように変えてください。
.Menubtn {
    padding:0px 10px 2px;
    text-align:left;
}
これで、プラグインとともにボタンとログインのリンクが左右に変更されます。
デモランキングバナー
  

COMMENT

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

TRACKBACK

TrackbackURL

カレンダー

05 2017/06 07
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

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]