[戻る]
No.619

メニューに仕切り線を入れたい

おたすけマイショップさん  投稿日:2014/01/31(Fri) 21:17
key

メニューのホーム、カテゴリ、支払い・配送等の間に
縦線を入れてそれぞれが分かれているように表記は可能でしょうか?
可能であれば方法を教えてください。

Re: メニューに仕切り線を入れたい

おたすけマイショップさん  2014/01/31(Fri) 21:18 No.620
key

 店長ナビ>デザイン設定>適用中のスタイルシートカスタマイズ>design.cssの編集ボタン

「 ul.top_menu_pulldown > li > a { /* 第一階層 メニュー */ 」に
記載されている以下の要素を次のように変更してください。
変更後保存していただければ、境界線が表示されます。

【変更前】
/* border-left: 1px solid rgba(255,255,255,0.2);*/

【変更後】
border-left: 1px solid rgba(255,255,255,0.2);

以上で境界線が現れますが、線が細かったり、色が同系色の為、目立たない状態です。
線の太さや、色を変えていただき、ご利用ください。


至急 メニューに仕切り線を入れたい

お助けマイショップさん  2017/01/18(Wed) 21:58 No.2358
key

すいません。

具体的に詳しく教えてください。

テンプレート c02-Ebony_Clay

ヘッダーメニューのデザインの変更です。


Re: メニューに仕切り線を入れたい

おたすけマイショップさん  2017/01/19(Thu) 10:43 No.2361
key

ヘッダーメニューのデザイン変更とのことですが、具体的にどのような変更でしょうか?

基本的にはテンプレート内容に関わらず、ページレイアウト管理(デザイン設定>レイアウトタブ)から、レイアウトや内容の追加・編集、などが行えます。

ページレイアウト管理にて表示されるレイアウト図にある[ヘッダー]部分の[設定]から背景色の設定を行うことも可能です。

これらの設定以外の詳細な変更が必要な場合は、スタイルを追加頂く事で可能です。
イージーマイショップにて作成されるショップページには、各箇所にclassを充てておりますので、それに対し要素を追加したスタイルを作成・追加頂く事で詳細な変更が可能です。

※classの確認は、変更箇所を右クリックして頂き表示される「要素の検査(IEの場合)」や「検証(Chromeの場合)」などでご確認下さい。

スタイルの追加方法は下記URLをご覧ください。

 ページに<style>を追加する(簡単モード)
 http://emshelp.easy-myshop.jp/c-item-detail?ic=add-style

以上をご参照頂き、お試しください。



返信
*おなまえ
*email (回答通知用。公開されません)
*タイトル
*内容
ショップURL
*key (修正の際に使用します)

無料で本格的なネットショップ開業できるのは『イージーマイショップ』