忍者ブログ
.
Fomalhaut Laboratory
スタンダード&シンプルをテーマに忍者ブログのテンプレートを作ってた。
現在 使用 試用中のテンプレートは「すっきり見やすい」Line です。
×

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

Asgard はプラグインエリアの幅が小さめになっています。

デフォルトで 170px しかなく、これにはボーダーラインの幅や余白の幅も含まれるので、実際に設置できるブログパーツの幅は 160px 程度になります。

この幅でははみ出してしまうブログパーツも多いと思いますので、プラグインエリアの幅を変更する方法を書いておきます。

(詳しくは詳細記事にて)

Postscript
仮に、プラグインエリアの幅を 30px 大きくするとします。

テンプレート編集画面の CSS の中から下記の記述を探し出します。
(「Ctrl + F」を使うと便利です)

/*プラグイン表示箇所全体の設定*/
     .PluginBlock {
      width: 170px;
      text-align: left;
      float:left;
      color:#666;
}

ここの、width の値に +30 します。



次に、ブログ全体の幅を大きくするか、記事エリアを縮小するか決めます。
3カラム(正式版)の場合は元々記事エリアが小さいので、ブログ全体のサイズを大きくすることをお勧めします。
※ブログ全体の幅を大きくする場合

#mainBlock {
      width:800px;
      text-align: center;
      margin-left:auto;
      margin-right:auto;
      padding:10px 0px 0px 0px;
}

前の手順と同じ要領でこの項目を探し出し、 width の値に

3カラムの場合は 30×260
2カラムの場合は 30

それぞれプラスします。
(3カラムの時プラスする値が2倍になるのは、プラグインエリアが左右両方とも大きくなっているためです)

※記事エリアを縮小する場合

.PluginBlockC {
      width: 440px;
      text-align: center;
      float:center;
      margin-left:4px;
}
 

#EntryBlock {
      width: 450px;
      float: left;
      text-align: left;
      margin-left:5px;
      margin-right:5px;
}

前の手順と同じ要領でこれら2項目を探し出し、 width の値から

3カラムの場合は 30×260
2カラムの場合は 30

それぞれマイナスします。
(3カラムの時マイナスする値が2倍になるのは、プラグインエリアが左右両方とも大きくなっているためです)

拍手[0回]

PR
この記事にコメントする
Name
Title
Font color
E-mail
URL
Comment
Pass Vodafone絵文字 i-mode絵文字 Ezweb絵文字
Secret?
この記事へのトラックバック
トラックバック用URL:
アクセスカウンター
カウンター
プロフィール
プロフィール画像
Handle NameFomalhaut
Main sitePiscis Austrinus
Birthday: UFOの日の1週間と1日前
About me
2008年の(多分)春頃に HTML を初めて触った人間。完全に独学でいろいろ試しては失敗している危険な人。
OTHER SITES
 ・Main site
 ・Diary
NAVIGATION
LineUP DATE! Asgard
LineUP DATE!
Time leapNEW!
現在作成中のアイテム
ブロックバスター (音量注意)NEW! ザックス 体力測定
カレンダー
10 2017/11 12
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
ブログ内検索
最新トラックバック
属性表示
時間のないサイト運営者リング
RSS Feed
フィードメーター - Fomalhaut Laboratory RSSを表示
Sleipnir Feed
Blog fairy
おすすめ

LAMY safari ペンシル L118
けいおん!の田井中律(りっちゃん)が使用。
アクセスアップ系ブログパーツ
あわせて読みたいブログパーツ
Copyright (C) Fomalhaut All Rights Reserved.
Template design:Fomalhaut // Powered by NINJA TOOLS
[PR] 忍者ブログ // [PR]