質問編集履歴

14

誤字

2017/03/19 20:44

投稿

pun
pun

スコア7

test CHANGED
File without changes
test CHANGED
@@ -172,7 +172,7 @@
172
172
 
173
173
  <div id="title_area">
174
174
 
175
- <h1>タイトル"></h1>
175
+ <h1>タイトル</h1>
176
176
 
177
177
  </div>
178
178
 

13

誤字

2017/03/19 20:44

投稿

pun
pun

スコア7

test CHANGED
File without changes
test CHANGED
@@ -172,7 +172,7 @@
172
172
 
173
173
  <div id="title_area">
174
174
 
175
- <h1="タイトル" /></h1>
175
+ <h1>タイトル"></h1>
176
176
 
177
177
  </div>
178
178
 

12

訂正

2017/03/19 20:37

投稿

pun
pun

スコア7

test CHANGED
File without changes
test CHANGED
@@ -184,15 +184,15 @@
184
184
 
185
185
  <li><a href="./index.html"/>HOME</a></li>
186
186
 
187
- <li><a href="./about/about.html"/>HOME</a></li>
187
+ <li><a href="./index.html"/>HOME</a></li>
188
-
188
+
189
- <li><a href="./fuji/fuji.html">HOME</a></li>
189
+ <li><a href="./index.html"/>HOME</a></li>
190
+
190
-
191
+ <li><li><a href="./index.html"/>HOME</a></li>
192
+
193
+ <li><a
194
+
191
- <li><a href="./product/product.html">HOME</a></li>
195
+ <li><a href="./index.html"/>HOME</a></li>
192
-
193
- <li><a href="#">HOME</a></li>
194
-
195
- <li><a href="./contact/contact.html">HOME</a></li>
196
196
 
197
197
  </ul>
198
198
 

11

誤字

2017/03/19 20:17

投稿

pun
pun

スコア7

test CHANGED
File without changes
test CHANGED
@@ -34,7 +34,7 @@
34
34
 
35
35
  <!--[if IE]><meta http-equiv="Imagetoolbar" content="no" /><![endif]-->
36
36
 
37
- <title>珠木霊</title>
37
+ <title></title>
38
38
 
39
39
 
40
40
 

10

改善

2017/03/19 20:10

投稿

pun
pun

スコア7

test CHANGED
File without changes
test CHANGED
@@ -16,29 +16,35 @@
16
16
 
17
17
  <!DOCTYPE html>
18
18
 
19
-
20
-
21
19
  <html>
22
20
 
23
21
  <head>
24
22
 
25
23
  <meta charset="UTF-8" />
26
24
 
27
-
25
+ <meta name="description" content="" />
26
+
28
-
27
+ <meta name="keywords" content="," />
29
-
30
28
 
31
29
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=3" />
32
30
 
33
-
31
+ <meta name="msapplication-TileImage" content="./msapplication-TileImage.png" />
32
+
34
-
33
+ <meta name="msapplication-TileColor" content="#fff" />
34
+
35
+ <!--[if IE]><meta http-equiv="Imagetoolbar" content="no" /><![endif]-->
36
+
35
- <title></title>
37
+ <title>珠木霊</title>
36
-
37
- <link rel="stylesheet" type="text/css"
38
+
38
-
39
-
40
-
39
+
40
+
41
- <link rel="stylesheet" type="text/css" media="screen and (min-width:1024px)" href="./css/screen_pc.css" />
41
+ <link rel="stylesheet" type="text/css" media="screen and (min-width:1024px)" href="./css/screen_pc.css" />
42
+
43
+
44
+
45
+ <link rel="icon" type="image/vnd.microsoft.icon" href="./favicon.ico" />
46
+
47
+ <link href='https://fonts.googleapis.com/css?family=Ultra' rel='stylesheet' type='text/css' />
42
48
 
43
49
  <link rel="stylesheet" type="text/css" href="css/default.css">
44
50
 
@@ -46,151 +52,211 @@
46
52
 
47
53
 
48
54
 
49
-
55
+ <script src="jquery/jquery-1.10.2.min.js"></script>
56
+
57
+ <script type="text/javascript" src="js/jquery.particleground.min.js"></script>
58
+
59
+
60
+
61
+ <script src="js/jquery.dlmenu.js"></script>
62
+
63
+ <script type="text/javascript">
64
+
65
+ $(function(){
66
+
67
+ $('.particales').particleground({ //要素の指定
68
+
69
+ dotColor: '#ffffff', //ドットの色
70
+
71
+ lineColor: '#ffffff', //線の色
72
+
73
+ particleRadius: 5 //ドットのサイズ
74
+
75
+ });
76
+
77
+ $( '#dl-menu' ).dlmenu();
78
+
79
+ $("#toggle").click(function(){
80
+
81
+ $("#menu").slideToggle();
82
+
83
+ return false;
84
+
85
+ });
86
+
87
+ $(window).resize(function(){
88
+
89
+ var win = $(window).width();
90
+
91
+ var p =660;
92
+
93
+ if(win > p){
94
+
95
+ $("#menu").show();
96
+
97
+ } else {
98
+
99
+ $("#menu").hide();
100
+
101
+ }
102
+
103
+ });
104
+
105
+ var win = $(window).width();
106
+
107
+ var p = 660;
108
+
109
+ if(win < p)$(function(){
110
+
111
+ $("#menu li a").click(function(){
112
+
113
+ $("#menu").hide();
114
+
115
+ });
116
+
117
+ });
118
+
119
+ });
120
+
121
+ </script>
122
+
123
+ <!--[if lt IE 9]>
124
+
125
+ <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
126
+
127
+ <![endif]-->
128
+
129
+ <!--[if lte IE 8]>
130
+
131
+ <script type="text/javascript" src="./lib/html5/html5shiv-printshiv.js"></script>
132
+
133
+ <script type="text/javascript" src="./lib/html5/css3-mediaqueries.js"></script>
134
+
135
+ <link rel="stylesheet" type="text/css" hr<a href = "index.html"></a>ef="./css/ie8.css" media="screen" />
136
+
137
+ <![endif]-->
138
+
139
+
140
+
141
+
142
+
143
+
144
+
145
+ </head>
50
146
 
