質問編集履歴

2

markdownを用いて変更しました。

2020/04/12 09:07

投稿

sawamaru
sawamaru

スコア6

test CHANGED
File without changes
test CHANGED
@@ -16,25 +16,27 @@
16
16
 
17
17
 
18
18
 
19
+ ```HTML
20
+
21
+ <head>
22
+
23
+ <meta charset="UTF-8">
24
+
25
+ <title>LAMINA</title>
26
+
27
+ <link rel="stylesheet" type="text/css" href="css/ress.css">
28
+
29
+ <link rel="stylesheet" type="text/css" href="css/slick.css">
30
+
31
+ <link rel="stylesheet" type="text/css" href="css/slick-theme.css">
32
+
33
+ <link rel="stylesheet" type="text/css" href="css/style.css">
34
+
35
+ <link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet">
36
+
19
37
  <html>
20
38
 
21
- <head>
22
-
23
- <meta charset="UTF-8">
24
-
25
- <title>LAMINA</title>
26
-
27
- <link rel="stylesheet" type="text/css" href="css/ress.css">
28
-
29
- <link rel="stylesheet" type="text/css" href="css/slick.css">
30
-
31
- <link rel="stylesheet" type="text/css" href="css/slick-theme.css">
32
-
33
- <link rel="stylesheet" type="text/css" href="css/style.css">
34
-
35
- <link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet">
36
-
37
- </head>
39
+ </head>
38
40
 
39
41
 
40
42
 
@@ -96,7 +98,15 @@
96
98
 
97
99
 
98
100
 
99
- CSS
101
+ ```
102
+
103
+
104
+
105
+
106
+
107
+ ```css
108
+
109
+ コード
100
110
 
101
111
 
102
112
 
@@ -200,25 +210,31 @@
200
210
 
201
211
  .slick-prev:before {
202
212
 
213
+ position: relative;
214
+
203
215
  color: black;
204
216
 
217
+ content: "\f104";
218
+
219
+ font-family: "Font Awesome 5 Free";
220
+
221
+ }
222
+
223
+
224
+
225
+ .slick-next:before {
226
+
205
227
  position: relative;
206
228
 
207
- content: "\f104";
208
-
209
- }
210
-
211
-
212
-
213
- .slick-next:before {
214
-
215
229
  color: black;
216
230
 
217
- position: relative;
218
-
219
231
  content: "\f105";
220
232
 
233
+ font-family: "Font Awesome 5 Free";
234
+
221
- }
235
+ }
236
+
237
+
222
238
 
223
239
 
224
240
 
@@ -240,242 +256,6 @@
240
256
 
241
257
  }
242
258
 
243
- ```HTML
244
-
245
- コード
246
-
247
- <head>
248
-
249
- <meta charset="UTF-8">
250
-
251
- <title>LAMINA</title>
252
-
253
- <link rel="stylesheet" type="text/css" href="css/ress.css">
254
-
255
- <link rel="stylesheet" type="text/css" href="css/slick.css">
256
-
257
- <link rel="stylesheet" type="text/css" href="css/slick-theme.css">
258
-
259
- <link rel="stylesheet" type="text/css" href="css/style.css">
260
-
261
- <link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet">
262
-
263
- <html>
264
-
265
- </head>
266
-
267
-
268
-
269
-
270
-
271
- <body>
272
-
273
- <header>
274
-
275
- <ul>
276
-
277
- <li>NEW IN</li>
278
-
279
- <li>COLLECTION</li>
280
-
281
- <li>LOOKBOOK</li>
282
-
283
- <li id="logo">LAMINA</li>
284
-
285
- <li>OUR STORY</li>
286
-
287
- <li>NEWS</li>
288
-
289
- <li>STORES</li>
290
-
291
- </ul>
292
-
293
- </header>
294
-
295
-
296
-
297
- <div class="top-wrapper">
298
-
299
- <ul class="slider">
300
-
301
- <li><img src="img/lamina_01.jpg"></li>
302
-
303
- <li><img src="img/lamina_02.jpg"></li>
304
-
305
- <li><img src="img/lamina_01.jpg"></li>
306
-
307
- </ul>
308
-
309
- </div>
310
-
311
-
312
-
313
-
314
-
315
- <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
316
-
317
- <script src="js/slick.min.js"></script>
318
-
319
- <script src="js/main.js"></script>
320
-
321
- </body>
322
-
323
- </html>
324
-
325
-
326
-
327
- ```css
328
-
329
- コード
330
-
331
-
332
-
333
- html, body,
334
-
335
- ul, ol, li,
336
-
337
- h1, h2, h3, h4, h5, h6, p, div {
338
-
339
- margin: 0;
340
-
341
- padding: 0;
342
-
343
- }
344
-
345
-
346
-
347
- li {
348
-
349
- list-style: none;
350
-
351
- }
352
-
353
-
354
-
355
- html {
356
-
357
- width: 1600px;
358
-
359
- }
360
-
361
-
362
-
363
- header {
364
-
365
- height: 96px;
366
-
367
- padding-left: 244px;
368
-
369
- padding-right: 260px;
370
-
371
- font-family: Bodoni URW;
372
-
373
- display: flow-root;
374
-
375
- }
376
-
377
-
378
-
379
- header li {
380
-
381
- float: left;
382
-
383
- padding-right: 46px;
384
-
385
- padding-top: 44px;
386
-
387
- padding-bottom: 41px;
388
-
389
- color: #777777
390
-
391
- }
392
-
393
-
394
-
395
- #logo {
396
-
397
- font-size: 36px;
398
-
399
- padding: 37px 97px 34px 100px;
400
-
401
- color: #111111
402
-
403
- }
404
-
405
-
406
-
407
-
408
-
409
-
410
-
411
- .slider {
412
-
413
- height: 712px;
414
-
415
- width: 1600px;
416
-
417
- padding: 0;
418
-
419
- }
420
-
421
-
422
-
423
- .slider img {
424
-
425
- width: 100%
426
-
427
- }
428
-
429
-
430
-
431
- .slick-prev:before {
432
-
433
- position: relative;
434
-
435
- color: black;
436
-
437
- content: "\f104";
438
-
439
- font-family: "Font Awesome 5 Free";
440
-
441
- }
442
-
443
-
444
-
445
- .slick-next:before {
446
-
447
- position: relative;
448
-
449
- color: black;
450
-
451
- content: "\f105";
452
-
453
- font-family: "Font Awesome 5 Free";
454
-
455
- }
456
-
457
-
458
-
459
-
460
-
461
- .slick-prev {
462
-
463
- left: 35px;
464
-
465
- z-index: 100;
466
-
467
- }
468
-
469
-
470
-
471
- .slick-next {
472
-
473
- right: 35px;
474
-
475
- z-index: 100;
476
-
477
- }
478
-
479
259
  ```
