スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

ブログ&記事の横幅を広げる。ついでにヘッドの繰り返しをやめて中央配置にする★アホカスタマイズ

仕事か恋愛、どっちか一方が一生うまくいくとしたらどっち? ブログネタ:仕事か恋愛、どっちか一方が一生うまくいくとしたらどっち?

 どっちかなのか。。どっちもうまくいってほしいんですけど。。
じゃ。。仕事で。。結婚したら恋愛じゃないようなきがするので。。
              /                  ヽ
           /   な  い  あ  も     |
           l    い  い  い  う    |',           /
           |   か ん  つ       l  ',        /
           |   な  じ  一  全   /   〉く }三{`>く
          ヽ、    ゃ 人  部   / ∠_/ ̄∨__〉、
      、     ? ,       で     /   !:::ハ ゚ /::::l|     ,..-―
      ?     / `丶、____x く    ト、:_:_}  {_:_:_ノ|    / ; : : :
       ,.ィT: ̄:7ハ、                 V「::r┬宀┬ 、:}V_/:./: : : :
      人,-、:.・:; -vヘ              ∨仁ー--'二l }イ{}=彡く_:_:_:_:_:_
     〔:.:{::}ー{::}:.:}             _, <l入ヽ二二 // /勿?┬┬-..、
    __Y/:|三三ト、:/           , -<}>_'´_::ヽ?_二_/ノ::_ニ::. ┴┴-<
_rく´ |:.:| lヾ:|三三|:/「`ーrー、    /,..:'r―-、ヽ、`ヽミー--‐ニ-'´ /r──‐┐::
∧ ヽ `  ?ヽ二ラ /:.:.:./ | }   //::..{      ̄    ヽ:/´    '′      |::..
:.:.ヽ |     ` ┬彳:.:.:.:/ | ∧  //::..::..?       ?          /::..:
:.:.:.:〉|      l 〈:.::.:/ 〃:.:∧//::..::..:「`ー      ?       _/::..::..
:./| lノ〉_r、   !  ̄  ∧:.:.:.:.7/::..::..::..ヽ、      ?       ` ̄フ::..::.
  ', ヽ、ー′ |    / ヽ:. //::..::..::..::./ヽ?     ヾ      -r―'´::..::..::.              /
 

 久々にブログカスタマイズに挑戦。。
またまたアメブロ向上企画様に貼り付いてまーす。

 ブログと記事の幅をを広げまーす。そして写真を中央にして繰り返しをやめまーす。
またこれをCSSの一番下に貼り付けます。ポン

/* 横幅拡大 760px → 820px */
#frame,
#wrap{/*全体の横幅-ベーシックスキン対応*/
width:820px;/*A記事を広げる場合は820+α*/
}
#main{
width:400px;/*B記事を広げる場合は400+α*/
padding-left:20px;/*C*/
}
#sub_a{
width:170px;/*D*/
padding-left:10px;/*E*/
padding-right:10px;/*F*/
}
#sub_b{
width:170px;/*G*/
padding-left:10px;/*H*/
padding-right:10px;/*I*/
}
#header{
background-position:center;/*中央に*/
background-color:#ffffff;/*周りの色と合わせる*/
background-repeat:no-repeat;/*繰り返さない*/
}
#wrap{
padding-top:20px;/*L*/
}
#userNaviArea a#userNickName{/*ユーザーナビ*/
padding-left:50px !important;/*a*/
}
#header h1,
#header h2{/*タイトルと概要*/
margin-left:50px;/*c、d*/
}
/*横幅拡大ココまで*/



今回は広げた分を余白に使いましたが・・・
記事部分を広げたりする場合は
現在の記事部分400pxから広げたい分だけAとBを増やしてください
Aの820px+α Bの400px+α どちらも同じα分だけ増やしてください

よくわからないけど、ちょっといじって微調整してみました。

どや。。うぅ。。なんか繰り返してますけど。。ま。いっか。。                
スポンサーサイト

comment

管理者にだけ表示を許可する

07 | 2017/08 | 09
Su Mo Tu We Th Fr Sa
- - 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 - -
プロフィール

ハル

Author:ハル
プリプリの保育士です。
アメブロで「量産型テポドン」という保育園の可愛い子ども達と心暖まる健全な日記を書いてますが、もうすぐ恐怖のメンテナンスがあり、アカウントごと削除されそうな予感がしてきますたので疎開してきますた。
ギブミーチョコレート
( ☣ฺ_ゝ☣ฺ)キラーン♡

カテゴリ
最新記事
最新コメント
最新トラックバック
月別アーカイブ
カウンター
カウンター
見てる
見てる
現在の閲覧者数:
検索フォーム
RSSリンクの表示
リンク
ブロとも申請フォーム

この人とブロともになる

QRコード
QR
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。