51
147
 
52
148
 
53
-
54
-
55
- <script src="jquery/jquery-1.10.2.min.js"></script>
56
-
57
- <script type="text/javascript" src="js/jquery.particleground.min.js"></script>
58
-
59
-
60
-
61
- <script src="js/jquery.dlmenu.js"></script>
62
-
63
- <script type="text/javascript">
64
-
65
- $(function(){
66
-
67
- $('.particales').particleground({ //要素の指定
68
-
69
- dotColor: '#ffffff', //ドットの色
70
-
71
- lineColor: '#ffffff', //線の色
72
-
73
- particleRadius: 5 //ドットのサイズ
74
-
75
- });
76
-
77
- $( '#dl-menu' ).dlmenu();
78
-
79
- $("#toggle").click(function(){
80
-
81
- $("#menu").slideToggle();
82
-
83
- return false;
84
-
85
- });
86
-
87
- $(window).resize(function(){
88
-
89
- var win = $(window).width();
90
-
91
- var p =660;
92
-
93
- if(win > p){
94
-
95
- $("#menu").show();
96
-
97
- } else {
98
-
99
- $("#menu").hide();
100
-
101
- }
102
-
103
- });
104
-
105
- var win = $(window).width();
106
-
107
- var p = 660;
108
-
109
- if(win < p)$(function(){
110
-
111
- $("#menu li a").click(function(){
112
-
113
- $("#menu").hide();
114
-
115
- });
116
-
117
- });
118
-
119
- };
120
-
121
- </script>
122
-
123
-
124
-
125
- <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
126
-
127
- <script type="text/javascript" src="./lib/html5/html5shiv-printshiv.js"></script>
128
-
129
- <script type="text/javascript" src="./lib/html5/css3-mediaqueries.js"></script>
130
-
131
- <link rel="stylesheet" type="text/css" hr<a href = "index.html"></a>ef="./css/ie8.css" media="screen" />
132
-
133
-
134
-
135
-
136
-
137
-
138
-
139
- </head>
140
-
141
- <body>
142
-
143
- <div id="layout_area" class="particales">
144
-
145
- <header id="header_area">
146
-
147
- <div id="logo_area">
148
-
149
- <!--<img src="./img/logo.png" alt="logo" width="80" height="103" />-->
150
-
151
- </div>
152
-
153
- <div id="title_area">
154
-
155
- <h1>タイトル
156
-
157
- </div>
158
-
159
- <nav id="menu-box">
149
+ <body>
150
+
151
+
152
+
153
+
154
+
155
+ <div id="layout_area" class="particales">
156
+
157
+
158
+
159
+
160
+
161
+
162
+
163
+ <header id="header_area">
164
+
165
+
166
+
167
+ <div id="logo_area">
168
+
169
+ <!--<img src="./img/logo.png" alt="logo" width="80" height="103" />-->
170
+
171
+ </div>
172
+
173
+ <div id="title_area">
174
+
175
+ <h1="タイトル" /></h1>
176
+
177
+ </div>
178
+
179
+ <nav id="menu-box">
160
180
 
161
181
  <div id="toggle"><a href="#">MENU</a></div>
162
182
 
163
- <ul id="menu">
183
+ <ul id="menu">
164
-
184
+
165
- <li><a href="./index.html"/>HOME</a></li>
185
+ <li><a href="./index.html"/>HOME</a></li>
166
-
186
+
167
- <li><a href="./about/about.html"/>home</a></li>
187
+ <li><a href="./about/about.html"/>HOME</a></li>
168
-
188
+
169
- <li><a href="./fuji/fuji.html">hime</a></li>
189
+ <li><a href="./fuji/fuji.html">HOME</a></li>
170
-
190
+
171
- <li><a href="./product/product.html">home</a></li>
191
+ <li><a href="./product/product.html">HOME</a></li>
172
-
192
+
173
- <li><a href="#">home</a></li>
193
+ <li><a href="#">HOME</a></li>
174
-
194
+
175
- <li><a href="./contact/contact.html">home</a></li>
195
+ <li><a href="./contact/contact.html">HOME</a></li>
176
-
196
+
177
- </ul>
197
+ </ul>
178
198
 
179
199
  </nav>
180
200
 
201
+
202
+
181
- </header>
203
+ </header>
182
-
204
+
205
+
206
+
183
- <div id="home_right_area">
207
+ <div id="home_right_area">
184
-
208
+
185
- <img src="./img/area01_icn07.png" alt="ホームコメント"/>
209
+ <img src="./img/tamako02_icn.png" alt="tamago"/>
186
-
210
+
187
- </div>
211
+ </div>
188
-
212
+
189
- <footer id="footer_area">
213
+ <footer id="footer_area">
190
-
214
+
191
- <small>&copy 2017 ALL RIGHTS RESERVED</small><div id="place00"></div></footer>
215
+ <small>&copy 2017 ALL RIGHTS RESERVED</small>
216
+
192
-
217
+ <div id="place00">
218
+
219
+
220
+
193
- </div>
221
+ </div>
222
+
223
+ </footer>
224
+
225
+
226
+
227
+ </div>
228
+
229
+
230
+
231
+
232
+
233
+
234
+
235
+
236
+
237
+
238
+
239
+
240
+
241
+
242
+
243
+
244
+
245
+
246
+
247
+
248
+
249
+
250
+
251
+
252
+
253
+ </body>
254
+
255
+ </html>
256
+
257
+
258
+
259
+
194
260
 
195
261
  ```
196
262
 

9

文法の訂正

2017/03/19 20:09

投稿

pun
pun

スコア7

test CHANGED
File without changes
test CHANGED
@@ -34,9 +34,9 @@
34
34
 
35
35
  <title></title>
36
36
 
37
- <link rel="stylesheet" type="text/css" media="screen and (max-width:660px)" href="./css/screen_sp.css" />
37
+ <link rel="stylesheet" type="text/css"
38
-
39
- <link rel="stylesheet" type="text/css" media="screen and (min-width:661px) and (max-width:1023px)" href="./css/screen_tb.css" />
38
+
39
+
40
40
 
41
41
  <link rel="stylesheet" type="text/css" media="screen and (min-width:1024px)" href="./css/screen_pc.css" />
42
42
 

8

修正

2017/03/19 19:55

投稿

pun
pun

スコア7

test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,4 @@
1
- [リンク内容](http://http://on-ze.com/archives/2234)> 引用テキスト
1
+ [リンク内容](http://jnicol.github.io/particleground/)
2
2
 
3
3
 
4
4
 

7

訂正

2017/03/19 14:01

投稿

pun
pun

スコア7

test CHANGED
File without changes
test CHANGED
File without changes

6

訂正

2017/03/19 13:57

投稿

pun
pun

スコア7

test CHANGED
File without changes
test CHANGED
@@ -8,11 +8,7 @@
8
8
 
9
9
  particlegroundをプラグインしたらナビゲーションが押せずz-indexの配置場所と数値がわかりません。どなたか詳しい方、教えてください。
10
10
 
11
- ```htmlは
11
+ htmlは
12
-
13
-
14
-
15
-
16
12
 
17
13
 
18
14
 
@@ -196,308 +192,306 @@
196
192
 
197
193
  </div>
198
194
 
199
-
200
-
201
195
  ```
202
196
 
197
+
198
+
199
+ 以上htmlに記述
200
+
201
+
202
+
203
+
204
+
205
+ cssは
206
+
207
+
208
+
209
+ ```ここに言語を入力
210
+
211
+ ```ここに言語を入力
212
+
213
+ .pg-canvas {
214
+
215
+ position:fixed;
216
+
217
+ top:0;
218
+
219
+ left: 0;
220
+
221
+ right: 0;
222
+
223
+ bottom: 0;
224
+
225
+ width: 100%;
226
+
227
+ height: 100%;
228
+
229
+ display: block;
230
+
231
+ z-index:0;
232
+
233
+
234
+
235
+ }
236
+
237
+ /* TEMPLATE +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Retina parts */
238
+
239
+ @media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx){
240
+
241
+
242
+
243
+ }
244
+
245
+ /* TEMPLATE Retina parts end*/
246
+
247
+
248
+
249
+
250
+
251
+
252
+
253
+ /* INTERFACE */
254
+
255
+ body{
256
+
257
+ -webkit-text-size-adjust:100%;
258
+
259
+ background-color:white;
260
+
261
+ margin:0px;
262
+
263
+ padding:0px;
264
+
265
+ font-family:"游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS 明朝", serif;
266
+
267
+
268
+
269
+ }
270
+
271
+ .pg-canvas {
272
+
273
+ position:fixed;
274
+
275
+ top:0;
276
+
277
+ left: 0;
278
+
279
+ right: 0;
280
+
281
+ bottom: 0;
282
+
283
+ width: 100%;
284
+
285
+ height: 100%;
286
+
287
+ display: block;
288
+
289
+ z-index:0;
290
+
291
+
292
+
293
+ }
294
+
295
+ #layout_area{
296
+
297
+ max-width:1680px;
298
+
299
+ background-image:url("../img/main_004.jpg");
300
+
301
+ background-repeat:no-repeat;
302
+
303
+ background-position:center-top;
304
+
305
+ background-size:cover;
306
+
307
+ height:100%;
308
+
309
+ margin:0 auto;
310
+
311
+
312
+
313
+
314
+
315
+
316
+
317
+
318
+
319
+ }
320
+
321
+
322
+
323
+ #header_area{}
324
+
325
+
326
+
327
+ #logo_area{
328
+
329
+ padding:10px 10px;
330
+
331
+
332
+
333
+ }
334
+
335
+
336
+
337
+ #title_area{
338
+
339
+ text-align:center;
340
+
341
+ margin-top:0px;
342
+
343
+
344
+
345
+
346
+
347
+
348
+
349
+
350
+
351
+ }
352
+
353
+
354
+
355
+ #sub_title_area{
356
+
357
+ text-align:center;
358
+
359
+ margin-top:-40px;
360
+
361
+
362
+
363
+
364
+
365
+ }
366
+
367
+
368
+
369
+
370
+
371
+
372
+
373
+
374
+
375
+ #sub{
376
+
377
+ font-size:16px;
378
+
379
+ text-align:center;
380
+
381
+
382
+
383
+ }
384
+
385
+
386
+
387
+
388
+
389
+ #home_right_area {
390
+
391
+ text-align:right;
392
+
393
+ margin:100px 120px 0 0;
394
+
395
+ display:block;
396
+
397
+
398
+
399
+
400
+
401
+
402
+
403
+ }
404
+
405
+
406
+
407
+
408
+
409
+
410
+
411
+ #menu {
412
+
413
+ width: 100%;
414
+
415
+ max-width:1680px;
416
+
417
+ margin:0 auto;
418
+
419
+ padding:0;
420
+
421
+ display:block;
422
+
423
+
424
+
425
+
426
+
427
+ }
428
+
429
+ #menu li{
430
+
431
+ display:block;
432
+
433
+ float: left;
434
+
435
+ width: 16.6666667%;
436
+
437
+ margin: 0;
438
+
439
+ padding:0;
440
+
441
+
442
+
443
+ }
444
+
445
+ #menu li a {
446
+
447
+ display: block;
448
+
449
+ padding:0 20px 0 20px;
450
+
451
+ background-color:;
452
+
453
+ color:white;
454
+
455
+ text-align: center;
456
+
457
+ text-decoration: none;
458
+
459
+ border-right:1px solid #4baacb;
460
+
461
+
462
+
463
+ }
464
+
465
+ #menu li:last-child a{
466
+
467
+ border: none;
468
+
469
+ }
470
+
471
+ #menu li a:link{
472
+
473
+ color:white;
474
+
475
+ }
476
+
477
+ #menu li a:hover{
478
+
479
+ color:blueviolet;
480
+
481
+ }
482
+
483
+ #toggle {
484
+
485
+ display: none;
486
+
487
+ }
488
+
203
489
  ```
204
490
 
205
- 以上htmlに記述
206
-
207
-
208
-
209
-
210
-
211
- cssは
491
+ です。
212
-
213
-
214
-
215
- ```ここに言語を入力
492
+
216
-
217
- ```ここに言語を入力
218
-
219
- .pg-canvas {
220
-
221
- position:fixed;
222
-
223
- top:0;
224
-
225
- left: 0;
226
-
227
- right: 0;
228
-
229
- bottom: 0;
230
-
231
- width: 100%;
232
-
233
- height: 100%;
234
-
235
- display: block;
236
-
237
- z-index:0;
238
-
239
-
240
-
241
- }
242
-
243
- /* TEMPLATE +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Retina parts */
244
-
245
- @media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx){
246
-
247
-
248
-
249
- }
250
-
251
- /* TEMPLATE Retina parts end*/
252
-
253
-
254
-
255
-
256
-
257
-
258
-
259
- /* INTERFACE */
260
-
261
- body{
262
-
263
- -webkit-text-size-adjust:100%;
264
-
265
- background-color:white;
266
-
267
- margin:0px;
268
-
269
- padding:0px;
270
-
271
- font-family:"游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS 明朝", serif;
272
-
273
-
274
-
275
- }
276
-
277
- .pg-canvas {
278
-
279
- position:fixed;
280
-
281
- top:0;
282
-
283
- left: 0;
284
-
285
- right: 0;
286
-
287
- bottom: 0;
288
-
289
- width: 100%;
290
-
291
- height: 100%;
292
-
293
- display: block;
294
-
295
- z-index:0;
296
-
297
-
298
-
299
- }
300
-
301
- #layout_area{
302
-
303
- max-width:1680px;
304
-
305
- background-image:url("../img/main_004.jpg");
306
-
307
- background-repeat:no-repeat;
493
+ .bg-canvasがparticlegroundというjqeryです
308
-
309
- background-position:center-top;
494
+
310
-
311
- background-size:cover;
312
-
313
- height:100%;
314
-
315
- margin:0 auto;
316
-
317
-
318
-
319
-
320
-
321
-
322
-
323
-
324
-
325
- }
326
-
327
-
328
-
329
- #header_area{}
330
-
331
-
332
-
333
- #logo_area{
495
+ よろしくお願いします。
334
-
335
- padding:10px 10px;
336
-
337
-
338
-
339
- }
340
-
341
-
342
-
343
- #title_area{
344
-
345
- text-align:center;
346
-
347
- margin-top:0px;
348
-
349
-
350
-
351
-
352
-
353
-
354
-
355
-
356
-
357
- }
358
-
359
-
360
-
361
- #sub_title_area{
362
-
363
- text-align:center;
364
-
365
- margin-top:-40px;
366
-
367
-
368
-
369
-
370
-
371
- }
372
-
373
-
374
-
375
-
376
-
377
-
378
-
379
-
380
-
381
- #sub{
382
-
383
- font-size:16px;
384
-
385
- text-align:center;
386
-
387
-
388
-
389
- }
390
-
391
-
392
-
393
-
394
-
395
- #home_right_area {
396
-
397
- text-align:right;
398
-
399
- margin:100px 120px 0 0;
400
-
401
- display:block;
402
-
403
-
404
-
405
-
406
-
407
-
408
-
409
- }
410
-
411
-
412
-
413
-
414
-
415
-
416
-
417
- #menu {
418
-
419
- width: 100%;
420
-
421
- max-width:1680px;
422
-
423
- margin:0 auto;
424
-
425
- padding:0;
426
-
427
- display:block;
428
-
429
-
430
-
431
-
432
-
433
- }
434
-
435
- #menu li{
436
-
437
- display:block;
438
-
439
- float: left;
440
-
441
- width: 16.6666667%;
442
-
443
- margin: 0;
444
-
445
- padding:0;
446
-
447
-
448
-
449
- }
450
-
451
- #menu li a {
452
-
453
- display: block;
454
-
455
- padding:0 20px 0 20px;
456
-
457
- background-color:;
458
-
459
- color:white;
460
-
461
- text-align: center;
462
-
463
- text-decoration: none;
464
-
465
- border-right:1px solid #4baacb;
466
-
467
-
468
-
469
- }
470
-
471
- #menu li:last-child a{
472
-
473
- border: none;
474
-
475
- }
476
-
477
- #menu li a:link{
478
-
479
- color:white;
480
-
481
- }
482
-
483
- #menu li a:hover{
484
-
485
- color:blueviolet;
486
-
487
- }
488
-
489
- #toggle {
490
-
491
- display: none;
492
-
493
- }
494
496
 