480
260
 
481
261
  ```

1

markdownを用いて更新しました。

2020/04/12 09:07

投稿

sawamaru
sawamaru

スコア6

test CHANGED
File without changes
test CHANGED
@@ -14,8 +14,6 @@
14
14
 
15
15
 
16
16
 
17
- HTML
18
-
19
17
 
20
18
 
21
19
  <html>
@@ -241,3 +239,243 @@
241
239
  z-index: 100;
242
240
 
243
241
  }
242
+
243
+ ```HTML
244
+
245
+ コード
246
+
247
+ <head>
248
+
249
+ <meta charset="UTF-8">
250
+
251
+ <title>LAMINA</title>
252
+
253
+ <link rel="stylesheet" type="text/css" href="css/ress.css">
254
+
255
+ <link rel="stylesheet" type="text/css" href="css/slick.css">
256
+
257
+ <link rel="stylesheet" type="text/css" href="css/slick-theme.css">
258
+
259
+ <link rel="stylesheet" type="text/css" href="css/style.css">
260
+
261
+ <link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet">
262
+
263
+ <html>
264
+
265
+ </head>
266
+
267
+
268
+
269
+
270
+
271
+ <body>
272
+
273
+ <header>
274
+
275
+ <ul>
276
+
277
+ <li>NEW IN</li>
278
+
279
+ <li>COLLECTION</li>
280
+
281
+ <li>LOOKBOOK</li>
282
+
283
+ <li id="logo">LAMINA</li>
284
+
285
+ <li>OUR STORY</li>
286
+
287
+ <li>NEWS</li>
288
+
289
+ <li>STORES</li>
290
+
291
+ </ul>
292
+
293
+ </header>
294
+
295
+
296
+
297
+ <div class="top-wrapper">
298
+
299
+ <ul class="slider">
300
+
301
+ <li><img src="img/lamina_01.jpg"></li>
302
+
303
+ <li><img src="img/lamina_02.jpg"></li>
304
+
305
+ <li><img src="img/lamina_01.jpg"></li>
306
+
307
+ </ul>
308
+
309
+ </div>
310
+
311
+
312
+
313
+
314
+
315
+ <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
316
+
317
+ <script src="js/slick.min.js"></script>
318
+
319
+ <script src="js/main.js"></script>
320
+
321
+ </body>
322
+
323
+ </html>
324
+
325
+
326
+
327
+ ```css
328
+
329
+ コード
330
+
331
+
332
+
333
+ html, body,
334
+
335
+ ul, ol, li,
336
+
337
+ h1, h2, h3, h4, h5, h6, p, div {
338
+
339
+ margin: 0;
340
+
341
+ padding: 0;
342
+
343
+ }
344
+
345
+
346
+
347
+ li {
348
+
349
+ list-style: none;
350
+
351
+ }
352
+
353
+
354
+
355
+ html {
356
+
357
+ width: 1600px;
358
+
359
+ }
360
+
361
+
362
+
363
+ header {
364
+
365
+ height: 96px;
366
+
367
+ padding-left: 244px;
368
+
369
+ padding-right: 260px;
370
+
371
+ font-family: Bodoni URW;
372
+
373
+ display: flow-root;
374
+
375
+ }
376
+
377
+
378
+
379
+ header li {
380
+
381
+ float: left;
382
+
383
+ padding-right: 46px;
384
+
385
+ padding-top: 44px;
386
+
387
+ padding-bottom: 41px;
388
+
389
+ color: #777777
390
+
391
+ }
392
+
393
+
394
+
395
+ #logo {
396
+
397
+ font-size: 36px;
398
+
399
+ padding: 37px 97px 34px 100px;
400
+
401
+ color: #111111
402
+
403
+ }
404
+
405
+
406
+
407
+
408
+
409
+
410
+
411
+ .slider {
412
+
413
+ height: 712px;
414
+
415
+ width: 1600px;
416
+
417
+ padding: 0;
418
+
419
+ }
420
+
421
+
422
+
423
+ .slider img {
424
+
425
+ width: 100%
426
+
427
+ }
428
+
429
+
430
+
431
+ .slick-prev:before {
432
+
433
+ position: relative;
434
+
435
+ color: black;
436
+
437
+ content: "\f104";
438
+
439
+ font-family: "Font Awesome 5 Free";
440
+
441
+ }
442
+
443
+
444
+
445
+ .slick-next:before {
446
+
447
+ position: relative;
448
+
449
+ color: black;
450
+
451
+ content: "\f105";
452
+
453
+ font-family: "Font Awesome 5 Free";
454
+
455
+ }
456
+
457
+
458
+
459
+
460
+
461
+ .slick-prev {
462
+
463
+ left: 35px;
464
+
465
+ z-index: 100;
466
+
467
+ }
468
+
469
+
470
+
471
+ .slick-next {
472
+
473
+ right: 35px;
474
+
475
+ z-index: 100;
476
+
477
+ }
478
+
479
+ ```
480
+
481
+ ```