それで、両脇にいろいろついている3カラムの構成のやつになっていたんで、800ピクセルだと大幅に
ちょん切れちゃう。
調べたら、両袖がある3カラムだと、写真は横幅500ピクセル
片袖の2カラムだと横幅600ピクセルまで、アップしてもちょん切れないで見ることができるのがとりあえずわかった。
出来たら、また800ピクセルの物で行きたいのでCSSがいじれる
何も飾りのないCSS編集可能デザインとしてCSS編集をしてみた。
まずは、先頭のタイトルが小さくて地味だったので変えてみた。
これが、レギュラーの表示でした。
これを、CSSをいじって文字を大きくしてサブタイトルを折り返しなしとしてみた。
出来れば横幅の真ん中に持っていきたかったけど、今回色を変えたのと文字の大きさを替えられたので良しとしよう。
いつか、センターに持ってくるようにできるかやってみたいと思っている。
横幅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
なんか、タグを入れたところのスペースが広がって上手く縮められないのでダラダラしたものになってすいません。