CSS編集に挑戦してみた。

     初心者でわからない事だらけですが、『CSS編集』に挑戦してみました。
     何ごともチャレンジ~!
     
     ◆やってみたかったこと
          ・テンプレートの横幅を広げたい…ウェブリブログのテンプレートって、狭いですよね。
          ・サイドバーの幅も広げたい…もうちょっとゆとりがあってもいいかな、と思って。

     
     さあ、ここからが茨の道、悪戦苦闘の始まりでした。いろいろ調べた結果、とてもわかりやすくて
     ありがたいページにたどり着きました。

           オクターブの共鳴音さんのブログ記事・・・・・
         
               「 横幅の広げ方:サイドバー表示にすると狭いと感じる方へ 」



     ★ 全体の横幅
         オクターブの共鳴音さんが820pxに設定してらっしゃるのを参考にして
         思い切って1000pxにしました。

     ★ サイドバーの横幅
         オクターブの共鳴音さんの記事に寄せられたトラックバックの記事を拝見すると、ありました!

                MOBI。さんのブログ記事・・・・・カスタマイズに挑戦(1)  

         本来は160pxらしいのですが、MOBI。さんの記事をまるごと参考にさせていただき
         260pxにしました。

     ★ 記事ページの横幅 
         ここが1番苦労しました。いまだにからくりがよくわかんないんですが・・・。
         オクターブの共鳴音さんの記事によると

              『全体の横幅-サイドバーの幅-記事の幅=60px(マージン分)』
         
         となってます。ということはつまり、私のブログにあてはめて考えると

        『1000px(全体幅)-260px(サイドバー)-60(マージン)=680px(記事幅)』
         
         ということになります。な~んだ、思ったよか簡単じゃ~ん!と油断した私がアホだった。
         確認のため自分のブログを見てみたら、なんと記事とサイドバーの間に
         ヘンな溝が(亀裂みたいの)出来てるじゃありませんか。(なんででしょー?)
         これを埋めるために680pxからちょっとずつ数値を増やし、結局720pxでようやく溝が
         なくなりました。でもこうなると、オクターブの共鳴音さんが書かれた数式に、
         あてはまらなくなり…
         「?」 の連続ですが、ま、とりあえずはこれでいこうと思います。(←アバウトだし・笑)
         しかもMOBI。さんの記事によると、テンプレートによっては、デザインが崩れることもあるとか。
         もしそうなったらなったで、その時になったらまた悩むことにします。

     ★ あとはオクターブの共鳴音さんの記事に従って、コメント欄の幅も広げてみました。



     なんだかんだいって、時間はかかったけど私にもできました!
     CSS編集の画面をはじめて見た時は、同じ星の言葉とは思えませんでした。
     しかも 「:」 と 「;」 をまちがえただけでも反映されないし(あたりまえか。笑。)、
     書き込む行を間違えてもダメだしNGの連発だったけど、何度もやり直すうちに少しずつ
     わかってきて楽しく作業を進めることができました。


     オクターブの共鳴音さん、MOBI。さん、ありがとうございました!
     とてもとても、参考になりました。





[追記・2009-02-28]

     再度少し変更しました。


        ・全体幅   920px
     
        ・記事幅   640px

        ・サイドバーは変わらず260px

        
     

     

     

     

                             
                           
         

                           

ブログ気持玉

クリックして気持ちを伝えよう!

ログインしてクリックすれば、自分のブログへのリンクが付きます。

→ログインへ

なるほど(納得、参考になった、ヘー)
驚いた
面白い
ナイス
ガッツ(がんばれ!)
かわいい

気持玉数 : 0

この記事へのコメント

  • オクターブの共鳴音

    はじめまして、TBありがとうございます。
    大分前に書いた記事なんですけど、未だにお役に立てているようで、よかったです。テンプレートによって微調整が必要になるので、その辺りは適宜よろしくお願いします。
    ※私の記事にTBかけてくれた方で、色々やってらっしゃる方もいたような・・・?

    Queenがお好きなんですね。私もblog名のとおり音楽が好きなんですけど、Queenだと「Tie Your Mother Down」が好きだったりします^^。
    2009年01月15日 06:47
  • らいあ

    わざわざお越しいただき、ありがとうございます!
    このたびは、オクターブの共鳴音さんの記事に大変お世話になりました。初心者の私にもわかりやすくて、助けられた思いです。CSSとかHTMLタグとか、難しいけれどなんだかハマりそうな予感がします(使いこなせるかどうかは別として…)。

    Queenは別格的に(?)大好きなのですが、若かりし頃ブルースバンドをやってたのでR&Bやソウルも聴きます。そういえばクラプトンとベックが来日するんですね!
    「来日」の勢いで「来道」までしてくれるとありがたいんですが…残念です(泣)。
    2009年01月15日 20:59
  • MOBI。

    トラックバックありがとうございました。
    悪戦苦闘しながら、サイドバーを広げたことを思い出しました。
    ストンとサイドバーが落ちたこともありましたしね。

    >テンプレートによっては、デザインが崩れることもある
    はて?どんな感じで崩れたのか忘れちゃいました(笑)。
    今も横幅を少し広げてますが、崩れることはないし、まあ、気にしないでください。
    2009年01月15日 22:26
  • らいあ

    MOBI。さん、コメントありがとうございます!
    なんせ、「ド」が付く素人なものですから、冷や汗やらあぶら汗やらかきながらの作業でした。でもこういうことは楽しみながらやりたいですし、MOBI。さんのおっしゃる通り、あまり気にせずやってみます(笑)。
    2009年01月15日 23:44

この記事へのトラックバック