質問編集履歴

3

文法の修正

2018/10/25 00:43

投稿

ikt_erk122
ikt_erk122

スコア40

test CHANGED
@@ -1 +1 @@
1
- ダウンをクリックしたときの背景色変更について
1
+ ヘッダーの色とドロップダウンをクリックしたときの背景色変更について
test CHANGED
@@ -1,4 +1,4 @@
1
- ドロップダウンをクリックしたときの背景色を黒からオレンジ(#FF8C00)に変えたいんですけど方法がわかりません。
1
+ ヘッダーの色をグレーから黒、ドロップダウンをクリックしたときの背景色を黒からオレンジ(#FF8C00)に変えたいんですけど方法がわかりません。
2
2
 
3
3
  教えていただけませんか?
4
4
 
@@ -8,7 +8,7 @@
8
8
 
9
9
 
10
10
 
11
- ![イメージ説明](a62df8f3d0ed12522c6d5ca13eef5b4d.png)
11
+ ![イメージ説明](6ad12ba62e977bd8dc3310462fcee8d5.png)
12
12
 
13
13
 
14
14
 
@@ -46,40 +46,96 @@
46
46
 
47
47
 
48
48
 
49
- <% if logged_in? %>
49
+ <header class="navbar navbar-fixed-top navbar-inverse">
50
50
 
51
- <li><%= link_to "ユーザー", users_path %></li>
51
+ <div class="container">
52
52
 
53
- <li class="dropdown">
53
+ <%= link_to "baseball.com", root_path, id: "logo" %>
54
54
 
55
- <a href="#" class="dropdown-toggle" data-toggle="dropdown">
55
+ <nav>
56
56
 
57
- アカウント <b class="caret"></b>
57
+ <ul class="nav navbar-nav navbar-right">
58
58
 
59
- </a>
59
+ <li><%= link_to "ホーム", root_path %></li>
60
60
 
61
- <ul class="dropdown-menu">
61
+ <li><%= link_to "球団一覧", baseball_path %></li>
62
62
 
63
- <li><%= link_to "プロフィール", current_user %></li>
63
+ <li><%#= link_to "Help", help_path %></li>
64
64
 
65
- <li><%= link_to "設定", edit_user_path(current_user) %></li>
65
+ <% if logged_in? %>
66
66
 
67
- <li class="divider"></li>
67
+ <li><%= link_to "ユーザー", users_path %></li>
68
68
 
69
- <li>
69
+ <li class="dropdown">
70
70
 
71
- <%= link_to "ログアウト", logout_path, method: :delete %>
71
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
72
72
 
73
- </li>
73
+ アカウント <b class="caret"></b>
74
74
 
75
- </ul>
75
+ </a>
76
76
 
77
- </li>
77
+ <ul class="dropdown-menu">
78
78
 
79
- <% else %>
79
+ <li><%= link_to "プロフィール", current_user %></li>
80
80
 
81
- <li><%= link_to "ログイン", login_path %></li>
81
+ <li><%= link_to "設定", edit_user_path(current_user) %></li>
82
82
 
83
+ <li class="divider"></li>
84
+
85
+ <li>
86
+
87
+ <%= link_to "ログアウト", logout_path, method: :delete %>
88
+
89
+ </li>
90
+
91
+ </ul>
92
+
93
+ </li>
94
+
95
+ <% else %>
96
+
97
+ <li><%= link_to "ログイン", login_path %></li>
98
+
83
- <% end %>
99
+ <% end %>
100
+
101
+ </ul>
102
+
103
+ </nav>
104
+
105
+ </div>
106
+
107
+ </header>
84
108
 
85
109
  ```
110
+
111
+
112
+
113
+ 試したこと
114
+
115
+ ```ここに言語を入力
116
+
117
+ <scss>
118
+
119
+
120
+
121
+ .container{
122
+
123
+ li{
124
+
125
+ color: black;
126
+
127
+ }
128
+
129
+ }
130
+
131
+
132
+
133
+ .dropdown-toggle{
134
+
135
+ background: #FF8C00;
136
+
137
+ }
138
+
139
+ ```
140
+
141
+ このようにしてもどちらも変わりませんでした

2

文法の修正

2018/10/25 00:43

投稿

ikt_erk122
ikt_erk122

スコア40

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

1

文法の修正

2018/10/24 05:27

投稿

ikt_erk122
ikt_erk122

スコア40

test CHANGED
File without changes
test CHANGED
@@ -1,12 +1,18 @@
1
1
  プルダウンをクリックしたときの背景色を黒からオレンジ(#FF8C00)に変えたいんですけど方法がわかりません。
2
2
 
3
3
  教えていただけませんか?
4
+
5
+ Rails 5.1.6
6
+
7
+ ruby 2.4.1p111
8
+
9
+
4
10
 
5
11
  ![イメージ説明](a62df8f3d0ed12522c6d5ca13eef5b4d.png)
6
12
 
7
13
 
8
14
 
9
- <css>
15
+ <custom.scss>
10
16
 
11
17
  ```ここに言語を入力
12
18
 
@@ -34,7 +40,7 @@
34
40
 
35
41
 
36
42
 
37
- <html>
43
+ <_header.html.erb>
38
44
 
39
45
  ```ここに言語を入力
40
46