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

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

Asgard は3カラムで有りながら横幅が 800px というコンパクトな設計になっています。

記事エリアの最大幅が 428px のため、画像が記事エリアからはみ出し、ブログのデザインを崩すことが多いようです。

また、プラグイン周りの構造が複雑なため、記事エリアのサイズ変更にはCSSを直接編集する必要があります。

その問題に対処するために、記事エリアのサイズを大きくする方法を紹介します。


※続きは記事詳細にて。(記事のタイトルか、右下の「つづきを読む」をクリックしてください)

Postscript

記事エリアからは画像が良くはみ出します。

そんな時はさくっと記事エリアを大きくしちゃいましょう!


記事エリアを 50px 大きくするとします。

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

.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;
}

テンプレート編集画面の CSS の中から、これらの記述を探し出します。(Clrl+F が便利です)

3カ所それぞれの width の値を+50ずつすれば OK です。

ここでは 50px 大きくする方法を紹介しましたが、もちろん +50px 以外のサイズ変更も可能です。

拍手[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! ザックス 体力測定
カレンダー
08 2019/09 10
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]