シリウスでメニューの後ろの色を消す方法2パターン!

シリウスでメニューの後ろの色を消す方法です。

ちょこさんから質問がありましたので、こちらで解説したいと思います^^
ネタもとはこちらです。

シリウスで右カラム(右サイドバー)にする方法3手順!

WS000354

もともとのテンプレートはこんなのですね。

メニューのボックスにグレーの枠、さらにメニューのあるカラム全体に薄いグレーがかっています。

WS000355

 質問ですが、

1.メニューのBOXの枠を白にする

1

2.メニュー全体の後ろの背景を白にする

2

という2パターンあると思ったので2つとも解説します!

 

1.メニューのBOXの枠を白にする

またまた「style.css」を触ります。

場所はここ。850行目あたりです。2014-08-26_221210

消すと、その後ろにある薄いグレーが透けて見えるようになります。

#FFFFFFとすると、メニューのボックス枠が白になります。

若干見た目に違いがありますね^^

白にしてみました。こうなります。

1

 

 

2.メニュー全体の後ろの背景を白にする

では次、メニュー背景の薄いグレーを白にします。

これも「style.css」。

場所は272行目あたりです。

2014-08-26_221733

この行を消すだけです。

後ろにあった薄いグレーがなくなりました。こうなります。

2

一行触るだけで完成♪

って独り言のようになってませんか!?

ちょこさん、どちらかで合ってるでしょうか?

 

 

 

はてなブックマーク - シリウスでメニューの後ろの色を消す方法2パターン!
LINEで送る
Pocket



いつも応援クリックありがとうございます。
お茶でも飲みながらごゆっくりしていってください^^

名字(漢字)
メールアドレス

トシおすすめの2大教材・ツール

トシはこの二つでアフィリエイト活動しています^^
本気で稼ぎたい方のための
大まじめな教材
初心者OK!の
No.1アフィリエイトツール☆

3Mアフィリエイト「LUREA」

LUREAのリアルな実践記とトシの特典案内はこちら

サイト作成ツール「SIRIUS」
【レスポンシブテンプレートプレゼント!】トシ限定特典付き購入はこちら

4件のコメント

  • トシさーーんっ!!!!(^^)!すごいです!そうです!これこれ!
    両方を変更したものが理想の形でした!
    だいぶ諦めていたんですが、諦めきれずに検索してみたら、私の名前と文章が!笑
    私の為に回答してくれてるなんて!めっちゃ感動でうれしいです!おかげでサイトがパーっと明るくなった感じです!丁寧でとても分かりやすかったです!ありがとうございます!
    今リニューアル中なので、アップ出来るまでにはまだ時間がかかりそうですが、楽しみです♪また、おじゃまさせていただきます♪
    応援ずみです!

    • トシ

      ちょこさん、こんにちは^^
      再来ありがとうございます!

      お店のサイトをシリウスで作成されてるんですね??
      独り言にならずに済んでよかったです(笑)
      ブログがマメでないため、返信遅くなりすみません。

      応援もありがとうございました^^

  • 37i

    検索していてたどりつきました。

    メニュー幅を拡張してどうしても解決できないことがありました。

    それが、今回の2番で解説してもらっている内容です。

    幅を拡張したらどうしても変なつなぎ線が発生していて・・

    おかげさまで解決しました。
    これからも良い記事を期待しています。
    ありがとうございました。

    • トシ

      37iさん。

      こちらこそ、ご訪問ありがとうございました。

      お役に立てたようで光栄です^^

      記事の質もアップさせていければと思います。

コメントを残す