495
497
  ```
496
-
497
- です。
498
-
499
- .bg-canvasがparticlegroundというjqeryです
500
-
501
- よろしくお願いします。
502
-
503
- ```

5

改善

2017/03/19 13:56

投稿

pun
pun

スコア7

test CHANGED
File without changes
test CHANGED
@@ -14,6 +14,8 @@
14
14
 
15
15
 
16
16
 
17
+
18
+
17
19
  ```ここに言語を入力
18
20
 
19
21
  <!DOCTYPE html>
@@ -198,6 +200,8 @@
198
200
 
199
201
  ```
200
202
 
203
+ ```
204
+
201
205
  以上htmlに記述
202
206
 
203
207
 

4

誤字

2017/03/19 13:53

投稿

pun
pun

スコア7

test CHANGED
File without changes
test CHANGED
@@ -4,494 +4,496 @@
4
4
 
5
5
 
6
6
 
7
+
8
+
9
+ particlegroundをプラグインしたらナビゲーションが押せずz-indexの配置場所と数値がわかりません。どなたか詳しい方、教えてください。
10
+
11
+ ```htmlは
12
+
13
+
14
+
15
+
16
+
7
17
  ```ここに言語を入力
8
18
 
19
+ <!DOCTYPE html>
20
+
21
+
22
+
23
+ <html>
24
+
25
+ <head>
26
+
27
+ <meta charset="UTF-8" />
28
+
29
+
30
+
31
+
32
+
33
+ <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=3" />
34
+
35
+
36
+
37
+ <title></title>
38
+
39
+ <link rel="stylesheet" type="text/css" media="screen and (max-width:660px)" href="./css/screen_sp.css" />
40
+
41
+ <link rel="stylesheet" type="text/css" media="screen and (min-width:661px) and (max-width:1023px)" href="./css/screen_tb.css" />
42
+
43
+ <link rel="stylesheet" type="text/css" media="screen and (min-width:1024px)" href="./css/screen_pc.css" />
44
+
45
+ <link rel="stylesheet" type="text/css" href="css/default.css">
46
+
47
+ <link rel="stylesheet" type="text/css" href="css/component.css">
48
+
49
+
50
+
51
+
52
+
53
+
54
+
55
+
56
+
57
+ <script src="jquery/jquery-1.10.2.min.js"></script>
58
+
59
+ <script type="text/javascript" src="js/jquery.particleground.min.js"></script>
60
+
61
+
62
+
63
+ <script src="js/jquery.dlmenu.js"></script>
64
+
65
+ <script type="text/javascript">
66
+
67
+ $(function(){
68
+
69
+ $('.particales').particleground({ //要素の指定
70
+
71
+ dotColor: '#ffffff', //ドットの色
72
+
73
+ lineColor: '#ffffff', //線の色
74
+
75
+ particleRadius: 5 //ドットのサイズ
76
+
77
+ });
78
+
79
+ $( '#dl-menu' ).dlmenu();
80
+
81
+ $("#toggle").click(function(){
82
+
83
+ $("#menu").slideToggle();
84
+
85
+ return false;
86
+
87
+ });
88
+
89
+ $(window).resize(function(){
90
+
91
+ var win = $(window).width();
92
+
93
+ var p =660;
94
+
95
+ if(win > p){
96
+
97
+ $("#menu").show();
98
+
99
+ } else {
100
+
101
+ $("#menu").hide();
102
+
103
+ }
104
+
105
+ });
106
+
107
+ var win = $(window).width();
108
+
109
+ var p = 660;
110
+
111
+ if(win < p)$(function(){
112
+
113
+ $("#menu li a").click(function(){
114
+
115
+ $("#menu").hide();
116
+
117
+ });
118
+
119
+ });
120
+
121
+ };
122
+
123
+ </script>
124
+
125
+
126
+
127
+ <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
128
+
129
+ <script type="text/javascript" src="./lib/html5/html5shiv-printshiv.js"></script>
130
+
131
+ <script type="text/javascript" src="./lib/html5/css3-mediaqueries.js"></script>
132
+
133
+ <link rel="stylesheet" type="text/css" hr<a href = "index.html"></a>ef="./css/ie8.css" media="screen" />
134
+
135
+
136
+
137
+
138
+
139
+
140
+
141
+ </head>
142
+
143
+ <body>
144
+
145
+ <div id="layout_area" class="particales">
146
+
147
+ <header id="header_area">
148
+
149
+ <div id="logo_area">
150
+
151
+ <!--<img src="./img/logo.png" alt="logo" width="80" height="103" />-->
152
+
153
+ </div>
154
+
155
+ <div id="title_area">
156
+
157
+ <h1>タイトル
158
+
159
+ </div>
160
+
161
+ <nav id="menu-box">
162
+
163
+ <div id="toggle"><a href="#">MENU</a></div>
164
+
165
+ <ul id="menu">
166
+
167
+ <li><a href="./index.html"/>HOME</a></li>
168
+
169
+ <li><a href="./about/about.html"/>home</a></li>
170
+
171
+ <li><a href="./fuji/fuji.html">hime</a></li>
172
+
173
+ <li><a href="./product/product.html">home</a></li>
174
+
9
- particlegroundをプラグインしたらナビゲーションが押せずz-indexの配置場所と数値がわかりません。どなたか詳しい方、教えてください。
175
+ <li><a href="#">home</a></li>
176
+
10
-
177
+ <li><a href="./contact/contact.html">home</a></li>
178
+
179
+ </ul>
180
+
181
+ </nav>
182
+
183
+ </header>
184
+
185
+ <div id="home_right_area">
186
+
187
+ <img src="./img/area01_icn07.png" alt="ホームコメント"/>
188
+
189
+ </div>
190
+
191
+ <footer id="footer_area">
192
+
193
+ <small>&copy 2017 ALL RIGHTS RESERVED</small><div id="place00"></div></footer>
194
+
195
+ </div>
196
+
197
+
198
+
199
+ ```
200
+
11
- ```html
201
+ 以上htmlに記述
202
+
203
+
204
+
205
+
206
+
207
+ cssは
12
208
 
13
209
 
14
210
 
15
211
  ```ここに言語を入力
