恵那爺の里山歩き

千葉県を中心に 日帰り山歩きや散歩などで撮った写真を中心に載せています。


テーマ:
長年使ってきた、スキンがいきなり無くなっちゃった。
それで、両脇にいろいろついている3カラムの構成のやつになっていたんで、800ピクセルだと大幅に
ちょん切れちゃう。

調べたら、両袖がある3カラムだと、写真は横幅500ピクセル
片袖の2カラムだと横幅600ピクセルまで、アップしてもちょん切れないで見ることができるのがとりあえずわかった。

出来たら、また800ピクセルの物で行きたいのでCSSがいじれる
何も飾りのないCSS編集可能デザインとしてCSS編集をしてみた。

まずは、先頭のタイトルが小さくて地味だったので変えてみた。

これが、レギュラーの表示でした。
恵那爺の里山歩き-1
これを、CSSをいじって文字を大きくしてサブタイトルを折り返しなしとしてみた。

出来れば横幅の真ん中に持っていきたかったけど、今回色を変えたのと文字の大きさを替えられたので良しとしよう。
いつか、センターに持ってくるようにできるかやってみたいと思っている。
恵那爺の里山歩き-2


横幅800ピクセルまで入れたいので、CSSの編集いたところ
これがレギュラー


/* (1-2) ブログタイトル文字

--------------------------------------------*/

 

/* skinTitle ブログタイトル文字 */

.skinTitle,.skinTitle:visited,.skinTitle:hover,.skinTitle:focus{

color:#000000;

font-weight:bold;

font-size:2.11em;

}

  

/* skinDescription ブログの説明文字 */

.skinDescription{

color:#333333;

}


 変更後
 

/* skinTitle ブログタイトル文字 */

.skinTitle,.skinTitle:visited,.skinTitle:hover,.skinTitle:focus{

color:#800080;

font-weight:bold;

font-size:3.11em;

}

 

/* skinDescription ブログの説明文字 */

.skinDescription{

color:#333333;

font-weight:bold;

font-size:1.51em;

}


横幅の変更

変更前

/* (3-3) コンテンツエリア

--------------------------------------------*/

 

/* skinContentsArea コンテンツ980pxエリア */

.skinContentsArea{

/* 注 ベースのcssにwidth:980px;の記述有り */

}


/* (3-4) メインエリア

--------------------------------------------*/


.skinMainArea{}

 


変更後

 


/* (3-3) コンテンツエリア

--------------------------------------------*/


/* skinContentsArea コンテンツ980pxエリア */

.skinContentsArea{width:1210px;/*ブログの横幅A*/

/* 注 ベースのcssにwidth:980px;の記述有り */

}

  
 

/* (3-4) メインエリア

--------------------------------------------*/

 

.skinMainArea{width:880px !important;/*記事部分の横幅B B=A-330px*/

}


とりあえず、これで何とか800ピクセルまで入るようになった感じだ。
いかがでしょうかはてなマーク

また、すこしづつCSSをいじって行こうと思っているので
しばしばレイアウトも含めて色々替わるかと思うけどご容赦願います。m(_ _ )m

なんか、タグを入れたところのスペースが広がって上手く縮められないのでダラダラしたものになってすいません。
いいね!した人  |  コメント(18)  |  リブログ(0)

AD

ブログをはじめる

たくさんの芸能人・有名人が
書いているAmebaブログを
無料で簡単にはじめることができます。

公式トップブロガーへ応募

多くの方にご紹介したいブログを
執筆する方を「公式トップブロガー」
として認定しております。

芸能人・有名人ブログを開設

Amebaブログでは、芸能人・有名人ブログを
ご希望される著名人の方/事務所様を
随時募集しております。