グローバルナビを、jpg等の画像にすることは可能なのでしょうか?

Simplicityの特徴 フォーラム テーマファイルのカスタマイズに関する質問など グローバルナビを、jpg等の画像にすることは可能なのでしょうか?

このトピックには10件の返信が含まれ、2人の参加者がいます。1 週、 4 日前 torui さんが最後の更新を行いました。

  • 投稿者
    投稿
  • #56061 返信

    torui

    こんにちは!
    いつも大変お世話になっております。

    一点質問させていただいてもよろしいでしょうか。

    グローバルナビのデザインを、「バブルラップメニュー(サブなし)」のように、jpgなどの画像に変更したいと思っております。
    下記にあるようなメニュー用の画像をsimplicityのグローバルナビに使えるのでしょうか?
    http://cssmenumaker.com/

    もし可能でしたら、教えていただければ幸いです。
    よろしくお願いいたします。

  • #56076 返信
    わいひら
    わいひら
    キーマスター

    バブルラップメニュー自体は画像を使用しておらず、すべてCSSでスタイリングされています。
    ですので、画像というのがどういう状態になるのかはわからないです。
    同じような見た目にするということであれば、CSSで出来るかと思います。

  • #56109 返信

    torui

    そうなのですね!!
    失礼いたしました。

    cssのコードを知りたいのですが、どのあたりに記載されているのでしょうか?

    初心者な質問ですみません。。。

  • #56112 返信

    かうたっく

    リンク先のCSSを見るとホーム部分のみリスト・リスト内aタグのみ、それぞれの背景画像を用意して装飾・文字が表示されないように指定してます。

    どのあたりに記載があるかと言えば

    1番手っ取り早くみられるのが、ChromeやFireFoxなどのブラウザの機能(PC画面を右クリックした一番下)、要素の検証をクリックしてHTMLやCSSを見ると良いかもしれません

    要素の検証とかで検索したらやり方は出てきます。とホワンとだけですが❦

  • #56115 返信
    わいひら
    わいひら
    キーマスター

    バブルラップメニューのCSSであれば、以下のフォルダ内のstyle.cssに書かれています。

    simplicity2\skins\bubble-wrap-menu

  • #56172 返信

    torui

    お返事ありがとうございます。
    無事バブルラップをカスタマイズ表示することができました。
    助かりました。

    サブメニューを表示させたのですが、デフォルトではnoneが!important;になっておりました。
    これはデザイン的な理由からでしょうか?
    デザインがちょっと崩れる以外では理由が見つかりませんでした。

    あとすみません、、、一点質問よろしいでしょうか。
    グローバルナビの横側がバブルラップのデザインになりません><
    画面いっぱいまでバブルラップのデザインを広げる事は可能でしょうか??

    質問ばかりですみません><

  • #56174 返信

    かうたっく

    スキンのオレンジメニューに設定したのですが、グローバルメニューの横の色が変更できずに 困っています。

    カスタマイザーの『ヘッダー』にある以下の部分です。

    グローバルナビを横幅いっぱいにする
    グローバルナビを画面幅いっぱいに広げて「ヘッダー外側背景画像」に合わせるか。(※「色→グローバルナビ色」の設定も併せて行う必要があるかもしれません)

    色の指定はCSSなしで、カスタマイザーの色でもイケるかも知れません。

    色の指定が必要な場合は、CSSにバブルラップと同色に指定し追記してください

    #navi {
        background: #******;
    }
  • #56188 返信
    わいひら
    わいひら
    キーマスター

    サブメニュー用のスタイルまで書いていないからです。

    グローバルナビの横側がバブルラップのデザインになりません><
    画面いっぱいまでバブルラップのデザインを広げる事は可能でしょうか??

    僕自身、どのようにカスタマイズしたしたかまではわからないので、、できれば案内にあるように実際のページのURLを掲載していただければと思います。

    ※テーマカスタマイズに関する質問は、カスタマイズ対象ページのURLと対象部分の詳細を書き込んでください。

  • #56257 返信

    torui

    お返事ありがとうございます。

    アドレスはこちらになります。
    http://composer-instruments.com/

    このグローバルメニューのデザインを画面の端っこまで伸ばしたいと思っています。
    よろしくお願いいたします。

  • #56264 返信

    Akira

    CSS を下記のものにご変更ください。

    #navi {
      background: linear-gradient(to top, #000000 0%, #222222 50%, #3c3c3c 51%, #393939 78%, #888888 100%);
    }
    
    #navi ul {
      background: transparent;
      border-color: transparent;
    }

    linear-gradient は、ベンダープレフィックスは不要です。

  • #56295 返信

    torui

    皆様ありがとうございます。
    イメージに近くなってきました。

    まだ思ったとおりにならないところもありますが、もう少し調整していきますね!!
    本当に助かりました。

返信先: グローバルナビを、jpg等の画像にすることは可能なのでしょうか?
あなたの情報:




スポンサーリンク
アドセンス(大)
アドセンス(大)