16
212
 
17
- <!DOCTYPE html>
18
-
19
-
20
-
21
- <html>
22
-
23
- <head>
24
-
25
- <meta charset="UTF-8" />
26
-
27
-
28
-
29
-
30
-
31
- <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=3" />
32
-
33
-
34
-
35
- <title></title>
36
-
37
- <link rel="stylesheet" type="text/css" media="screen and (max-width:660px)" href="./css/screen_sp.css" />
38
-
39
- <link rel="stylesheet" type="text/css" media="screen and (min-width:661px) and (max-width:1023px)" href="./css/screen_tb.css" />
40
-
41
- <link rel="stylesheet" type="text/css" media="screen and (min-width:1024px)" href="./css/screen_pc.css" />
42
-
43
- <link rel="stylesheet" type="text/css" href="css/default.css">
44
-
45
- <link rel="stylesheet" type="text/css" href="css/component.css">
46
-
47
-
48
-
49
-
50
-
51
- ```その中にスクリプトタグ
52
-
53
-
54
-
55
- <script src="jquery/jquery-1.10.2.min.js"></script>
56
-
57
- <script type="text/javascript" src="js/jquery.particleground.min.js"></script>
58
-
59
-
60
-
61
- <script src="js/jquery.dlmenu.js"></script>
62
-
63
- <script type="text/javascript">
64
-
65
- $(function(){
66
-
67
- $('.particales').particleground({ //要素の指定
68
-
69
- dotColor: '#ffffff', //ドットの色
70
-
71
- lineColor: '#ffffff', //線の色
72
-
73
- particleRadius: 5 //ドットのサイズ
74
-
75
- });
76
-
77
- $( '#dl-menu' ).dlmenu();
78
-
79
- $("#toggle").click(function(){
80
-
81
- $("#menu").slideToggle();
82
-
83
- return false;
84
-
85
- });
86
-
87
- $(window).resize(function(){
88
-
89
- var win = $(window).width();
90
-
91
- var p =660;
92
-
93
- if(win > p){
94
-
95
- $("#menu").show();
96
-
97
- } else {
98
-
99
- $("#menu").hide();
100
-
101
- }
102
-
103
- });
104
-
105
- var win = $(window).width();
106
-
107
- var p = 660;
108
-
109
- if(win < p)$(function(){
110
-
111
- $("#menu li a").click(function(){
112
-
113
- $("#menu").hide();
114
-
115
- });
116
-
117
- });
118
-
119
- };
120
-
121
- </script>
122
-
123
-
124
-
125
- <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
126
-
127
- <script type="text/javascript" src="./lib/html5/html5shiv-printshiv.js"></script>
128
-
129
- <script type="text/javascript" src="./lib/html5/css3-mediaqueries.js"></script>
130
-
131
- <link rel="stylesheet" type="text/css" hr<a href = "index.html"></a>ef="./css/ie8.css" media="screen" />
132
-
133
- ```ここまでスクリプトタグ
134
-
135
-
136
-
137
-
138
-
139
-
140
-
141
- </head>
142
-
143
- <body>
144
-
145
- <div id="layout_area" class="particales">
146
-
147
- <header id="header_area">
148
-
149
- <div id="logo_area">
150
-
151
- <!--<img src="./img/logo.png" alt="logo" width="80" height="103" />-->
152
-
153
- </div>
154
-
155
- <div id="title_area">
156
-
157
- <h1>タイトル
158
-
159
- </div>
160
-
161
- <nav id="menu-box">
162
-
163
- <div id="toggle"><a href="#">MENU</a></div>
164
-
165
- <ul id="menu">
166
-
167
- <li><a href="./index.html"/>HOME</a></li>
168
-
169
- <li><a href="./about/about.html"/>home</a></li>
170
-
171
- <li><a href="./fuji/fuji.html">hime</a></li>
172
-
173
- <li><a href="./product/product.html">home</a></li>
174
-
175
- <li><a href="#">home</a></li>
176
-
177
- <li><a href="./contact/contact.html">home</a></li>
178
-
179
- </ul>
180
-
181
- </nav>
182
-
183
- </header>
184
-
185
- <div id="home_right_area">
186
-
187
- <img src="./img/area01_icn07.png" alt="ホームコメント"/>
188
-
189
- </div>
190
-
191
- <footer id="footer_area">
192
-
193
- <small>&copy 2017 ALL RIGHTS RESERVED</small><div id="place00"></div></footer>
194
-
195
- </div>
196
-
197
-
198
-
199
- 以上htmlに記述
213
+ ```ここに言語を入力
214
+
215
+ .pg-canvas {
216
+
217
+ position:fixed;
218
+
219
+ top:0;
220
+
221
+ left: 0;
222
+
223
+ right: 0;
224
+
225
+ bottom: 0;
226
+
227
+ width: 100%;
228
+
229
+ height: 100%;
230
+
231
+ display: block;
232
+
233
+ z-index:0;
234
+
235
+
236
+
237
+ }
238
+
239
+ /* TEMPLATE +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Retina parts */
240
+
241
+ @media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx){
242
+
243
+
244
+
245
+ }
246
+
247
+ /* TEMPLATE Retina parts end*/
248
+
249
+
250
+
251
+
252
+
253
+
254
+
255
+ /* INTERFACE */
256
+
257
+ body{
258
+
259
+ -webkit-text-size-adjust:100%;
260
+
261
+ background-color:white;
262
+
263
+ margin:0px;
264
+
265
+ padding:0px;
266
+
267
+ font-family:"游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS 明朝", serif;
268
+
269
+
270
+
271
+ }
272
+
273
+ .pg-canvas {
274
+
275
+ position:fixed;
276
+
277
+ top:0;
278
+
279
+ left: 0;
280
+
281
+ right: 0;
282
+
283
+ bottom: 0;
284
+
285
+ width: 100%;
286
+
287
+ height: 100%;
288
+
289
+ display: block;
290
+
291
+ z-index:0;
292
+
293
+
294
+
295
+ }
296
+
297
+ #layout_area{
298
+
299
+ max-width:1680px;
300
+
301
+ background-image:url("../img/main_004.jpg");
302
+
303
+ background-repeat:no-repeat;
304
+
305
+ background-position:center-top;
306
+
307
+ background-size:cover;
308
+
309
+ height:100%;
310
+
311
+ margin:0 auto;
312
+
313
+
314
+
315
+
316
+
317
+
318
+
319
+
320
+
321
+ }
322
+
323
+
324
+
325
+ #header_area{}
326
+
327
+
328
+
329
+ #logo_area{
330
+
331
+ padding:10px 10px;
332
+
333
+
334
+
335
+ }
336
+
337
+
338
+
339
+ #title_area{
340
+
341
+ text-align:center;
342
+
343
+ margin-top:0px;
344
+
345
+
346
+
347
+
348
+
349
+
350
+
351
+
352
+
353
+ }
354
+
355
+
356
+
357
+ #sub_title_area{
358
+
359
+ text-align:center;
360
+
361
+ margin-top:-40px;
362
+
363
+
364
+
365
+
366
+
367
+ }
368
+
369
+
370
+
371
+
372
+
373
+
374
+
375
+
376
+
377
+ #sub{
378
+
379
+ font-size:16px;
380
+
381
+ text-align:center;
382
+
383
+
384
+
385
+ }
386
+
387
+
388
+
389
+
390
+
391
+ #home_right_area {
392
+
393
+ text-align:right;
394
+
395
+ margin:100px 120px 0 0;
396
+
397
+ display:block;
398
+
399
+
400
+
401
+
402
+
403
+
404
+
405
+ }
406
+
407
+
408
+
409
+
410
+
411
+
412
+
413
+ #menu {
414
+
415
+ width: 100%;
416
+
417
+ max-width:1680px;
418
+
419
+ margin:0 auto;
420
+
421
+ padding:0;
422
+
423
+ display:block;
424
+
425
+
426
+
427
+
428
+
429
+ }
430
+
431
+ #menu li{
432
+
433
+ display:block;
434
+
435
+ float: left;
436
+
437
+ width: 16.6666667%;
438
+
439
+ margin: 0;
440
+
441
+ padding:0;
442
+
443
+
444
+
445
+ }
446
+
447
+ #menu li a {
448
+
449
+ display: block;
450
+
451
+ padding:0 20px 0 20px;
452
+
453
+ background-color:;
454
+
455
+ color:white;
456
+
457
+ text-align: center;
458
+
459
+ text-decoration: none;
460
+
461
+ border-right:1px solid #4baacb;
462
+
463
+
464
+
465
+ }
466
+
467
+ #menu li:last-child a{
468
+
469
+ border: none;
470
+
471
+ }
472
+
473
+ #menu li a:link{
474
+
475
+ color:white;
476
+
477
+ }
478
+
479
+ #menu li a:hover{
480
+
481
+ color:blueviolet;
482
+
483
+ }
484
+
485
+ #toggle {
486
+
487
+ display: none;
488
+
489
+ }
200
490
 
201
491
  ```
