CriCri
クリエイティブになりたいクリクリ工房
[PR]
×
[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
プラグインを右、または左にする
私のテンプレートはプラグインがよく右側に来ます。
でも、左も作らないといけないかな?と思って、時々左側にするときがあります。
しかし、今までのテンプレートが右側で、次のテンプレートが左側だと使いにくいこともありますよね。
そこで、プラグインを動かしたい方のために、今回はその説明をしようと思います。
私のテンプレートには、デザインのためにプラグインを動かせないものと、左右を変えられるものと、2種類がありますので、動かせるものを説明します。
1番のテンプレートの変更方法
下をクリックして開けてください。
でも、左も作らないといけないかな?と思って、時々左側にするときがあります。
しかし、今までのテンプレートが右側で、次のテンプレートが左側だと使いにくいこともありますよね。
そこで、プラグインを動かしたい方のために、今回はその説明をしようと思います。
私のテンプレートには、デザインのためにプラグインを動かせないものと、左右を変えられるものと、2種類がありますので、動かせるものを説明します。
- 「月の華」と「お正月だよ」、「ミニ猫だらけ」は簡単にプラグインの左右を変えられます。
- 「A・K・I」と「南の島の仲間たち」は変更可能ですが、手間がかかります。
1番のテンプレートの変更方法
- まずテンプレート設定 / 編集ページで変更したいテンプレートを選び、表の右側にある修正をクリックします。
- そうするとテンプレート編集ページになります。左側にあるのはテンプレート編集用エディターです。
- エディターのPLUGIN と書かれたブロックが出てくるまで、少しスクロールしてください。
- 見出しのすぐ下に プラグインの配置 : 左側 右側 と書かれています。ここでお好きなほうをチェックしてください。
- 最後にページの一番上にある「テンプレート保存」をクリックすると、プラグインは移動します。
下をクリックして開けてください。
「A・K・I」の変更方法
まず上の手順で4番目までした後、右下にあるCSSを変更します。
まず、CSSをスクロールして プラグインブロック用デザイン と書かれたところを探してください。
その下に下記の部分があります。
このあとテンプレート保存のボタンを押せば、プラグインは左に移ります。
「南の島の仲間たち」の変更方法
やはり上の手順で4番までした後、CSSを変更します。
まず、CSSの上部にあるログインブロック用デザイン
まず上の手順で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; }これで、プラグインとともにボタンとログインのリンクが左右に変更されます。
TRACKBACK
TrackbackURL
COMMENT