質問するログイン新規登録

質問編集履歴

3

文法の修正

2018/10/25 00:43

投稿

ikt_erk122
ikt_erk122

スコア40

title CHANGED
@@ -1,1 +1,1 @@
1
- ダウンをクリックしたときの背景色変更について
1
+ ヘッダーの色とドロップダウンをクリックしたときの背景色変更について
body CHANGED
@@ -1,9 +1,9 @@
1
- ドロップダウンをクリックしたときの背景色を黒からオレンジ(#FF8C00)に変えたいんですけど方法がわかりません。
1
+ ヘッダーの色をグレーから黒、ドロップダウンをクリックしたときの背景色を黒からオレンジ(#FF8C00)に変えたいんですけど方法がわかりません。
2
2
  教えていただけませんか?
3
3
  Rails 5.1.6
4
4
  ruby 2.4.1p111
5
5
 
6
- ![イメージ説明](a62df8f3d0ed12522c6d5ca13eef5b4d.png)
6
+ ![イメージ説明](6ad12ba62e977bd8dc3310462fcee8d5.png)
7
7
 
8
8
  <custom.scss>
9
9
  ```ここに言語を入力
@@ -22,22 +22,50 @@
22
22
  <_header.html.erb>
23
23
  ```ここに言語を入力
24
24
 
25
+ <header class="navbar navbar-fixed-top navbar-inverse">
26
+ <div class="container">
27
+ <%= link_to "baseball.com", root_path, id: "logo" %>
28
+ <nav>
29
+ <ul class="nav navbar-nav navbar-right">
30
+ <li><%= link_to "ホーム", root_path %></li>
31
+ <li><%= link_to "球団一覧", baseball_path %></li>
32
+ <li><%#= link_to "Help", help_path %></li>
25
- <% if logged_in? %>
33
+ <% if logged_in? %>
26
- <li><%= link_to "ユーザー", users_path %></li>
34
+ <li><%= link_to "ユーザー", users_path %></li>
27
- <li class="dropdown">
35
+ <li class="dropdown">
28
- <a href="#" class="dropdown-toggle" data-toggle="dropdown">
36
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
29
- アカウント <b class="caret"></b>
37
+ アカウント <b class="caret"></b>
30
- </a>
38
+ </a>
31
- <ul class="dropdown-menu">
39
+ <ul class="dropdown-menu">
32
- <li><%= link_to "プロフィール", current_user %></li>
40
+ <li><%= link_to "プロフィール", current_user %></li>
33
- <li><%= link_to "設定", edit_user_path(current_user) %></li>
41
+ <li><%= link_to "設定", edit_user_path(current_user) %></li>
34
- <li class="divider"></li>
42
+ <li class="divider"></li>
35
- <li>
43
+ <li>
36
- <%= link_to "ログアウト", logout_path, method: :delete %>
44
+ <%= link_to "ログアウト", logout_path, method: :delete %>
37
- </li>
45
+ </li>
38
- </ul>
46
+ </ul>
39
- </li>
47
+ </li>
40
- <% else %>
48
+ <% else %>
41
- <li><%= link_to "ログイン", login_path %></li>
49
+ <li><%= link_to "ログイン", login_path %></li>
42
- <% end %>
50
+ <% end %>
51
+ </ul>
52
+ </nav>
53
+ </div>
54
+ </header>
43
- ```
55
+ ```
56
+
57
+ 試したこと
58
+ ```ここに言語を入力
59
+ <scss>
60
+
61
+ .container{
62
+ li{
63
+ color: black;
64
+ }
65
+ }
66
+
67
+ .dropdown-toggle{
68
+ background: #FF8C00;
69
+ }
70
+ ```
71
+ このようにしてもどちらも変わりませんでした

2

文法の修正

2018/10/25 00:43

投稿

ikt_erk122
ikt_erk122

スコア40

title CHANGED
File without changes
body CHANGED
@@ -1,4 +1,4 @@
1
- ダウンをクリックしたときの背景色を黒からオレンジ(#FF8C00)に変えたいんですけど方法がわかりません。
1
+ ドロップダウンをクリックしたときの背景色を黒からオレンジ(#FF8C00)に変えたいんですけど方法がわかりません。
2
2
  教えていただけませんか?
3
3
  Rails 5.1.6
4
4
  ruby 2.4.1p111

1

文法の修正

2018/10/24 05:27

投稿

ikt_erk122
ikt_erk122

スコア40

title CHANGED
File without changes
body CHANGED
@@ -1,8 +1,11 @@
1
1
  プルダウンをクリックしたときの背景色を黒からオレンジ(#FF8C00)に変えたいんですけど方法がわかりません。
2
2
  教えていただけませんか?
3
+ Rails 5.1.6
4
+ ruby 2.4.1p111
5
+
3
6
  ![イメージ説明](a62df8f3d0ed12522c6d5ca13eef5b4d.png)
4
7
 
5
- <css>
8
+ <custom.scss>
6
9
  ```ここに言語を入力
7
10
 
8
11
  .dropdown{
@@ -16,7 +19,7 @@
16
19
  }
17
20
  ```
18
21
 
19
- <html>
22
+ <_header.html.erb>
20
23
  ```ここに言語を入力
21
24
 
22
25
  <% if logged_in? %>