202
492
 
493
+ です。
494
+
495
+ .bg-canvasがparticlegroundというjqeryです
496
+
497
+ よろしくお願いします。
498
+
203
499
  ```
204
-
205
- cssは
206
-
207
-
208
-
209
- ```ここに言語を入力
210
-
211
- ```ここに言語を入力
212
-
213
- .pg-canvas {
214
-
215
- position:fixed;
216
-
217
- top:0;
218
-
219
- left: 0;
220
-
221
- right: 0;
222
-
223
- bottom: 0;
224
-
225
- width: 100%;
226
-
227
- height: 100%;
228
-
229
- display: block;
230
-
231
- z-index:0;
232
-
233
-
234
-
235
- }
236
-
237
- /* TEMPLATE +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Retina parts */
238
-
239
- @media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx){
240
-
241
-
242
-
243
- }
244
-
245
- /* TEMPLATE Retina parts end*/
246
-
247
-
248
-
249
-
250
-
251
-
252
-
253
- /* INTERFACE */
254
-
255
- body{
256
-
257
- -webkit-text-size-adjust:100%;
258
-
259
- background-color:white;
260
-
261
- margin:0px;
262
-
263
- padding:0px;
264
-
265
- font-family:"游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS 明朝", serif;
266
-
267
-
268
-
269
- }
270
-
271
- .pg-canvas {
272
-
273
- position:fixed;
274
-
275
- top:0;
276
-
277
- left: 0;
278
-
279
- right: 0;
280
-
281
- bottom: 0;
282
-
283
- width: 100%;
284
-
285
- height: 100%;
286
-
287
- display: block;
288
-
289
- z-index:0;
290
-
291
-
292
-
293
- }
294
-
295
- #layout_area{
296
-
297
- max-width:1680px;
298
-
299
- background-image:url("../img/main_004.jpg");
300
-
301
- background-repeat:no-repeat;
302
-
303
- background-position:center-top;
304
-
305
- background-size:cover;
306
-
307
- height:100%;
308
-
309
- margin:0 auto;
310
-
311
-
312
-
313
-
314
-
315
-
316
-
317
-
318
-
319
- }
320
-
321
-
322
-
323
- #header_area{}
324
-
325
-
326
-
327
- #logo_area{
328
-
329
- padding:10px 10px;
330
-
331
-
332
-
333
- }
334
-
335
-
336
-
337
- #title_area{
338
-
339
- text-align:center;
340
-
341
- margin-top:0px;
342
-
343
-
344
-
345
-
346
-
347
-
348
-
349
-
350
-
351
- }
352
-
353
-
354
-
355
- #sub_title_area{
356
-
357
- text-align:center;
358
-
359
- margin-top:-40px;
360
-
361
-
362
-
363
-
364
-
365
- }
366
-
367
-
368
-
369
-
370
-
371
-
372
-
373
-
374
-
375
- #sub{
376
-
377
- font-size:16px;
378
-
379
- text-align:center;
380
-
381
-
382
-
383
- }
384
-
385
-
386
-
387
-
388
-
389
- #home_right_area {
390
-
391
- text-align:right;
392
-
393
- margin:100px 120px 0 0;
394
-
395
- display:block;
396
-
397
-
398
-
399
-
400
-
401
-
402
-
403
- }
404
-
405
-
406
-
407
-
408
-
409
-
410
-
411
- #menu {
412
-
413
- width: 100%;
414
-
415
- max-width:1680px;
416
-
417
- margin:0 auto;
418
-
419
- padding:0;
420
-
421
- display:block;
422
-
423
-
424
-
425
-
426
-
427
- }
428
-
429
- #menu li{
430
-
431
- display:block;
432
-
433
- float: left;
434
-
435
- width: 16.6666667%;
436
-
437
- margin: 0;
438
-
439
- padding:0;
440
-
441
-
442
-
443
- }
444
-
445
- #menu li a {
446
-
447
- display: block;
448
-
449
- padding:0 20px 0 20px;
450
-
451
- background-color:;
452
-
453
- color:white;
454
-
455
- text-align: center;
456
-
457
- text-decoration: none;
458
-
459
- border-right:1px solid #4baacb;
460
-
461
-
462
-
463
- }
464
-
465
- #menu li:last-child a{
466
-
467
- border: none;
468
-
469
- }
470
-
471
- #menu li a:link{
472
-
473
- color:white;
474
-
475
- }
476
-
477
- #menu li a:hover{
478
-
479
- color:blueviolet;
480
-
481
- }
482
-
483
- #toggle {
484
-
485
- display: none;
486
-
487
- }
488
-
489
- ```
490
-
491
- です。
492
-
493
- .bg-canvasがparticlegroundというjqeryです
494
-
495
- よろしくお願いします。
496
-
497
- ```

3

文法の修正

2017/03/19 13:50

投稿

pun
pun

スコア7

test CHANGED
File without changes
test CHANGED
@@ -4,12 +4,16 @@
4
4
 
5
5
 
6
6
 
7
+ ```ここに言語を入力
8
+
7
9
  particlegroundをプラグインしたらナビゲーションが押せずz-indexの配置場所と数値がわかりません。どなたか詳しい方、教えてください。
