質問編集履歴

4

全てのソースの追記

2019/03/30 14:09

投稿

gobindar
gobindar

スコア51

test CHANGED
File without changes
test CHANGED
@@ -392,8 +392,6 @@
392
392
 
393
393
 
394
394
 
395
- <!-- advertisement -->
396
-
397
395
  <div class="row">
398
396
 
399
397
  <div class="col-lg-12 both-side-padding">
@@ -430,12 +428,6 @@
430
428
 
431
429
 
432
430
 
433
- <!-- FOR IE9 -->
434
-
435
- <script src="{{ asset('/js/respond.min.js') }}"></script>
436
-
437
-
438
-
439
431
  </html>
440
432
 
441
433
  ```
@@ -471,3 +463,293 @@
471
463
 
472
464
 
473
465
  ```
466
+
467
+
468
+
469
+ sidebar
470
+
471
+ ```php
472
+
473
+ <div class="sidebar border">
474
+
475
+ <nav class="sidebar-menu" role="navigation">
476
+
477
+ <ul>
478
+
479
+ <li class="bg-deepblue">AAAAAA</li>
480
+
481
+ <div class="d-block my-1">
482
+
483
+ <div class="dropright_top">
484
+
485
+ <a href="#" class="dropright-toggle" data-toggle="dropdown">Menu 1 <b class="caret"></b></a>
486
+
487
+ <ul class="dropdown-menu multi-level">
488
+
489
+ <li><a href="#">Default</a></li>
490
+
491
+ <li class="dropdown-submenu">
492
+
493
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown</a>
494
+
495
+ <ul class="dropdown-menu">
496
+
497
+ <li><a href="#">sub menu1</a></li>
498
+
499
+ <li class="dropdown-submenu">
500
+
501
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">sub menu1</a>
502
+
503
+ <ul class="dropdown-menu">
504
+
505
+ <li class="dropdown-submenu">
506
+
507
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">sub menu2</a>
508
+
509
+ <ul class="dropdown-menu">
510
+
511
+ <li><a href="#">sub menu3</a></li>
512
+
513
+ <li><a href="#">sub menu3</a></li>
514
+
515
+ <li><a href="#">sub menu3</a></li>
516
+
517
+ <li><a href="#">sub menu3</a></li>
518
+
519
+ <li><a href="#">sub menu3</a></li>
520
+
521
+ <li><a href="#">sub menu3</a></li>
522
+
523
+ </ul>
524
+
525
+ </li>
526
+
527
+ </ul>
528
+
529
+ </li>
530
+
531
+ </ul>
532
+
533
+ </li>
534
+
535
+ </ul>
536
+
537
+ </div>
538
+
539
+ </div>
540
+
541
+ <li class="bg-deepblue">AAAAAA</li>
542
+
543
+ <div class="d-block my-1">
544
+
545
+ <div class="dropright_top">
546
+
547
+ <a href="#" class="dropright-toggle" data-toggle="dropdown">Menu 1 <b class="caret"></b></a>
548
+
549
+ <ul class="dropdown-menu multi-level">
550
+
551
+ <li><a href="#">Default</a></li>
552
+
553
+ <li class="dropdown-submenu">
554
+
555
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown</a>
556
+
557
+ <ul class="dropdown-menu">
558
+
559
+ <li><a href="#">sub menu1</a></li>
560
+
561
+ <li class="dropdown-submenu">
562
+
563
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">sub menu1</a>
564
+
565
+ <ul class="dropdown-menu">
566
+
567
+ <li class="dropdown-submenu">
568
+
569
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">sub menu2</a>
570
+
571
+ <ul class="dropdown-menu">
572
+
573
+ <li><a href="#">sub menu3</a></li>
574
+
575
+ <li><a href="#">sub menu3</a></li>
576
+
577
+ <li><a href="#">sub menu3</a></li>
578
+
579
+ </ul>
580
+
581
+ </li>
582
+
583
+ </ul>
584
+
585
+ </li>
586
+
587
+ </ul>
588
+
589
+ </li>
590
+
591
+ </ul>
592
+
593
+ </div>
594
+
595
+ </div>
596
+
597
+ <li class="bg-deepblue">AAAAAA</li>
598
+
599
+ </ul>
600
+
601
+ </nav>
602
+
603
+ </div>
604
+
605
+ ```
606
+
607
+ title content・content
608
+
609
+ ```php
610
+
611
+ @extends('common.layout_common')
612
+
613
+
614
+
615
+ @section('title_content')
616
+
617
+ <div class="title_letter d-inline">AAAA</div>
618
+
619
+ <div class="d-inline search_result">
620
+
621
+ @if(count($AAAAdata) > 0)
622
+
623
+ ( {{$AAAAdata->count()}} /
624
+
625
+ {{$AAAAdata->total()}} 件を表示中 )
626
+
627
+ @endif
628
+
629
+ </div>
630
+
631
+ @endsection
632
+
633
+
634
+
635
+ @section('content')
636
+
637
+ <div class="row">
638
+
639
+ <div class="col-lg-12">
640
+
641
+
642
+
643
+ @component('common.middle_title_component')
644
+
645
+ @slot('title')
646
+
647
+ AAAA
648
+
649
+ @endslot
650
+
651
+ @endcomponent
652
+
653
+
654
+
655
+ @if(count($AAAAdata) > 0)
656
+
657
+
658
+
659
+ @component('AAAA.AAAA_list_component')
660
+
661
+ @endcomponent
662
+
663
+
664
+
665
+ @else
666
+
667
+ <div class="text-center my-5">AAAA</div>
668
+
669
+ @endif
670
+
671
+
672
+
673
+ </div>
674
+
675
+ </div>
676
+
677
+
678
+
679
+ @endsection
680
+
681
+ ```
682
+
683
+
684
+
685
+ AAAA_list_component
686
+
687
+ ```php
688
+
689
+ @foreach ($AAAdata as $AAA)
690
+
691
+ @if ($loop->iteration % 4 == 1)
692
+
693
+ <div class="row">
694
+
695
+ @endif
696
+
697
+
698
+
699
+ <div class="col-md-3 col-sm-6 mb-2">
700
+
701
+ <a class="link" href="{{ route('AAAAA') }}">
702
+
703
+ <div class="card">
704
+
705
+ <img class="card-img-top" src='{{ asset($AAA) }}' alt="AAA">
706
+
707
+ <div class="card-body">
708
+
709
+ <div class="card-title">
710
+
711
+ </div>
712
+
713
+ </div>
714
+
715
+ <div class="card-footer">
716
+
717
+ <i class="far fa-heart"></i><span style="margin-right:0.5em;"></span>
718
+
719
+ <i class="far fa-comment"></i>
720
+
721
+ </div>
722
+
723
+ </div>
724
+
725
+ </div>
726
+
727
+
728
+
729
+ @if ($loop->iteration % 4 == 0 || $loop->last)
730
+
731
+ </div>
732
+
733
+ @endif
734
+
735
+
736
+
737
+ @endforeach
738
+
739
+
740
+
741
+ ```
742
+
743
+
744
+
745
+ common.advertise_component
746
+
747
+ ```php
748
+
749
+ <div class="advertisement mx-auto w-15">
750
+
751
+ <img src="{{ asset('AAAA') }}" class="img-fluid" alt="banner1">
752
+
753
+ </div>
754
+
755
+ ```

