Simplicityの特徴 › フォーラム › テーマファイルのカスタマイズに関する質問など › グローバルナビを、jpg等の画像にすることは可能なのでしょうか?
- このトピックには10件の返信、2人の参加者があり、最後にtoruiにより6年、 5ヶ月前に更新されました。
-
投稿者投稿
-
-
toruiゲスト
こんにちは!
いつも大変お世話になっております。一点質問させていただいてもよろしいでしょうか。
グローバルナビのデザインを、「バブルラップメニュー(サブなし)」のように、jpgなどの画像に変更したいと思っております。
下記にあるようなメニュー用の画像をsimplicityのグローバルナビに使えるのでしょうか?
http://cssmenumaker.com/もし可能でしたら、教えていただければ幸いです。
よろしくお願いいたします。 -
わいひらキーマスター
バブルラップメニュー自体は画像を使用しておらず、すべてCSSでスタイリングされています。
ですので、画像というのがどういう状態になるのかはわからないです。
同じような見た目にするということであれば、CSSで出来るかと思います。 -
toruiゲスト
そうなのですね!!
失礼いたしました。cssのコードを知りたいのですが、どのあたりに記載されているのでしょうか?
初心者な質問ですみません。。。
-
かうたっくゲスト
リンク先のCSSを見るとホーム部分のみリスト・リスト内aタグのみ、それぞれの背景画像を用意して装飾・文字が表示されないように指定してます。
どのあたりに記載があるかと言えば
1番手っ取り早くみられるのが、ChromeやFireFoxなどのブラウザの機能(PC画面を右クリックした一番下)、要素の検証をクリックしてHTMLやCSSを見ると良いかもしれません
要素の検証とかで検索したらやり方は出てきます。とホワンとだけですが❦
-
わいひらキーマスター
バブルラップメニューのCSSであれば、以下のフォルダ内のstyle.cssに書かれています。
simplicity2\skins\bubble-wrap-menu
-
toruiゲスト
お返事ありがとうございます。
無事バブルラップをカスタマイズ表示することができました。
助かりました。サブメニューを表示させたのですが、デフォルトではnoneが!important;になっておりました。
これはデザイン的な理由からでしょうか?
デザインがちょっと崩れる以外では理由が見つかりませんでした。あとすみません、、、一点質問よろしいでしょうか。
グローバルナビの横側がバブルラップのデザインになりません><
画面いっぱいまでバブルラップのデザインを広げる事は可能でしょうか??質問ばかりですみません><
-
かうたっくゲスト
スキンのオレンジメニューに設定したのですが、グローバルメニューの横の色が変更できずに 困っています。
カスタマイザーの『ヘッダー』にある以下の部分です。
グローバルナビを横幅いっぱいにする
グローバルナビを画面幅いっぱいに広げて「ヘッダー外側背景画像」に合わせるか。(※「色→グローバルナビ色」の設定も併せて行う必要があるかもしれません)色の指定はCSSなしで、カスタマイザーの色でもイケるかも知れません。
色の指定が必要な場合は、CSSにバブルラップと同色に指定し追記してください
#navi { background: #******; }
-
わいひらキーマスター
サブメニュー用のスタイルまで書いていないからです。
グローバルナビの横側がバブルラップのデザインになりません><
画面いっぱいまでバブルラップのデザインを広げる事は可能でしょうか??僕自身、どのようにカスタマイズしたしたかまではわからないので、、できれば案内にあるように実際のページのURLを掲載していただければと思います。
※テーマカスタマイズに関する質問は、カスタマイズ対象ページのURLと対象部分の詳細を書き込んでください。
-
toruiゲスト
お返事ありがとうございます。
アドレスはこちらになります。
http://composer-instruments.com/このグローバルメニューのデザインを画面の端っこまで伸ばしたいと思っています。
よろしくお願いいたします。 -
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 は、ベンダープレフィックスは不要です。
-
toruiゲスト
皆様ありがとうございます。
イメージに近くなってきました。まだ思ったとおりにならないところもありますが、もう少し調整していきますね!!
本当に助かりました。
-
-
投稿者投稿