8
10
 
9
11
  ```htmlは
10
12
 
11
13
 
12
14
 
15
+ ```ここに言語を入力
16
+
13
17
  <!DOCTYPE html>
14
18
 
15
19
 
@@ -192,12 +196,20 @@
192
196
 
193
197
 
194
198
 
195
- ```以上htmlに記述
199
+ 以上htmlに記述
200
+
201
+ ```
202
+
203
+ ```
196
204
 
197
205
  cssは
198
206
 
199
207
 
200
208
 
209
+ ```ここに言語を入力
210
+
211
+ ```ここに言語を入力
212
+
201
213
  .pg-canvas {
202
214
 
203
215
  position:fixed;
@@ -474,8 +486,12 @@
474
486
 
475
487
  }
476
488
 
489
+ ```
490
+
477
491
  です。
478
492
 
479
493
  .bg-canvasがparticlegroundというjqeryです
480
494
 
481
495
  よろしくお願いします。
496
+
497
+ ```

2

誤字

2017/03/19 13:48

投稿

pun
pun

スコア7

test CHANGED
File without changes
test CHANGED
@@ -1,20 +1,28 @@
1
+ [リンク内容](http://http://on-ze.com/archives/2234)> 引用テキスト
2
+
3
+
4
+
5
+
6
+
1
7
  particlegroundをプラグインしたらナビゲーションが押せずz-indexの配置場所と数値がわかりません。どなたか詳しい方、教えてください。
2
8
 
3
-
4
-
5
- htmlは
9
+ ```htmlは
10
+
11
+
6
12
 
