Changeset 1885220

Timestamp:

06/01/2018 03:39:16 AM (8 years ago)

Author:

densuke

Message:

ver1.0.1 add prefix to balloon style class

Location:

speech-balloon-maker/trunk

Files:

• plugin.php (modified) (1 diff)
• readme.txt (modified) (1 diff)
• styles/dn_sbm_balloon_style.css (modified) (17 diffs)

speech-balloon-maker/trunk/plugin.php

@@ -264 +264 @@
 
             /* ふきだしタグの書き出し */
-            return '<div class="fukidashi ' . $direction . ' ' . $mystyle . '">
-                    <div class="fukidashiiconbox">
-                    <img class="fukidashiimg" style="background-image:url(' .$imgsrc. ');">
+            return '<div class="dn_sbm_fukidashi ' . $direction . ' ' . $mystyle . '">
+                    <div class="dn_sbm_fukidashiiconbox">
+                    <img class="dn_sbm_fukidashiimg" style="background-image:url(' .$imgsrc. ');">
                     <br>
-                    <span class="fukidashiname">' . $myname . '</span>
+                    <span class="dn_sbm_fukidashiname">' . $myname . '</span>
                     </div>
-                    <p class="fukidashicontent">' . $content . '</p>
+                    <p class="dn_sbm_fukidashicontent">' . $content . '</p>
                     </div>';
         }

speech-balloon-maker/trunk/readme.txt

@@ -5 +5 @@
 Requires at least: 4.9
 Tested up to: 4.9
-Stable tag: 1.0
+Stable tag: 1.0.1
 Requires PHP: 5.2.4
 License: GPLv2 or later

speech-balloon-maker/trunk/styles/dn_sbm_balloon_style.css

@@ -1 +1 @@
 /* 全デザイン共通設定 */
