質問編集履歴
2
誤字の修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -518,7 +518,7 @@
|
|
518
518
|
|
519
519
|
|
520
520
|
|
521
|
-
|
521
|
+
3つ追記させていただきます。m(__)m
|
522
522
|
|
523
523
|
|
524
524
|
|
@@ -570,10 +570,16 @@
|
|
570
570
|
|
571
571
|
③最後に目的のおさらいです。
|
572
572
|
|
573
|
-
このCSSのおかげで、プラグイン側の案内のようにスポイラー
|
573
|
+
このCSSのおかげで、プラグイン側の案内のようにスポイラーがカスタムできて青いスポイラーは作れるのですが、
|
574
574
|
|
575
575
|
http://www.fastpic.jp/images.php?file=0112654872.jpg
|
576
576
|
|
577
|
-
今回はスポイラーを何種類か(
|
577
|
+
今回はスポイラーを何種類か(最低2種類)作りたいと考えております。
|
578
578
|
|
579
579
|
http://www.fastpic.jp/images.php?file=6840055401.jpg
|
580
|
+
|
581
|
+
|
582
|
+
|
583
|
+
|
584
|
+
|
585
|
+
以上です。どうぞよろしくお願いいたします。
|
1
内容不備のため追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -511,3 +511,69 @@
|
|
511
511
|
});
|
512
512
|
|
513
513
|
```
|
514
|
+
|
515
|
+
|
516
|
+
|
517
|
+
---
|
518
|
+
|
519
|
+
|
520
|
+
|
521
|
+
2つ追記させていただきます。m(__)m
|
522
|
+
|
523
|
+
|
524
|
+
|
525
|
+
|
526
|
+
|
527
|
+
①まず当該プラグインとスポイラーはこのようなものです。
|
528
|
+
|
529
|
+
http://www.singapore-startup.com/?p=6973#i-4
|
530
|
+
|
531
|
+
今回はこのスポイラーをいくつか作り、CSSを何種類か(最低2種類)加えることが目的になります。
|
532
|
+
|
533
|
+
|
534
|
+
|
535
|
+
|
536
|
+
|
537
|
+
②CSSを1種類加える方法として、プラグイン側の案内があります。
|
538
|
+
|
539
|
+
|
540
|
+
|
541
|
+
・記事にはこのショートコードを書いて、
|
542
|
+
|
543
|
+
[su_spoiler title="Spoiler title" class="my-custom-spoiler"] Spoiler content [/su_spoiler]
|
544
|
+
|
545
|
+
|
546
|
+
|
547
|
+
・CSSにこれを書くという案内です。
|
548
|
+
|
549
|
+
```CSS
|
550
|
+
|
551
|
+
|
552
|
+
|
553
|
+
.su-spoiler.my-custom-spoiler {}
|
554
|
+
|
555
|
+
.su-spoiler.my-custom-spoiler .su-spoiler-title { background-color: #84ADEA }
|
556
|
+
|
557
|
+
.su-spoiler.my-custom-spoiler .su-spoiler-title .su-spoiler-icon,
|
558
|
+
|
559
|
+
.su-spoiler.su-spoiler-closed.my-custom-spoiler .su-spoiler-title .su-spoiler-icon {
|
560
|
+
|
561
|
+
left: 3px;
|
562
|
+
|
563
|
+
background-color: #fff;
|
564
|
+
|
565
|
+
}
|
566
|
+
|
567
|
+
.su-spoiler.my-custom-spoiler .su-spoiler-content { background-color: #C0D1EB }
|
568
|
+
|
569
|
+
```
|
570
|
+
|
571
|
+
③最後に目的のおさらいです。
|
572
|
+
|
573
|
+
このCSSのおかげで、プラグイン側の案内のようにスポイラーのカスタムできて青いスポイラーは作れるのですが、
|
574
|
+
|
575
|
+
http://www.fastpic.jp/images.php?file=0112654872.jpg
|
576
|
+
|
577
|
+
今回はスポイラーを何種類か(とりあえず2種類あれば…)作りたいと考えております。
|
578
|
+
|
579
|
+
http://www.fastpic.jp/images.php?file=6840055401.jpg
|