質問編集履歴

4

コード記入

2021/02/27 09:26

投稿

negitoro_
negitoro_

スコア0

test CHANGED
File without changes
test CHANGED
@@ -8,803 +8,627 @@
8
8
 
9
9
 
10
10
 
11
- ![イメージ説明](809bb6b05400eeb5260597a04c38d9f2.png)
12
-
13
-
14
-
15
-
16
-
17
- ### css html
18
-
19
- ```<!DOCTYPE html>
20
-
21
- <html lang="ja">
22
-
23
- <haed>
24
-
25
- <meta charset="UTF-8">
26
-
27
- <meta name="viewport" content="target-densitydpi=device-dpi, width=1200, maximum-scale=1.0, user-scalable=yes">
28
-
29
- <title>NEXT ENDING</title>
30
-
31
- <link rel="stylesheet"href="home.css">
32
-
33
- </haed>
34
-
35
- <body bgcolor="#fff" style="margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 0;">
36
-
37
-
38
-
39
-
40
-
41
-
42
-
43
- <!-------------ヘッダーメニュー--------------->
11
+
12
+
13
+
14
+
15
+ コード
16
+
17
+ ```
18
+
19
+ ```
20
+
21
+
22
+
23
+ body{
24
+
25
+ background: #1c1c23;
26
+
27
+ height: 300px;
28
+
29
+
30
+
31
+ }
32
+
33
+
34
+
35
+
36
+
37
+ .example p {
38
+
39
+ position: absolute;
40
+
41
+ color: white;
42
+
43
+ top: 0;
44
+
45
+ left: 0;
46
+
47
+ }
48
+
49
+
50
+
51
+ .img_a img{
52
+
53
+ maX-width: 100%;
54
+
55
+
56
+
57
+
58
+
59
+ }
60
+
61
+
62
+
63
+ .example img {
64
+
65
+ position:fixed;
66
+
67
+ top: 0px;
68
+
69
+ width: 100%;
70
+
71
+ }
72
+
73
+ .nanasi img {
74
+
75
+ z-index: 2;
76
+
77
+ position: absolute;
78
+
79
+ transform: translate(0%, -15%);
80
+
81
+ width: 100%;
82
+
83
+ margin: 0 auto;
84
+
85
+
86
+
87
+ }
88
+
89
+ .titela img {
90
+
91
+ z-index: 2;
92
+
93
+ maX-width: 100%;
94
+
95
+ position: absolute;
96
+
97
+ transform: translate(0%, -300%);
98
+
99
+ }
100
+
101
+
102
+
103
+ }
104
+
105
+
106
+
107
+
108
+
109
+ .menu_item{
110
+
111
+ z-index: 4;
112
+
113
+ display: flex;
114
+
115
+ justify-content: center;
116
+
117
+ flex-wrap: wrap;
118
+
119
+
120
+
121
+ }
122
+
123
+
124
+
125
+ .menu a{
126
+
127
+ z-index: 4;
128
+
129
+ color: #fff;
130
+
131
+ text-decoration: none;
132
+
133
+ font-family: 'Courier New';
134
+
135
+ font-size: 25px;
136
+
137
+ margin-left: 45px;
138
+
139
+
140
+
141
+
142
+
143
+ }
144
+
145
+
146
+
147
+
148
+
149
+ .site-header{
150
+
151
+ z-index: 4;
152
+
153
+ position: fixed;
154
+
155
+ width: 100%;
156
+
157
+ }
158
+
159
+
160
+
161
+
162
+
163
+
164
+
165
+ ul {
166
+
167
+
168
+
169
+ width: 100%;
170
+
171
+
172
+
173
+ padding: 0;
174
+
175
+
176
+
177
+ list-style-type: none;
178
+
179
+
180
+
181
+ text-align: center;
182
+
183
+ z-index: 4;
184
+
185
+
186
+
187
+ }
188
+
189
+ ul li {
190
+
191
+ z-index: 4;
192
+
193
+ display: inline-block; 
194
+
195
+
196
+
197
+ line-height: 100%;
198
+
199
+ }
200
+
201
+ * {
202
+
203
+ margin: 0px;
204
+
205
+ padding: 0px;
206
+
207
+ }
208
+
209
+
210
+
211
+
212
+
213
+
214
+
215
+
216
+
217
+ .main-text p{
218
+
219
+ z-index: 1;
220
+
221
+ position: absolute;
222
+
223
+ letter-spacing: 0.13em;
224
+
225
+ color: #ffffff;
226
+
227
+ background-color:rgba(255,255,255,0.2);
228
+
229
+
230
+
231
+
232
+
233
+ }
234
+
235
+
236
+
237
+ .sabtitel{
238
+
239
+ z-index: 1;
240
+
241
+ font-family: 'ヒラギノ角ゴ Std W8';
242
+
243
+ font-size: 2.4vmax;
244
+
245
+ transform: translate(0%, -1200%);
246
+
247
+ width: 50%;
248
+
249
+ position: absolute;
250
+
251
+ padding-left: 20px;
252
+
253
+
44
254
 
45
255
 
46
256
 
47
- <center>
48
-
49
- <ul class="menu" style="list-style: none;">
50
-
51
- <header class="site-header">
52
-
53
- <niv class="menu_item">
54
-
55
- <li class="menu"><a href="home.html" alt="最初のページ">home</a></li>
56
-
57
- <li class="menu"><a href="map.html" alt="探索マップ">map</a></li>
58
-
59
- <li class="menu"><a href="" alt="キャラクター一覧">character</a></li>
60
-
61
- <li class="menu"><a href="" alt="章シナリオ">scenario</a></li>
62
-
63
- <li class="menu"><a href="" alt="関係者一覧">credit</a></li></niv>
64
-
65
- </header>
66
-
67
- </ul>
68
-
69
- </center>
70
-
71
-
72
-
73
- <main>
74
-
75
- <div class="main-text">
76
-
77
- <div class="img_a">
78
-
79
- <img src="home_a.png" alt="メインビジュアル">
80
-
81
- </div>
82
-
83
- <p class="sabtitel">海の底から誰かの泣き声が聞こえる</p>
84
-
85
- <p class="sabbtitel">海の底には国が秘密裏に作った共同実験所があるらしい<br>
86
-
87
- そんな噂どうせどこかのSNSで生まれた陰謀論か何かだ<br>
88
-
89
- なんて、この時の僕達はこれから起きるであろう悲劇の<br>
90
-
91
- 始まりの一端をだれも信じようとはしなかった
92
-
93
- </p>
94
-
95
-
96
-
97
- <p class="sabtitel2">「今から殺し合いをしていただきます」</p>
98
-
99
- <p class="sabbtitel2">少女のような風貌の彼女がそう告げる。<br>
100
-
101
- この場に集められただれもかれもが、そんなこと<br>
102
-
103
- できるわけがないだろうと抗議の声を上げた<br>
104
-
105
- 今までの生活から一変した非現実に竦む足もそのまま<br>
106
-
107
- さも当たり前のように話は勝手に進んでいくのであった
108
-
109
- </p>
110
-
111
-
112
-
113
- </div>
257
+
258
+
259
+
260
+
261
+ }
262
+
263
+ .sabbtitel{
264
+
265
+ z-index: 1;
266
+
267
+ font-family: 'ヒラギノ角ゴ Pro W6';
268
+
269
+ font-size: 1.6vmax;
270
+
271
+ transform: translate(0%, -400%);
272
+
273
+ width: 50%;
274
+
275
+ position: absolute;
276
+
277
+ padding-left: 20px;
278
+
279
+
280
+
281
+
282
+
283
+ }
284
+
285
+
286
+
287
+ .sabtitel2{
288
+
289
+ z-index: 1;
290
+
291
+ font-family: 'ヒラギノ角ゴ Std W8';
292
+
293
+ font-size: 2.4vmax;
294
+
295
+ transform: translate(0%, -380%);
296
+
297
+ width: 50%;
298
+
299
+ position: absolute;
300
+
301
+ padding-left: 20px;
302
+
303
+
114
304
 
115
305
 
116
306
 
307
+
308
+
309
+
310
+
311
+ }
312
+
313
+ .sabbtitel2{
314
+
315
+ z-index: 1;
316
+
317
+ font-family: 'ヒラギノ角ゴ Pro W6';
318
+
319
+ font-size: 1.6vmax;
320
+
321
+ transform: translate(0%, -65%);
322
+
323
+ width: 50%;
324
+
325
+ position: absolute;
326
+
327
+ padding-left: 20px;
328
+
329
+
330
+
331
+
332
+
333
+ }
334
+
335
+
336
+
337
+
338
+
339
+
340
+
341
+
342
+
343
+
344
+
345
+ }
346
+
347
+ span{
348
+
349
+ z-index: 1;
350
+
351
+ color: #f00078;
352
+
353
+ }
354
+
355
+
356
+
357
+ .button::before {
358
+
359
+ position: absolute;
360
+
361
+ top: 0;
362
+
363
+ right: 0;
364
+
365
+ bottom: 0;
366
+
367
+ left: 0;
368
+
369
+ z-index: -1;
370
+
371
+ content: '';
372
+
373
+ background: #fff;
374
+
375
+ transform-origin: right top;
376
+
377
+ transform: scale(0, 1.02);
378
+
379
+ transition: transform .3s;
380
+
381
+ }
382
+
383
+ .button:hover::before {
384
+
385
+ transform-origin: left top;
386
+
387
+ transform: scale(1, 1.02);
388
+
389
+ }
390
+
391
+
392
+
393
+ .button {
394
+
395
+ font-size: 2.0vmax;
396
+
397
+ top: 185%;
398
+
399
+ right: 0%;
400
+
401
+ left: 65%;
402
+
403
+ position: relative;
404
+
405
+ display: inline-block;
406
+
407
+ padding: .4em 2em;
408
+
409
+ border: 6px solid #40b1aa;
410
+
411
+ color: #40b1aa;
412
+
413
+ text-align: right;
414
+
415
+ text-decoration: none;
416
+
417
+ transition: .3s;
418
+
419
+ z-index: 5;
420
+
421
+ }
422
+
423
+ .button:hover {
424
+
425
+
426
+
427
+ color: #40b1aa;
428
+
429
+ }
430
+
431
+
432
+
433
+ .tyui{
434
+
435
+ font-family:'Avenir Next Condensed';
436
+
437
+ font-size: 5.4vmax;
438
+
439
+ color: #fff;
440
+
441
+ letter-spacing: 5px;
442
+
443
+ transform: translate(0%, 700%);
444
+
445
+ position: absolute;
446
+
447
+ border: 0;
448
+
449
+ text-align:center;
450
+
451
+ left: 0;
452
+
453
+ right: 0;
454
+
455
+ margin: auto;
456
+
457
+ }
458
+
459
+
460
+
461
+ .tyui2{
462
+
463
+ font-family:'Avenir Next Condensed';
464
+
465
+ font-size: 2vmax;
466
+
467
+ color: #fff;
468
+
469
+ letter-spacing: 5px;
470
+
471
+ transform: translate(0%, 1980%);
472
+
473
+ position: absolute;
474
+
475
+ text-align:center;
476
+
477
+ left: 0;
478
+
479
+ right: 0;
480
+
481
+ margin: auto;
482
+
483
+ }
484
+
485
+
486
+
487
+ .tyui01 img{
488
+
489
+ transform: translate(50%, 250%);
490
+
491
+ position: absolute;
492
+
493
+ width: 20%
494
+
495
+
496
+
497
+
498
+
499
+ }
500
+
501
+
502
+
503
+ .tyui02 img{
504
+
505
+ transform: translate(150%, 250%);
506
+
507
+ position: absolute;
508
+
509
+ width: 20%
510
+
511
+
512
+
513
+
514
+
515
+ }
516
+
517
+
518
+
519
+ .tyui03 img{
520
+
521
+ transform: translate(250%, 250%);
522
+
523
+ position: absolute;
524
+
525
+ width: 20%
526
+
527
+
528
+
529
+
530
+
531
+ }
532
+
533
+
534
+
535
+ .tyui04 img{
536
+
537
+ transform: translate(350%, 250%);
538
+
539
+ position: absolute;
540
+
541
+ width: 20%
542
+
543
+
544
+
545
+
546
+
547
+ }
548
+
549
+
550
+
551
+ .tyui3{
552
+
553
+ font-family:'Avenir Next Condensed';
554
+
555
+ font-size: 2vmax;
556
+
557
+ color: #fff;
558
+
559
+ letter-spacing: 5px;
560
+
561
+ transform: translate(0%, 3200%);
562
+
563
+ position: relative;
564
+
565
+ text-align:center;
566
+
567
+ left: 0;
568
+
569
+ right: 0;
570
+
571
+ margin: auto;
572
+
573
+ }
574
+
575
+
576
+
577
+
578
+
579
+
580
+
581
+ .tyui4{
582
+
583
+ overflow:auto;
584
+
585
+ margin:0 auto 20%;
586
+
587
+ padding:2.4%;
588
+
589
+ width:51%;
590
+
591
+ height:10%;
592
+
593
+ position: absolute;
594
+
595
+ left: 0;
596
+
597
+ right: 0;
598
+
599
+ transform: translate(0%, 1000%);
600
+
601
+ border:0.1vmax solid #fff;
602
+
117
603
 
118
604
 
119
-
120
-
121
- <div class="titela">
605
+ }
122
-
123
- <img src="home_2.png"alt="タイトル"></div>
606
+
124
-
607
+
608
+
125
- <div class="nanasi">
609
+ .tyui4 p{ font-size: 1vw;
126
-
127
- <img src="nanasi.png" alt="ナナシ"></div>
610
+
128
-
129
-
130
-
131
- <p class="tyui">Participation conditions</p>
132
-
133
- <p class="tyui2">応募の際の注意事項</p>
134
-
135
-
136
-
137
- <div class="tyui01">
138
-
139
- <img src="tyui01.png"alt="注意01"></div>
140
-
141
-
142
-
143
-
144
-
145
- <div class="tyui02">
146
-
147
- <img src="tyui02.png"alt="注意01"></div>
148
-
149
-
150
-
151
-
152
-
153
- <div class="tyui03">
154
-
155
- <img src="tyui03.png"alt="注意01"></div>
156
-
157
-
158
-
159
- <div class="tyui04">
160
-
161
- <img src="tyui04.png"alt="注意01"></div>
162
-
163
-
164
-
165
- <p class="tyui3"> ー企画概要ー </p>
166
-
167
-
168
-
169
- <div class="tyui4">
611
+ color:#fff;
170
-
171
- <p>・当企画は某ハイスピード推理リアクションゲームシリーズの世界観をお借りした二次創作企画になります。<br>
612
+
172
-
173
- ・本家様や実在の人物、企業等は関係ございません。<br><br>
174
-
175
- ・また、当企画は前作同様諸注意として、残酷な死亡表現、救いのないシナリオ、胸糞エンディングを<br>
176
-
177
- 迎えることになると思われますがそれをご了承できる方のみの応募を推奨させていただきます。<br><br>
178
-
179
- ・前作:ORIRONPA ENTERの同一世界観の話となります。<br>
180
-
181
- 前作に関しては未確認でも問題ない内容とはなっていますが、一点特殊な前提世界観がありますので<br>
182
-
183
- 後ほど出す世界観内容を確認の上応募をお願いいたします。<br><br>
184
-
185
- ・現時点では6章編成、2週間周期での進行予定となっております。尚、当企画は生き返り企画ではありますが<br>
186
-
187
- 前提とする胸糞エンディングに相違はございませんのでご安心ください<br><br>
188
-
189
- ・後ほど詳細として同義の文を本アカウントより出させていただきますが以上内容をご了承の上での<br>
190
-
191
- 応募のご検討をお願いいたします。<br><br></p></div>
192
-
193
- </main>
613
+ text-align:left;
194
614
 
195
615
 
196
616
 
197
-
198
-
199
-
200
-
201
-
202
-
203
-
204
-
205
-
206
-
207
- <p class="aa">a</p>
208
-
209
- コード
210
-
211
- ```
212
-
213
- ```
214
-
215
-
216
-
217
- body{
218
-
219
- background: #1c1c23;
220
-
221
- height: 300px;
222
-
223
-
224
-
225
- }
226
-
227
-
228
-
229
-
230
-
231
- .example p {
232
-
233
- position: absolute;
234
-
235
- color: white;
236
-
237
- top: 0;
238
-
239
- left: 0;
240
-
241
- }
242
-
243
-
244
-
245
- .img_a img{
246
-
247
- maX-width: 100%;
248
-
249
-
250
-
251
-
252
-
253
- }
254
-
255
-
256
-
257
- .example img {
258
-
259
- position:fixed;
260
-
261
- top: 0px;
262
-
263
- width: 100%;
264
-
265
- }
266
-
267
- .nanasi img {
268
-
269
- z-index: 2;
270
-
271
- position: absolute;
272
-
273
- transform: translate(0%, -15%);
274
-
275
- width: 100%;
276
-
277
- margin: 0 auto;
278
-
279
-
280
-
281
- }
282
-
283
- .titela img {
284
-
285
- z-index: 2;
286
-
287
- maX-width: 100%;
288
-
289
- position: absolute;
290
-
291
- transform: translate(0%, -300%);
292
-
293
- }
294
-
295
-
296
-
297
- }
298
-
299
-
300
-
301
-
302
-
303
- .menu_item{
304
-
305
- z-index: 4;
306
-
307
- display: flex;
308
-
309
- justify-content: center;
310
-
311
- flex-wrap: wrap;
312
-
313
-
314
-
315
- }
316
-
317
-
318
-
319
- .menu a{
320
-
321
- z-index: 4;
322
-
323
- color: #fff;
324
-
325
- text-decoration: none;
326
-
327
- font-family: 'Courier New';
328
-
329
- font-size: 25px;
330
-
331
- margin-left: 45px;
332
-
333
-
334
-
335
617
 
336
618
 
619
+
620
+
337
- }
621
+ }
338
-
339
-
340
-
341
-
342
-
343
- .site-header{
622
+
344
-
345
- z-index: 4;
623
+
346
-
347
- position: fixed;
624
+
348
-
349
- width: 100%;
350
-
351
- }
352
-
353
-
354
-
355
-
356
-
357
-
358
-
359
- ul {
360
-
361
-
362
-
363
- width: 100%;
364
-
365
-
366
-
367
- padding: 0;
368
-
369
-
370
-
371
- list-style-type: none;
372
-
373
-
374
-
375
- text-align: center;
376
-
377
- z-index: 4;
378
-
379
-
380
-
381
- }
382
-
383
- ul li {
384
-
385
- z-index: 4;
386
-
387
- display: inline-block; 
388
-
389
-
390
-
391
- line-height: 100%;
392
-
393
- }
394
-
395
- * {
396
-
397
- margin: 0px;
398
-
399
- padding: 0px;
400
-
401
- }
402
-
403
-
404
-
405
-
406
-
407
-
408
-
409
-
410
-
411
- .main-text p{
412
-
413
- z-index: 1;
414
-
415
- position: absolute;
416
-
417
- letter-spacing: 0.13em;
418
-
419
- color: #ffffff;
420
-
421
- background-color:rgba(255,255,255,0.2);
422
-
423
-
424
-
425
-
426
-
427
- }
428
-
429
-
430
-
431
- .sabtitel{
432
-
433
- z-index: 1;
434
-
435
- font-family: 'ヒラギノ角ゴ Std W8';
436
-
437
- font-size: 2.4vmax;
625
+ .aa{font-family: cursive;
438
-
439
- transform: translate(0%, -1200%);
440
-
441
- width: 50%;
442
-
443
- position: absolute;
444
-
445
- padding-left: 20px;
446
-
447
-
448
-
449
-
450
-
451
-
452
-
453
-
454
-
455
- }
456
-
457
- .sabbtitel{
458
-
459
- z-index: 1;
460
-
461
- font-family: 'ヒラギノ角ゴ Pro W6';
462
-
463
- font-size: 1.6vmax;
464
-
465
- transform: translate(0%, -400%);
466
-
467
- width: 50%;
468
-
469
- position: absolute;
470
-
471
- padding-left: 20px;
472
-
473
-
474
-
475
-
476
-
477
- }
478
-
479
-
480
-
481
- .sabtitel2{
482
-
483
- z-index: 1;
484
-
485
- font-family: 'ヒラギノ角ゴ Std W8';
486
-
487
- font-size: 2.4vmax;
488
-
489
- transform: translate(0%, -380%);
490
-
491
- width: 50%;
492
-
493
- position: absolute;
494
-
495
- padding-left: 20px;
496
-
497
-
498
-
499
-
500
-
501
-
502
-
503
-
504
-
505
- }
506
-
507
- .sabbtitel2{
508
-
509
- z-index: 1;
510
-
511
- font-family: 'ヒラギノ角ゴ Pro W6';
512
-
513
- font-size: 1.6vmax;
514
-
515
- transform: translate(0%, -65%);
516
-
517
- width: 50%;
518
-
519
- position: absolute;
520
-
521
- padding-left: 20px;
522
-
523
-
524
-
525
-
526
-
527
- }
528
-
529
-
530
-
531
-
532
-
533
-
534
-
535
-
536
-
537
-
538
-
539
- }
540
-
541
- span{
542
-
543
- z-index: 1;
544
-
545
- color: #f00078;
546
-
547
- }
548
-
549
-
550
-
551
- .button::before {
552
-
553
- position: absolute;
554
-
555
- top: 0;
556
-
557
- right: 0;
558
-
559
- bottom: 0;
560
-
561
- left: 0;
562
-
563
- z-index: -1;
564
-
565
- content: '';
566
-
567
- background: #fff;
568
-
569
- transform-origin: right top;
570
-
571
- transform: scale(0, 1.02);
572
-
573
- transition: transform .3s;
574
-
575
- }
576
-
577
- .button:hover::before {
578
-
579
- transform-origin: left top;
580
-
581
- transform: scale(1, 1.02);
582
-
583
- }
584
-
585
-
586
-
587
- .button {
588
-
589
- font-size: 2.0vmax;
590
-
591
- top: 185%;
592
-
593
- right: 0%;
594
-
595
- left: 65%;
596
-
597
- position: relative;
598
-
599
- display: inline-block;
600
-
601
- padding: .4em 2em;
602
-
603
- border: 6px solid #40b1aa;
604
-
605
- color: #40b1aa;
606
-
607
- text-align: right;
608
-
609
- text-decoration: none;
610
-
611
- transition: .3s;
612
-
613
- z-index: 5;
614
-
615
- }
616
-
617
- .button:hover {
618
-
619
-
620
-
621
- color: #40b1aa;
622
-
623
- }
624
-
625
-
626
-
627
- .tyui{
628
-
629
- font-family:'Avenir Next Condensed';
630
-
631
- font-size: 5.4vmax;
632
-
633
- color: #fff;
634
-
635
- letter-spacing: 5px;
636
-
637
- transform: translate(0%, 700%);
638
626
 
639
627
  position: absolute;
640
628
 
641
- border: 0;
642
-
643
- text-align:center;
644
-
645
- left: 0;
646
-
647
- right: 0;
648
-
649
- margin: auto;
650
-
651
- }
652
-
653
-
654
-
655
- .tyui2{
656
-
657
- font-family:'Avenir Next Condensed';
658
-
659
- font-size: 2vmax;
660
-
661
- color: #fff;
662
-
663
- letter-spacing: 5px;
664
-
665
- transform: translate(0%, 1980%);
666
-
667
- position: absolute;
668
-
669
- text-align:center;
670
-
671
- left: 0;
672
-
673
- right: 0;
674
-
675
- margin: auto;
676
-
677
- }
678
-
679
-
680
-
681
- .tyui01 img{
682
-
683
- transform: translate(50%, 250%);
684
-
685
- position: absolute;
686
-
687
- width: 20%
688
-
689
-
690
-
691
-
692
-
693
- }
694
-
695
-
696
-
697
- .tyui02 img{
698
-
699
- transform: translate(150%, 250%);
700
-
701
- position: absolute;
702
-
703
- width: 20%
704
-
705
-
706
-
707
-
708
-
709
- }
710
-
711
-
712
-
713
- .tyui03 img{
714
-
715
- transform: translate(250%, 250%);
716
-
717
- position: absolute;
718
-
719
- width: 20%
720
-
721
-
722
-
723
-
724
-
725
- }
726
-
727
-
728
-
729
- .tyui04 img{
730
-
731
- transform: translate(350%, 250%);
732
-
733
- position: absolute;
734
-
735
- width: 20%
736
-
737
-
738
-
739
-
740
-
741
- }
742
-
743
-
744
-
745
- .tyui3{
746
-
747
- font-family:'Avenir Next Condensed';
748
-
749
- font-size: 2vmax;
750
-
751
- color: #fff;
752
-
753
- letter-spacing: 5px;
754
-
755
- transform: translate(0%, 3200%);
756
-
757
- position: relative;
758
-
759
- text-align:center;
760
-
761
- left: 0;
762
-
763
- right: 0;
764
-
765
- margin: auto;
766
-
767
- }
768
-
769
-
770
-
771
-
772
-
773
-
774
-
775
- .tyui4{
776
-
777
- overflow:auto;
778
-
779
- margin:0 auto 20%;
780
-
781
- padding:2.4%;
782
-
783
- width:51%;
784
-
785
- height:10%;
786
-
787
- position: absolute;
788
-
789
- left: 0;
790
-
791
- right: 0;
792
-
793
- transform: translate(0%, 1000%);
794
-
795
- border:0.1vmax solid #fff;
796
-
797
-
798
-
799
- }
800
-
801
-
802
-
803
- .tyui4 p{ font-size: 1vw;
804
-
805
- color:#fff;
629
+ top:2700px;}
806
-
807
- text-align:left;
630
+
631
+
808
632
 
809
633
 
810
634
 
@@ -812,24 +636,6 @@
812
636
 
813
637
 
814
638
 
815
- }
816
-
817
-
818
-
819
- .aa{font-family: cursive;
820
-
821
- position: absolute;
822
-
823
- top:2700px;}
824
-
825
-
826
-
827
-
828
-
829
-
830
-
831
-
832
-
833
639
 
834
640
 
835
641
 

3

コード記入

2021/02/27 09:26

投稿

negitoro_
negitoro_

スコア0

test CHANGED
File without changes
test CHANGED
@@ -16,10 +16,760 @@
16
16
 
17
17
  ### css html
18
18
 
19
-
19
+ ```<!DOCTYPE html>
20
+
21
+ <html lang="ja">
22
+
23
+ <haed>
24
+
25
+ <meta charset="UTF-8">
26
+
27
+ <meta name="viewport" content="target-densitydpi=device-dpi, width=1200, maximum-scale=1.0, user-scalable=yes">
28
+
29
+ <title>NEXT ENDING</title>
30
+
31
+ <link rel="stylesheet"href="home.css">
32
+
33
+ </haed>
34
+
35
+ <body bgcolor="#fff" style="margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 0;">
36
+
37
+
38
+
39
+
40
+
41
+
42
+
43
+ <!-------------ヘッダーメニュー--------------->
44
+
45
+
46
+
47
+ <center>
48
+
49
+ <ul class="menu" style="list-style: none;">
50
+
51
+ <header class="site-header">
52
+
53
+ <niv class="menu_item">
54
+
55
+ <li class="menu"><a href="home.html" alt="最初のページ">home</a></li>
56
+
57
+ <li class="menu"><a href="map.html" alt="探索マップ">map</a></li>
58
+
59
+ <li class="menu"><a href="" alt="キャラクター一覧">character</a></li>
60
+
61
+ <li class="menu"><a href="" alt="章シナリオ">scenario</a></li>
62
+
63
+ <li class="menu"><a href="" alt="関係者一覧">credit</a></li></niv>
64
+
65
+ </header>
66
+
67
+ </ul>
68
+
69
+ </center>
70
+
71
+
72
+
73
+ <main>
74
+
75
+ <div class="main-text">
76
+
77
+ <div class="img_a">
78
+
79
+ <img src="home_a.png" alt="メインビジュアル">
80
+
81
+ </div>
82
+
83
+ <p class="sabtitel">海の底から誰かの泣き声が聞こえる</p>
84
+
85
+ <p class="sabbtitel">海の底には国が秘密裏に作った共同実験所があるらしい<br>
86
+
87
+ そんな噂どうせどこかのSNSで生まれた陰謀論か何かだ<br>
88
+
89
+ なんて、この時の僕達はこれから起きるであろう悲劇の<br>
90
+
91
+ 始まりの一端をだれも信じようとはしなかった
92
+
93
+ </p>
94
+
95
+
96
+
97
+ <p class="sabtitel2">「今から殺し合いをしていただきます」</p>
98
+
99
+ <p class="sabbtitel2">少女のような風貌の彼女がそう告げる。<br>
100
+
101
+ この場に集められただれもかれもが、そんなこと<br>
102
+
103
+ できるわけがないだろうと抗議の声を上げた<br>
104
+
105
+ 今までの生活から一変した非現実に竦む足もそのまま<br>
106
+
107
+ さも当たり前のように話は勝手に進んでいくのであった
108
+
109
+ </p>
110
+
111
+
112
+
113
+ </div>
114
+
115
+
116
+
117
+
118
+
119
+
120
+
121
+ <div class="titela">
122
+
123
+ <img src="home_2.png"alt="タイトル"></div>
124
+
125
+ <div class="nanasi">
126
+
127
+ <img src="nanasi.png" alt="ナナシ"></div>
128
+
129
+
130
+
131
+ <p class="tyui">Participation conditions</p>
132
+
133
+ <p class="tyui2">応募の際の注意事項</p>
134
+
135
+
136
+
137
+ <div class="tyui01">
138
+
139
+ <img src="tyui01.png"alt="注意01"></div>
140
+
141
+
142
+
143
+
144
+
145
+ <div class="tyui02">
146
+
147
+ <img src="tyui02.png"alt="注意01"></div>
148
+
149
+
150
+
151
+
152
+
153
+ <div class="tyui03">
154
+
155
+ <img src="tyui03.png"alt="注意01"></div>
156
+
157
+
158
+
159
+ <div class="tyui04">
160
+
161
+ <img src="tyui04.png"alt="注意01"></div>
162
+
163
+
164
+
165
+ <p class="tyui3"> ー企画概要ー </p>
166
+
167
+
168
+
169
+ <div class="tyui4">
170
+
171
+ <p>・当企画は某ハイスピード推理リアクションゲームシリーズの世界観をお借りした二次創作企画になります。<br>
172
+
173
+ ・本家様や実在の人物、企業等は関係ございません。<br><br>
174
+
175
+ ・また、当企画は前作同様諸注意として、残酷な死亡表現、救いのないシナリオ、胸糞エンディングを<br>
176
+
177
+ 迎えることになると思われますがそれをご了承できる方のみの応募を推奨させていただきます。<br><br>
178
+
179
+ ・前作:ORIRONPA ENTERの同一世界観の話となります。<br>
180
+
181
+ 前作に関しては未確認でも問題ない内容とはなっていますが、一点特殊な前提世界観がありますので<br>
182
+
183
+ 後ほど出す世界観内容を確認の上応募をお願いいたします。<br><br>
184
+
185
+ ・現時点では6章編成、2週間周期での進行予定となっております。尚、当企画は生き返り企画ではありますが<br>
186
+
187
+ 前提とする胸糞エンディングに相違はございませんのでご安心ください<br><br>
188
+
189
+ ・後ほど詳細として同義の文を本アカウントより出させていただきますが以上内容をご了承の上での<br>
190
+
191
+ 応募のご検討をお願いいたします。<br><br></p></div>
192
+
193
+ </main>
194
+
195
+
196
+
197
+
198
+
199
+
200
+
201
+
202
+
203
+
204
+
205
+
206
+
207
+ <p class="aa">a</p>
208
+
209
+ コード
20
210
 