-.fukidashi{
+.dn_sbm_fukidashi{
     padding-top: 15px;
     padding-bottom: 15px;
@@ -8 +8 @@
 }
 
-.content_body img.fukidashiimg, .fukidashiimg{
+.content_body img.dn_sbm_fukidashiimg, .dn_sbm_fukidashiimg{
     display: inline-block;
     width: 60px;
@@ -14 +14 @@
     background-size: cover;
 }
-.fukidashiiconbox{
+.dn_sbm_fukidashiiconbox{
     line-height: 18px;
     width: 60px;
 }
-.fukidashi.right .fukidashiiconbox{
+.dn_sbm_fukidashi.right .dn_sbm_fukidashiiconbox{
     float:left;
 }
-.fukidashi.left .fukidashiiconbox{
+.dn_sbm_fukidashi.left .dn_sbm_fukidashiiconbox{
     float:right;
 }
 
-.fukidashiname{
+.dn_sbm_fukidashiname{
     text-align: center;
     display: inline-block;
@@ -34 +34 @@
 }
 
-.fukidashi.right .fukidashicontent{
+.dn_sbm_fukidashi.right .dn_sbm_fukidashicontent{
     float:left;
     margin-left:15px;
 }
-.fukidashi.left .fukidashicontent{
+.dn_sbm_fukidashi.left .dn_sbm_fukidashicontent{
     float:right;
     margin-right:15px;
 }
 
-.fukidashi .fukidashicontent{
+.dn_sbm_fukidashi .dn_sbm_fukidashicontent{
     padding: 10px;
     display: inline-block;
@@ -56 +56 @@
 
 /* デフォルトデザイン */
-.fukidashi.default.right .fukidashicontent, .fukidashi.default.left .fukidashicontent{
+.dn_sbm_fukidashi.default.right .dn_sbm_fukidashicontent, .dn_sbm_fukidashi.default.left .dn_sbm_fukidashicontent{
     color: #555;
     background: #c8dfff;
     max-width:calc(100% - 85px);
 }
-.fukidashi.default.right .fukidashicontent:before, .fukidashi.default.left .fukidashicontent:before{
+.dn_sbm_fukidashi.default.right .dn_sbm_fukidashicontent:before, .dn_sbm_fukidashi.default.left .dn_sbm_fukidashicontent:before{
     content: "";
     position: absolute;
@@ -68 +68 @@
 }
 
-.fukidashi.default.right .fukidashicontent:before{
+.dn_sbm_fukidashi.default.right .dn_sbm_fukidashicontent:before{
     left: -17px;
     border-right: 10px solid #c8dfff;
 }
-.fukidashi.default.left .fukidashicontent:before{
+.dn_sbm_fukidashi.default.left .dn_sbm_fukidashicontent:before{
     left: 100%;
     border-left: 10px solid #c8dfff;
@@ -80 +80 @@
 
 /* ボーダーデザイン */
-.fukidashi.border.right .fukidashicontent, .fukidashi.border.left .fukidashicontent{
+.dn_sbm_fukidashi.border.right .dn_sbm_fukidashicontent, .dn_sbm_fukidashi.border.left .dn_sbm_fukidashicontent{
     color: #000;
     background: #fff;
@@ -86 +86 @@
     max-width:calc(100% - 85px);
 }
-.fukidashi.border.right .fukidashicontent:before, .fukidashi.border.left .fukidashicontent:before {
+.dn_sbm_fukidashi.border.right .dn_sbm_fukidashicontent:before, .dn_sbm_fukidashi.border.left .dn_sbm_fukidashicontent:before {
     content: "";
     position: absolute;
@@ -93 +93 @@
 }
 
-.fukidashi.border.right .fukidashicontent:after, .fukidashi.border.left .fukidashicontent:after {
+.dn_sbm_fukidashi.border.right .dn_sbm_fukidashicontent:after, .dn_sbm_fukidashi.border.left .dn_sbm_fukidashicontent:after {
     content: "";
     position: absolute;
@@ -100 +100 @@
 }
 
-.fukidashi.border.right .fukidashicontent:before{
+.dn_sbm_fukidashi.border.right .dn_sbm_fukidashicontent:before{
     left: -19px;
     border-right: 10px solid #555555;
 }
-.fukidashi.border.right .fukidashicontent:after{
+.dn_sbm_fukidashi.border.right .dn_sbm_fukidashicontent:after{
     left: -16px;
     border-right: 10px solid #ffffff;
 }
 
-.fukidashi.border.left .fukidashicontent:before{
+.dn_sbm_fukidashi.border.left .dn_sbm_fukidashicontent:before{
     right: -19px;
     border-left: 10px solid #555555;
 }
-.fukidashi.border.left .fukidashicontent:after{
+.dn_sbm_fukidashi.border.left .dn_sbm_fukidashicontent:after{
     right: -16px;
     border-left: 10px solid #ffffff;
@@ -121 +121 @@
 
 /* 想像デザイン */
-.fukidashi.imagine .fukidashicontent{
+.dn_sbm_fukidashi.imagine .dn_sbm_fukidashicontent{
     color: #555;
     background: #c8dfff;
@@ -128 +128 @@
 }
 
-.fukidashi.right.imagine .fukidashicontent{
+.dn_sbm_fukidashi.right.imagine .dn_sbm_fukidashicontent{
     margin-left:35px;
 }
-.fukidashi.left.imagine .fukidashicontent{
+.dn_sbm_fukidashi.left.imagine .dn_sbm_fukidashicontent{
     margin-right:35px;
 }
 
-.fukidashi.imagine .fukidashicontent:before,
-.fukidashi.imagine .fukidashicontent:after
+.dn_sbm_fukidashi.imagine .dn_sbm_fukidashicontent:before,
+.dn_sbm_fukidashi.imagine .dn_sbm_fukidashicontent:after
 {
     content: '';
@@ -144 +144 @@
     background: #c8dfff;
 }
-.fukidashi.imagine .fukidashicontent:before {
+.dn_sbm_fukidashi.imagine .dn_sbm_fukidashicontent:before {
     width: 11px;
     height: 10px;
     top: 15px;
 }
-.fukidashi.imagine .fukidashicontent:after {
+.dn_sbm_fukidashi.imagine .dn_sbm_fukidashicontent:after {
     width: 16px;
     height: 15px;
     top: 4px;
 }
-.fukidashi.imagine.right .fukidashicontent:before {
+.dn_sbm_fukidashi.imagine.right .dn_sbm_fukidashicontent:before {
     left: -29px;
 }
-.fukidashi.imagine.right .fukidashicontent:after {
+.dn_sbm_fukidashi.imagine.right .dn_sbm_fukidashicontent:after {
     left: -19px;
 }
-.fukidashi.imagine.left .fukidashicontent:before {
+.dn_sbm_fukidashi.imagine.left .dn_sbm_fukidashicontent:before {
     right: -29px;
 }
-.fukidashi.imagine.left .fukidashicontent:after {
+.dn_sbm_fukidashi.imagine.left .dn_sbm_fukidashicontent:after {
     right: -19px;
 }
@@ -170 +170 @@
 
 /* カーブデザイン */
-.fukidashi.curve{
+.dn_sbm_fukidashi.curve{
     clear:both;
 }
-.fukidashi.curve .fukidashicontent{
+.dn_sbm_fukidashi.curve .dn_sbm_fukidashicontent{
     color: #555;
     background: #c8dfff;
@@ -180 +180 @@
 }
 
-.fukidashi.curve .fukidashicontent:before{
+.dn_sbm_fukidashi.curve .dn_sbm_fukidashicontent:before{
     content: "";
     position: absolute;
@@ -190 +190 @@
     z-index:-1;
 }
-.fukidashi.curve.right .fukidashicontent:before{
+.dn_sbm_fukidashi.curve.right .dn_sbm_fukidashicontent:before{
     left:10px;
 }
-.fukidashi.curve.left .fukidashicontent:before{
+.dn_sbm_fukidashi.curve.left .dn_sbm_fukidashicontent:before{
     right: 10px;
 }
 
-.fukidashi.curve .fukidashicontent:after{
+.dn_sbm_fukidashi.curve .dn_sbm_fukidashicontent:after{
     content: "";
     position: absolute;
@@ -207 +207 @@
     z-index:-1;
 }
-.fukidashi.curve.right .fukidashicontent:after{
+.dn_sbm_fukidashi.curve.right .dn_sbm_fukidashicontent:after{
     left:20px;
 }
-.fukidashi.curve.left .fukidashicontent:after{
+.dn_sbm_fukidashi.curve.left .dn_sbm_fukidashicontent:after{
     right: 20px;
 }