3

footerの追記

2019/03/30 14:09

投稿

gobindar
gobindar

スコア51

test CHANGED
File without changes
test CHANGED
@@ -439,3 +439,35 @@
439
439
  </html>
440
440
 
441
441
  ```
442
+
443
+
444
+
445
+ footer
446
+
447
+ ```php
448
+
449
+ <div class="footer">
450
+
451
+ <div class="text">
452
+
453
+ <a href="show_AAAAA">AAAAA</a>&nbsp;&nbsp;&nbsp;
454
+
455
+ <!-- <a href="AAAAA.php">AAAAA</a>&nbsp;&nbsp;&nbsp; -->
456
+
457
+ <a href="show_AAAAA">AAAAA</a><br />
458
+
459
+ <a href="show_AAAAA">AAAAA</a><br />
460
+
461
+ <a href="show_AAAA">AAAAA</a>&nbsp;&nbsp;&nbsp;
462
+
463
+ <a href="AAAAA">AAAAA</a><br />
464
+
465
+ <div class="pr">Copyright&copy; <a href="index.php">AAAAA</a> All Rights Reserved.</div>
466
+
467
+ <div>
468
+
469
+ </div>
470
+
471
+
472
+
473
+ ```

2

該当コード追記

2019/03/30 13:04

投稿

gobindar
gobindar

スコア51

test CHANGED
File without changes
test CHANGED
@@ -259,3 +259,183 @@
259
259
 
260
260
 
261
261
  宜しくお願い致します。
262
+
263
+
264
+
265
+
266
+
267
+
268
+
269
+
270
+
271
+ ### 追記
272
+
273
+ 該当コードのレイアウトを追記します。
274
+
275
+ (コンポーネントまでは様々あるため追記できませんが、
276
+
277
+ コンポーネントの縦の長さが短い場合は問題が発生します。
278
+
279
+ 長い場合はbodyがfooterにつくため発生しません。)
280
+
281
+
282
+
283
+ ```php
284
+
285
+ <!DOCTYPE html>
286
+
287
+ <html lang="ja">
288
+
289
+
290
+
291
+ <head>
292
+
293
+ <meta charset="utf-8">
294
+
295
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
296
+
297
+ <meta name="viewport" content="width=device-width, initial-scale=1">
298
+
299
+
300
+
301
+ <!--favicon-->
302
+
303
+ <link rel="shortcut icon" href="{{ asset('/images/favicon.ico') }}">
304
+
305
+
306
+
307
+ <!--style source-->
308
+
309
+ //省略
310
+
311
+
312
+
313
+ <!-- hedder -->
314
+
315
+ @include('common.header_component')
316
+
317
+
318
+
319
+ </head>
320
+
321
+
322
+
323
+ <body>
324
+
325
+ <div class="wrapper">
326
+
327
+ <div class="container-fluid">
328
+
329
+ <div class="row">
330
+
331
+
332
+
333
+ <!-- left sidebar -->
334
+
335
+ <div class="d-none d-lg-block col-lg-2 no-padding">
336
+
337
+ @include('common.sidebar_component')
338
+
339
+ </div>
340
+
341
+
342
+
343
+ <!-- contents -->
344
+
345
+ <div class="col-md-12 col-lg-10">
346
+
347
+ <div class="container">
348
+
349
+
350
+
351
+ <div class="row">
352
+
353
+ <div class="col-lg-12">
354
+
355
+ <div class="title_frame">
356
+
357
+ @yield('title_content')
358
+
359
+ </div>
360
+
361
+ </div>
362
+
363
+ </div>
364
+
365
+
366
+
367
+ <div class="row">
368
+
369
+ <div class="col-lg-12">
370
+
371
+ <!-- content -->
372
+
373
+ @yield('content')
374
+
375
+ </div>
376
+
377
+ </div>
378
+
379
+
380
+
381
+ <!-- button area -->
382
+
383
+ <div class="row">
384
+
385
+
386
+
387
+ @yield('button')
388
+
389
+
390
+
391
+ </div>
392
+
393
+
394
+
395
+ <!-- advertisement -->
396
+
397
+ <div class="row">
398
+
399
+ <div class="col-lg-12 both-side-padding">
400
+
401
+ @component('common.advertise_component')
402
+
403
+ @endcomponent
404
+
405
+ </div>
406
+
407
+ </div>
408
+
409
+ </div>
410
+
411
+ </div>
412
+
413
+
414
+
415
+ </div>
416
+
417
+ </div>
418
+
419
+
420
+
421
+ @include('common.footer_component')
422
+
423
+
424
+
425
+
426
+
427
+ </div>
428
+
429
+ </body>
430
+
431
+
432
+
433
+ <!-- FOR IE9 -->
434
+
435
+ <script src="{{ asset('/js/respond.min.js') }}"></script>
436
+
437
+
438
+
439
+ </html>
440
+
441
+ ```

1

css構成レベルの表現を修正

2019/03/30 12:05

投稿

gobindar
gobindar

スコア51

test CHANGED
File without changes
test CHANGED
@@ -24,7 +24,7 @@
24
24
 
25
25
 
26
26
 
27
- - 1
27
+ - 構成最上
28
28
 
29
29
  body
30
30