21
211
  ```
22
212
 
213
+ ```
214
+
215
+
216
+
217
+ body{
218
+
219
+ background: #1c1c23;
220
+
221
+ height: 300px;
222
+
223
+
224
+
225
+ }
226
+
227
+
228
+
229
+
230
+
231
+ .example p {
232
+
233
+ position: absolute;
234
+
235
+ color: white;
236
+
237
+ top: 0;
238
+
239
+ left: 0;
240
+
241
+ }
242
+
243
+
244
+
245
+ .img_a img{
246
+
247
+ maX-width: 100%;
248
+
249
+
250
+
251
+
252
+
253
+ }
254
+
255
+
256
+
257
+ .example img {
258
+
259
+ position:fixed;
260
+
261
+ top: 0px;
262
+
263
+ width: 100%;
264
+
265
+ }
266
+
267
+ .nanasi img {
268
+
269
+ z-index: 2;
270
+
271
+ position: absolute;
272
+
273
+ transform: translate(0%, -15%);
274
+
275
+ width: 100%;
276
+
277
+ margin: 0 auto;
278
+
279
+
280
+
281
+ }
282
+
283
+ .titela img {
284
+
285
+ z-index: 2;
286
+
287
+ maX-width: 100%;
288
+
289
+ position: absolute;
290
+
291
+ transform: translate(0%, -300%);
292
+
293
+ }
294
+
295
+
296
+
297
+ }
298
+
299
+
300
+
301
+
302
+
303
+ .menu_item{
304
+
305
+ z-index: 4;
306
+
307
+ display: flex;
308
+
309
+ justify-content: center;
310
+
311
+ flex-wrap: wrap;
312
+
313
+
314
+
315
+ }
316
+
317
+
318
+
319
+ .menu a{
320
+
321
+ z-index: 4;
322
+
323
+ color: #fff;
324
+
325
+ text-decoration: none;
326
+
327
+ font-family: 'Courier New';
328
+
329
+ font-size: 25px;
330
+
331
+ margin-left: 45px;
332
+
333
+
334
+
335
+
336
+
337
+ }
338
+
339
+
340
+
341
+
342
+
343
+ .site-header{
344
+
345
+ z-index: 4;
346
+
347
+ position: fixed;
348
+
349
+ width: 100%;
350
+
351
+ }
352
+
353
+
354
+
355
+
356
+
357
+
358
+
359
+ ul {
360
+
361
+
362
+
363
+ width: 100%;
364
+
365
+
366
+
367
+ padding: 0;
368
+
369
+
370
+
371
+ list-style-type: none;
372
+
373
+
374
+
375
+ text-align: center;
376
+
377
+ z-index: 4;
378
+
379
+
380
+
381
+ }
382
+
383
+ ul li {
384
+
385
+ z-index: 4;
386
+
387
+ display: inline-block; 
388
+
389
+
390
+
391
+ line-height: 100%;
392
+
393
+ }
394
+
395
+ * {
396
+
397
+ margin: 0px;
398
+
399
+ padding: 0px;
400
+
401
+ }
402
+
403
+
404
+
405
+
406
+
407
+
408
+
409
+
410
+
411
+ .main-text p{
412
+
413
+ z-index: 1;
414
+
415
+ position: absolute;
416
+
417
+ letter-spacing: 0.13em;
418
+
419
+ color: #ffffff;
420
+
421
+ background-color:rgba(255,255,255,0.2);
422
+
423
+
424
+
425
+
426
+
427
+ }
428
+
429
+
430
+
431
+ .sabtitel{
432
+
433
+ z-index: 1;
434
+
435
+ font-family: 'ヒラギノ角ゴ Std W8';
436
+
437
+ font-size: 2.4vmax;
438
+
439
+ transform: translate(0%, -1200%);
440
+
441
+ width: 50%;
442
+
443
+ position: absolute;
444
+
445
+ padding-left: 20px;
446
+
447
+
448
+
449
+
450
+
451
+
452
+
453
+
454
+
455
+ }
456
+
457
+ .sabbtitel{
458
+
459
+ z-index: 1;
460
+
461
+ font-family: 'ヒラギノ角ゴ Pro W6';
462
+
463
+ font-size: 1.6vmax;
464
+
465
+ transform: translate(0%, -400%);
466
+
467
+ width: 50%;
468
+
469
+ position: absolute;
470
+
471
+ padding-left: 20px;
472
+
473
+
474
+
475
+
476
+
477
+ }
478
+
479
+
480
+
481
+ .sabtitel2{
482
+
483
+ z-index: 1;
484
+
485
+ font-family: 'ヒラギノ角ゴ Std W8';
486
+
487
+ font-size: 2.4vmax;
488
+
489
+ transform: translate(0%, -380%);
490
+
491
+ width: 50%;
492
+
493
+ position: absolute;
494
+
495
+ padding-left: 20px;
496
+
497
+
498
+
499
+
500
+
501
+
502
+
503
+
504
+
505
+ }
506
+
507
+ .sabbtitel2{
508
+
509
+ z-index: 1;
510
+
511
+ font-family: 'ヒラギノ角ゴ Pro W6';
512
+
513
+ font-size: 1.6vmax;
514
+
515
+ transform: translate(0%, -65%);
516
+
517
+ width: 50%;
518
+
519
+ position: absolute;
520
+
521
+ padding-left: 20px;
522
+
523
+
524
+
525
+
526
+
527
+ }
528
+
529
+
530
+
531
+
532
+
533
+
534
+
535
+
536
+
537
+
538
+
539
+ }
540
+
541
+ span{
542
+
543
+ z-index: 1;
544
+
545
+ color: #f00078;
546
+
547
+ }
548
+
549
+
550
+
551
+ .button::before {
552
+
553
+ position: absolute;
554
+
555
+ top: 0;
556
+
557
+ right: 0;
558
+
559
+ bottom: 0;
560
+
561
+ left: 0;
562
+
563
+ z-index: -1;
564
+
565
+ content: '';
566
+
567
+ background: #fff;
568
+
569
+ transform-origin: right top;
570
+
571
+ transform: scale(0, 1.02);
572
+
573
+ transition: transform .3s;
574
+
575
+ }
576
+
577
+ .button:hover::before {
578
+
579
+ transform-origin: left top;
580
+
581
+ transform: scale(1, 1.02);
582
+
583
+ }
584
+
585
+
586
+
587
+ .button {
588
+
589
+ font-size: 2.0vmax;
590
+
591
+ top: 185%;
592
+
593
+ right: 0%;
594
+
595
+ left: 65%;
596
+
597
+ position: relative;
598
+
599
+ display: inline-block;
600
+
601
+ padding: .4em 2em;
602
+
603
+ border: 6px solid #40b1aa;
604
+
605
+ color: #40b1aa;
606
+
607
+ text-align: right;
608
+
609
+ text-decoration: none;
610
+
611
+ transition: .3s;
612
+
613
+ z-index: 5;
614
+
615
+ }
616
+
617
+ .button:hover {
618
+
619
+
620
+
621
+ color: #40b1aa;
622
+
623
+ }
624
+
625
+
626
+
627
+ .tyui{
628
+
629
+ font-family:'Avenir Next Condensed';
630
+
631
+ font-size: 5.4vmax;
632
+
633
+ color: #fff;
634
+
635
+ letter-spacing: 5px;
636
+
637
+ transform: translate(0%, 700%);
638
+
639
+ position: absolute;
640
+
641
+ border: 0;
642
+
643
+ text-align:center;
644
+
645
+ left: 0;
646
+
647
+ right: 0;
648
+
649
+ margin: auto;
650
+
651
+ }
652
+
653
+
654
+
655
+ .tyui2{
656
+
657
+ font-family:'Avenir Next Condensed';
658
+
659
+ font-size: 2vmax;
660
+
661
+ color: #fff;
662
+
663
+ letter-spacing: 5px;
664
+
665
+ transform: translate(0%, 1980%);
666
+
667
+ position: absolute;
668
+
669
+ text-align:center;
670
+
671
+ left: 0;
672
+
673
+ right: 0;
674
+
675
+ margin: auto;
676
+
677
+ }
678
+
679
+
680
+
681
+ .tyui01 img{
682
+
683
+ transform: translate(50%, 250%);
684
+
685
+ position: absolute;
686
+
687
+ width: 20%
688
+
689
+
690
+
691
+
692
+
693
+ }
694
+
695
+
696
+
697
+ .tyui02 img{
698
+
699
+ transform: translate(150%, 250%);
700
+
701
+ position: absolute;
702
+
703
+ width: 20%
704
+
705
+
706
+
707
+
708
+
709
+ }
710
+
711
+
712
+
713
+ .tyui03 img{
714
+
715
+ transform: translate(250%, 250%);
716
+
717
+ position: absolute;
718
+
719
+ width: 20%
720
+
721
+
722
+
723
+
724
+
725
+ }
726
+
727
+
728
+
729
+ .tyui04 img{
730
+
731
+ transform: translate(350%, 250%);
732
+
733
+ position: absolute;
734
+
735
+ width: 20%
736
+
737
+
738
+
739
+
740
+
741
+ }
742
+
743
+
744
+
745
+ .tyui3{
746
+
747
+ font-family:'Avenir Next Condensed';
748
+
749
+ font-size: 2vmax;
750
+
751
+ color: #fff;
752
+
753
+ letter-spacing: 5px;
754
+
755
+ transform: translate(0%, 3200%);
756
+
757
+ position: relative;
758
+
759
+ text-align:center;
760
+
761
+ left: 0;
762
+
763
+ right: 0;
764
+
765
+ margin: auto;
766
+
767
+ }
768
+
769
+
770
+
771
+
772
+
23
773
 
