グローバルナビメニューの編集について

Simplicityの特徴 フォーラム テーマファイルのカスタマイズに関する質問など グローバルナビメニューの編集について

  • このトピックには4件の返信、2人の参加者があり、最後にcuttingtuneにより11年、 5ヶ月前に更新されました。
4件の返信スレッドを表示中
  • 投稿者
    投稿
    • #23321
      cuttingtune
      ゲスト

      ご質問よろしいでしょうか。
      グローバルナビメニューを下記サイトのように変更したいのですが、どうCSSを編集すればよろしいでしょうか?
      http://www.crumbs.com/

      ・背景が白
      ・上と下に線を表示
      ・中央に寄せる

      ご教示いただけたら幸いです。
      よろしくお願いします。

      また、別の件で質問させていただきましたが、
      その際に誤って本名を記載してしまい、
      こちらの投稿の名前部分を変更するか削除をお願いしたいのですが、どうすればよろしいでしょうか?

      お手数をおかけしますが、よろしくお願いします

    • #23327
      アバター画像わいひら
      キーマスター

      背景色の透過と、ボーダーを上下だけにするのは以下のようにします。

      #navi ul {
          background-color: transparent;
          border-left: 0 none;
          border-right: 0 none;
          border-radius: 0;
      }

      リスト項目の中央寄せは、以下の方法などを参考に行ってみてください。
      横並びリストを中央寄せにする – CSSテクニック – acky info
      リストの中央揃え – Hzenya

      あと、「こちらの投稿」だけでは、どの投稿かわからないです。
      URLを教えていただければ、名前を変更しておきます。
      URLは、メールからでもOKです。

    • #23334
      cuttingtune
      ゲスト

      ご回答ありがとうございます。

      ご回答いただいたcss表記はすでに試したのですが、うまく反映されませんでした。

      具体的には、ボーダーそのものが表示されません。
      もともと、Simplicity1.5.5を入れた初期段階からボーダーが表示されておらず、色々試したのですが原因がわからず投稿させていただいた次第です。

      不慣れなもので、質問の仕方もつたなく伝わりづらいかもしれません。申し訳ありません。

      ちなみに、現在は下記のようなcssにしています。

      #navi ul{
        position: relative;
        clear: both;
        margin-bottom: 0;
        background-color: transparent;
        border-radius:3px;
        margin:0;
        padding:0;
      	 border-top: 1px #000;
      	 border-bottom: 1px #000;
      }
    • #23336
      アバター画像わいひら
      キーマスター

      具体的には、ボーダーそのものが表示されません。

      これが前回書き込まれてなかったもので。出来れば、うまくいかなかった場合は、経緯とともにコードも記入していただければ、解決の助けになります。

      それは多分、テーマカスタマイザーで色などを変更しているからではないかと思います。
      変更している場合は、すべてデフォルトに戻してください。
      テーマカスタマイザーでの変更は、HTMLに直接書き込まれるため、最も優先されます。
      その他にも、有効ににする方法はいくつか存在します。
      そこらへんは、一度、CSSの解説サイトのCSSセレクタについて一読することをお勧めします。
      ただ、詳しい原因は、サイトのソースなどを実際に見てみないとわかりません。

    • #23439
      cuttingtune
      ゲスト

      ご返信が遅くなり申し訳ありません。
      初歩的な内容にもかかわらず、丁寧にご回答いただきましてありがとうございます。

      ご指摘いただいた通り、デフォルトに戻しcssを直接書き換えたらなんとかイメージに近いものになりました。
      大変助かりました。
      ありがとうございました!

4件の返信スレッドを表示中
  • トピック「グローバルナビメニューの編集について」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)