[戻る]
No.883

ログイン、会員登録ボタンの色の変更

おたすけマイショップさん  投稿日:2014/05/30(Fri) 16:37
key

ログインや会員登録のボタンの色を変更することはできないでしょうか?

Re: ログイン、会員登録ボタンの色の変更

おたすけマイショップさん  2014/05/30(Fri) 16:39 No.884
key

 <会員登録ボタン>

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

 以下のソースにある「#467498」及び「#558CB8」を変更して下さい。
 また、マウスホバー時の色は「#558CB8」を編集して下さい。

 【ご注意】
  テンプレートによって色が異なりますが、
  クラス名などソースの構造は同じです。


.welcome a { /* ログイン,会員登録リンク */
display: inline-block;
text-decoration: none;
font-size: 95%;
/* font-weight: bolder;*/
color: #eee;
color: rgba(255,255,255,0.85);
text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.25);
padding: 0 10px;
background: #467498;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #467498), color-stop(1, #558CB8));
background-image: -webkit-linear-gradient(bottom, #467498 0%, #558CB8 100%);
background-image: linear-gradient(to top, #467498 0%, #558CB8 100%);
border-radius: 2px;

-webkit-transition: all 580ms cubic-bezier(0.165, 0.84, 0.44, 1);
-ms-transition: all 580ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 580ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.tag_item_search .tag_botton_search:hover,
.welcome a:hover {
/* color: #fff;
/* background: #608DB1; */
}

 

  <ログインボタン>

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

 以下のソースにある「#B84356」及び「#D64E64」を変更して下さい。
 また、マウスホバー時の色は「#D33152」を編集して下さい。

 ※上記ソースのすぐ下にあります。

 【ご注意】
  テンプレートによって色が異なりますが、
  クラス名などソースの構造は同じです。


.welcome a.member_login { /* ログインbtn */
background: #B84356;

background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #B84356), color-stop(1, #D64E64));

/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(bottom, #B84356 0%, #D64E64 100%);

/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to top, #B84356 0%, #D64E64 100%);
}
.welcome a.member_login:hover {
background: #D33152;
}



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

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