24
774
 
25
775
  .tyui4{
@@ -50,8 +800,6 @@
50
800
 
51
801
 
52
802
 
53
-
54
-
55
803
  .tyui4 p{ font-size: 1vw;
56
804
 
57
805
  color:#fff;
@@ -64,6 +812,24 @@
64
812
 
65
813
 
66
814
 
815
+ }
816
+
817
+
818
+
819
+ .aa{font-family: cursive;
820
+
821
+ position: absolute;
822
+
823
+ top:2700px;}
824
+
825
+
826
+
827
+
828
+
829
+
830
+
831
+
832
+
67
833
 
68
834
 
69
835
 

2

画像挿入

2021/02/27 08:14

投稿

negitoro_
negitoro_

スコア0

test CHANGED
File without changes
test CHANGED
@@ -8,17 +8,19 @@
8
8
 
9
9
 
10
10
 
11
- ![![![イメージ説明](85fcf5e76eb8cab21f3ce4639e76943e.png)](b3e3ac31107adbcd5572ef83415152b8.png)](1ea7a9c86d757a56e86bb254bc673fe1.png)
11
+ ![イメージ説明](809bb6b05400eeb5260597a04c38d9f2.png)
12
12
 
13
13
 
14
14
 
15
15
 
16
16
 
17
- ### css
17
+ ### css html
18
18
 
19
19
 
20
20
 
21
21
  ```
22
+
23
+
22
24
 
23
25
  .tyui4{
24
26
 

1

画像挿入

2021/02/27 07:12

投稿

negitoro_
negitoro_

スコア0

test CHANGED
File without changes
test CHANGED
@@ -5,6 +5,10 @@
5
5
  サイト作成中他の画像や文字はtransform: translateで指定して位置が変わらないようにできたのですが、なぜかスライダー付き文章だけ幅を変更した際に位置が変わってしまいます。
6
6
 
7
7
  ### 発生している問題・エラーメッセージ
8
+
9
+
10
+
11
+ ![![![イメージ説明](85fcf5e76eb8cab21f3ce4639e76943e.png)](b3e3ac31107adbcd5572ef83415152b8.png)](1ea7a9c86d757a56e86bb254bc673fe1.png)
8
12
 
9
13
 
10
14
 
@@ -58,9 +62,7 @@
58
62
 
59
63
 
60
64
 
61
- }![![![イメージ説明](e774256246c03925d26944ad3d4dddd2.png)](70cdaf01d45323f1c955edc8ac39b3d6.png)](0295563c3b5bc43322fee7c75819e397.png)
62
65
 
63
- ```
64
66
 
65
67
 
66
68