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

質問編集履歴

5

アイコン追加

2018/12/06 12:28

投稿

niwaka_design
niwaka_design

スコア9

title CHANGED
File without changes
body CHANGED
File without changes

4

文字修正

2018/12/06 12:28

投稿

niwaka_design
niwaka_design

スコア9

title CHANGED
File without changes
body CHANGED
@@ -5,7 +5,6 @@
5
5
 
6
6
  下記のソースで1つはカウンターが設置されるのですが、別の日付をもう一つカウンターを表示させたいと思っています。
7
7
  どのようにしたらもう一つ別の日付でカウンターが作れるでしょうか?
8
- Javascript初心者のため、カスタマイズまでできずご教授お願いいたします。
9
8
 
10
9
  ### 追記
11
10
  日付の違う2つのイベントがあり、HPを開いたときに、それぞれのイベントまで●日というカウンターを出したいと思います。

3

CSS追加

2018/12/06 12:27

投稿

niwaka_design
niwaka_design

スコア9

title CHANGED
File without changes
body CHANGED
@@ -159,4 +159,22 @@
159
159
  <div><img src="num.gif" width="20" height="220" id="flame-one"></div>
160
160
  </div>
161
161
 
162
+ ```
163
+
164
+
165
+ ### CSS
166
+ ```ここに言語名を入力
167
+ #countdown-unit div {
168
+ position: relative;
169
+ float: left;
170
+ width: 20px;
171
+ height: 22px;
172
+ overflow: hidden;
173
+ }
174
+ #countdown-unit div img {
175
+ position: absolute;
176
+ top: 0;
177
+ left: 0;
178
+ }
179
+
162
180
  ```

2

追記

2018/12/05 22:07

投稿

niwaka_design
niwaka_design

スコア9

title CHANGED
File without changes
body CHANGED
@@ -9,8 +9,8 @@
9
9
 
10
10
  ### 追記
11
11
  日付の違う2つのイベントがあり、HPを開いたときに、それぞれのイベントまで●日というカウンターを出したいと思います。
12
+ 時間・秒数は必要なく日付のみ表示させたいと思います。
12
13
 
13
-
14
14
  ### Javascript
15
15
 
16
16
 

1

htmlソースをコードブロック 追記記載

2018/12/05 21:59

投稿

niwaka_design
niwaka_design

スコア9

title CHANGED
File without changes
body CHANGED
@@ -7,7 +7,10 @@
7
7
  どのようにしたらもう一つ別の日付でカウンターが作れるでしょうか?
8
8
  Javascript初心者のため、カスタマイズまでできずご教授お願いいたします。
9
9
 
10
+ ### 追記
11
+ 日付の違う2つのイベントがあり、HPを開いたときに、それぞれのイベントまで●日というカウンターを出したいと思います。
10
12
 
13
+
11
14
  ### Javascript
12
15
 
13
16
 
@@ -134,6 +137,9 @@
134
137
  ```
135
138
 
136
139
  ### HTML
140
+
141
+
142
+ ```ここに言語名を入力
137
143
  <div id="countdown-unit">
138
144
  <div><img src="num.gif" width="20" height="220" id="day-thousand"></div>
139
145
  <div><img src="num.gif" width="20" height="220" id="day-hundred"></div>
@@ -151,4 +157,6 @@
151
157
  <div><img src="time.gif" width="20" height="22"></div>
152
158
  <div><img src="num.gif" width="20" height="220" id="flame-ten"></div>
153
159
  <div><img src="num.gif" width="20" height="220" id="flame-one"></div>
154
- </div>
160
+ </div>
161
+
162
+ ```