7
13
  <!DOCTYPE html>
8
14
 
15
+
16
+
9
17
  <html>
10
18
 
11
19
  <head>
12
20
 
13
21
  <meta charset="UTF-8" />
14
22
 
15
- <meta name="description" content="" />
23
+
16
-
17
- <meta name="keywords" content="" />
24
+
25
+
18
26
 
19
27
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=3" />
20
28
 
@@ -26,13 +34,7 @@
26
34
 
27
35
  <link rel="stylesheet" type="text/css" media="screen and (min-width:661px) and (max-width:1023px)" href="./css/screen_tb.css" />
28
36
 
29
- <link rel="stylesheet" type="text/css" media="screen and (min-width:1024px)" href="./css/screen_pc.css" />
37
+ <link rel="stylesheet" type="text/css" media="screen and (min-width:1024px)" href="./css/screen_pc.css" />
30
-
31
-
32
-
33
-
34
-
35
-
36
38
 
37
39
  <link rel="stylesheet" type="text/css" href="css/default.css">
38
40
 
@@ -40,7 +42,13 @@
40
42
 
41
43
 
42
44
 
45
+
46
+
47
+ ```その中にスクリプトタグ
48
+
49
+
50
+
43
- <script src="jquery/jquery-1.10.2.min.js"></script>
51
+ <script src="jquery/jquery-1.10.2.min.js"></script>
44
52
 
45
53
  <script type="text/javascript" src="js/jquery.particleground.min.js"></script>
46
54
 
@@ -104,7 +112,7 @@
104
112
 
105
113
  });
106
114
 
107
- });
115
+ };
108
116
 
109
117
  </script>
110
118
 
@@ -112,16 +120,20 @@
112
120
 
113
121
  <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
114
122
 
115
-
116
-
117
123
  <script type="text/javascript" src="./lib/html5/html5shiv-printshiv.js"></script>
118
124
 
119
-
120
-
121
125
  <script type="text/javascript" src="./lib/html5/css3-mediaqueries.js"></script>
122
126
 
123
127
  <link rel="stylesheet" type="text/css" hr<a href = "index.html"></a>ef="./css/ie8.css" media="screen" />
124
128
 
129
+ ```ここまでスクリプトタグ
130
+
131
+
132
+
133
+
134
+
135
+
136
+
125
137
  </head>
126
138
 
127
139
  <body>
@@ -180,6 +192,8 @@
180
192
 
181
193
 
182
194
 
195
+ ```以上htmlに記述
196
+
183
197
  cssは
184
198
 
185
199
 

1

誤字

2017/03/19 13:43

投稿

pun
pun

スコア7

test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,4 @@
1
- particlegroundをプラグインしたらナビゲーションが押せずz-indentの配置場所と数値がわかりません。どなたか詳しい方、教えてください。
1
+ particlegroundをプラグインしたらナビゲーションが押せずz-indexの配置場所と数値がわかりません。どなたか詳しい方、教えてください。
2
2
 
3
3
 
4
4