Changeset 555293

Timestamp:

06/09/2012 01:49:47 PM (14 years ago)

Author:

Sabaoh

Message:

Version 1.1.0

Location:

rollover-tab/trunk

Files:

• css/rollover-tab.css (modified) (4 diffs)
• images/tab-left.png (added)
• images/tab-right.png (added)
• readme-ja.txt (modified) (5 diffs)
• readme.txt (modified) (6 diffs)
• rollover-tab.php (modified) (4 diffs)

rollover-tab/trunk/css/rollover-tab.css

@@ -6 +6 @@
     }
     [id$="tabpanels"] {
-        margin: -5mm 5mm 0;
+        padding: 0 5mm;
     }
     [id$="tabpanels"] :first-child {
@@ -13 +13 @@
     ul[role="tablist"] {
         overflow:hidden;
-        margin:0;
+        margin:0 0 0 1px;
         padding:0;
         list-style:none;
@@ -25 +25 @@
         width:10px;
         height:40px;
-        background:url(../images/tab-fadein.png) scroll no-repeat;
+        background:url(../images/tab-left.png) scroll no-repeat;
     }
     ul[role="tablist"]:after {
@@ -35 +35 @@
         width:10px;
         height:40px;
-        background:url(../images/tab-fadeout.png) scroll no-repeat;
+        background:url(../images/tab-right.png) scroll no-repeat;
     }
     ul[role="tablist"] > li {

rollover-tab/trunk/readme-ja.txt

@@ -3 +3 @@
 Requires at least: 3.1
 Tested up to: 3.3.2
-Stable tag: 1.0.2
+Stable tag: 1.1.0
 Contributors: Eiji 'Sabaoh' Yamada
 License: GPLv2
@@ -17 +17 @@
 
 <pre>
-[rollover-tabs name="id" norollover="true"][rollover-tab name="tab1" label="サンプル１"]
+[rollover-tabs name="id" norollover="true" border="true" margin="-26px" height="1.5in"][rollover-tab name="tab1" label="サンプル１"]
 content of tab1...
 ...
@@ -32 +32 @@
 norollover: 省略可能です。省略するとタブはマウスを重ねるだけで切り替わります。"true"を指定すると、タブはクリックしないと切り替わらないようになります。
 
+border: 省略可能です。省略するとボーダーは表示されません。"true" を指定するとボーダーが表示されるようになります。
+
+margin: 省略可能です。上ボーダーがグラフィックと一致しなかった場合に、この属性で位置を調整できます。省略した時の値は"-26px"です。
+
+height: 省略可能です。省略するとパネルの高さは内容によって自動的に調整されます。パネルの高さを固定したい時に、この属性で高さを指定できます。
+
 label: タブに表示されるキャプションです。省略できません。
 
@@ -43 +49 @@
 * リッチなグラフィックでタブを表示します。
 * デフォルトではタブにマウスを重ねるだけでタブが切り替わります。オプションでクリックしないと切り替わらないようにもできます。
+* ボーダーの表示をオン・オフできるようになりました。
+* ボーダーの高さをグラフィックに合わせて調節できるようになりました。
+* パネルの高さを指定できるようになりました。
 
 
@@ -119 +128 @@
 
 == 変更履歴 ==
+= 1.1.0 =
+* ボーダーの表示をオン・オフできるようになりました。
+* ボーダーの高さをグラフィックに合わせて調節できるようになりました。
+* パネルの高さを指定できるようになりました。
 = 1.0.2 =
 スタイルシートを改善しました。

rollover-tab/trunk/readme.txt

@@ -3 +3 @@
 Requires at least: 3.1
 Tested up to: 3.3.2
-Stable tag: 1.0.2
+Stable tag: 1.1.0
 Contributors: Eiji 'Sabaoh' Yamada
 License: GPLv2
@@ -21 +21 @@
 
 <pre>
-[rollover-tabs name="id" norollover="true"][rollover-tab name="tab1" label="sample1"]
+[rollover-tabs name="id" norollover="true" border="true" margin="-26px" height="1.5in"][rollover-tab name="tab1" label="sample1"]
 content of tab1...
 ...
@@ -36 +36 @@
 norollover: optional boolean. As default tab panels will switch when your mouse is on the tab (click is not necessary). If norollover is set "true", panels will switch when you click the tab.
 
+border: optional boolean. As default panel has no border. If border is set "true", border will display.
+
+margin: optional. Default value is "-26px". If your panels' top border doesn't match the tab graphic, you can adjust the position of the top border.
+
+height: optional. As default panels' height will adjust automatic. You can assign fixed height to your panels.
+
 label: caption of tabs, required.
 
@@ -46 +52 @@
 * Tabs with label will display in rich graphical background.
 * As default, tabs will switch when your mouse is on the tab. Optional, you can choose click-needed-switching.
-
+* You can choose the border on or off.
+* You can adjust position of top border without editing stylesheet.
+* You can assign height of panels, without editing stylesheet of course.
 
 == Installation ==
@@ -112 +120 @@
 
 == Screenshots ==
-1. screenshot-1.png
+1. Graphics will match white-background themes.
 
 
@@ -122 +130 @@
 
 == Changelog ==
+= 1.1.0 =
+* You can choose the border on or off.
+* You can adjust position of top border.
+* You can assign height of panels.
 = 1.0.2 =
 stylesheet improved.

rollover-tab/trunk/rollover-tab.php

@@ -4 +4 @@
 Plugin URI:  http://sabaoh.sakura.ne.jp/wordpress/
 Description: With this plugin, you can use [rollover-tabs name="rollover"][rollover-tab name="tab1" label="example"]...[rollover-tab ...]...[/rollover-tabs] shortcode. This may display in graphical tabs it's switched only mouse over. Not IE browser (chrome, firefox, opera, and safari was tested), IE 8 or above is required. And when browser is IE 5, IE 6 or IE 7, update recommendation will appear.
-Version:     1.0.2
+Version:     1.1.0
 Author:      Eiji 'Sabaoh' Yamada
 Author URI:  http://sabaoh.sakura.ne.jp/wordpress/
@@ -139 +139 @@
         'name' => 'rollover',
         'norollover' => false,
+        'border' => false,
+        'margin' => '-26px',
+        'height' => false
     ), $atts ) );
 
@@ -146 +149 @@
         // generate graphical tabs - header
         $html = '<section id="' . $name . '-tabbox"';
-        if ( !$norollover ) {
+        if ( !$norollover )
             $html .= ' data-options="autofocus"';
-        }
         $html .= ">\n";
         $html .= <<< HERE
@@ -170 +172 @@
 
         // close header and start panels
+        $style = "margin-top:$margin;";
+        if ( $border )
+            $style .= 'border:solid thin #a0a0a0;';
+        if ( $height )
+            $style .= "height:$height;";
         $html .= <<< HERE
             </ul>
     </header>
-    <div id="$name-tabpanels">
+    <div id="$name-tabpanels" style="$style">
 
 HERE;