[戻る]
No.1644

入力ホームの背景

bluさん  投稿日:2015/07/22(Wed) 00:41
key

お世話になります。

全ての入力ホームの背景を白にしたいのですが、
どこを変更すればいいのか分かりません。

同時に、メインロゴをヘッダーのメニュバーぎりぎりまで下げたいのですが
うまくできません。

ご確認の程、よろしくお願いいたします。

Re: 入力ホームの背景

おたすけマイショップさん  2015/07/22(Wed) 13:41 No.1649
key

■全入力フォームの背景を白にする方法

PC用スタイルシート一覧(店長ナビ>デザイン設定>適用中のCSS)から、「design.css」の編集ボタンを押し、以下のスタイルを編集します。

⇒対象のスタイル ※「Ctrl+F5」キーを押して「input[type=text]:not([disabled])」と検索するとすぐに見つかります。

input[type=text]:not([disabled]),input[type=password]:not([disabled]),input[type=email]:not([disabled]),input[type=url]:not([disabled]),input[type=search]:not([disabled]),input[type=tel]:not([disabled]),input[type=number]:not([disabled]),input[type=date]:not([disabled]),input[type=datetime]:not([disabled]),input[type=datetime-local]:not([disabled]),input[type=month]:not([disabled]),input[type=week]:not([disabled]),input[type=time]:not([disabled]),input[type=color]:not([disabled]),
select:not([disabled]),
textarea:not([disabled]) {
box-shadow: #aba 0px 1px 3px inset;

background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(230,240,163,0.2)), color-stop(50%,rgba(210,230,56,0.2)), color-stop(51%,rgba(176,204,38,0.2)), color-stop(100%,rgba(219,240,67,0.2)));
background: -webkit-linear-gradient(-45deg, rgba(230,240,163,0.2) 0%,rgba(210,230,56,0.2) 50%,rgba(176,204,38,0.2) 51%,rgba(219,240,67,0.2) 100%);
background: linear-gradient(135deg, rgba(230,240,163,0.2) 0%,rgba(210,230,56,0.2) 50%,rgba(176,204,38,0.2) 51%,rgba(219,240,67,0.2) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33e6f0a3', endColorstr='#33dbf043',GradientType=1 );

background-color: #fcfcfc;
}


⇒以下の様に編集。
input[type=text]:not([disabled]),input[type=password]:not([disabled]),input[type=email]:not([disabled]),input[type=url]:not([disabled]),input[type=search]:not([disabled]),input[type=tel]:not([disabled]),input[type=number]:not([disabled]),input[type=date]:not([disabled]),input[type=datetime]:not([disabled]),input[type=datetime-local]:not([disabled]),input[type=month]:not([disabled]),input[type=week]:not([disabled]),input[type=time]:not([disabled]),input[type=color]:not([disabled]),
select:not([disabled]),
textarea:not([disabled]) {
box-shadow: none;
background: none;
background-color: #fff;
}

編集後に保存すれば完了です。


■メインロゴをヘッダーメニューの近くに下げる方法

以下のスタイルを共通ヘッダー内にフリーパーツとして配置すれば完了です。

※現在のページを拝見すると、ロゴとヘッダーメニューの間に何もコンテンツがございませんでした。
 この場合の、スタイルは以下の通りです。
 (初期設定では、会員・カート情報などのコンテンツがございます。これらがある場合は、異なったスタイルとなります)

<style>
.pane_head .logo img {
margin-bottom: -25px;
}
</style>

スタイルの追加方法は以下をご参照ください。

 オープンガイド ページにスタイルを追加する
 http://emshelp.easy-myshop.jp/c-item-detail?ic=add-style


以上です。



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

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