やす

Rainierでサイドバーの幅を変更したい

0

MTの初心者です
Rainierでサイドバーの幅を変更したくていろいろやってみたけど、変になるばかりでできません
CSSのどの部分をどのように変更すれば、サイドバーの幅を変更できるのか教えていただけないでしょうか?
よろしくお願いします

返信(2)

| 返信する
  • >やすさん
    こんにちは。

    まず、「スタイルシート」のテンプレートの最後に、以下のような部分を追加します。
    「○○○」がサイドバーの幅です。また、「□□□」は、875からサイドバーの幅を引いた値にします。

    @media (min-width: 930px) {
      #content [role="main"] {
        width: □□□px;
      }
      #content .related {
        width: ○○○px;
      }
    }
    

    次に、「スタイルシート (IE8 以下用)」のテンプレートの最後に、以下のような部分を追加します。
    「○○○」と「□□□」の意味は、「スタイルシート」のテンプレートと同じです。

    #content [role="main"] {
      width: □□□px;
    }
    #content .related {
      width: ○○○px;
    }
    

    例えば、サイドバーの幅を300ピクセルにしたい場合は、「スタイルシート」と「スタイルシート (IE8 以下用)」のテンプレートに、それぞれ以下の部分を追加します。

    ・「スタイルシート」テンプレート

    @media (min-width: 930px) {
      #content [role="main"] {
        width: 575px;
      }
      #content .related {
        width: 300px;
      }
    }
    

    ・「スタイルシート (IE8 以下用)」テンプレート

    #content [role="main"] {
      width: 575px;
    }
    #content .related {
      width: 300px;
    }
    
  • 壱さん

    おかげさまで、サイドバーの幅へんこうできました
    スタイルシート二種類変更しないと、いけなかったんですね
    勉強になりました
    ありがとうございます

返信する


カテゴリグループ

OpenID対応しています OpenIDについて