WordPress.org
Get WordPress

Plugin Directory

Changeset 556685


Ignore:
Timestamp:
06/12/2012 01:39:26 PM (14 years ago)
Author:
Sabaoh
Message:

version 1.2.0 release

Location:
rollover-tab/trunk
Files:
4 edited

Legend:

Unmodified
Added
Removed

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

    r555293 r556685  
    22    [id$="tabbox"],
    33    [id$="tabpanels"] {
    4         clear:left;
    54        overflow:hidden;
    65    }
     6    [id$="tabbox"] > header {
     7        width:100%;
     8        height:38px;
     9        position:relative;
     10    }
    711    [id$="tabpanels"] {
    8         padding: 0 5mm;
     12        margin-top:0;
     13        padding:0 5mm;
    914    }
    1015    [id$="tabpanels"] :first-child {
    11         margin-top: 0;
     16        margin-top:0;
    1217    }
    1318    ul[role="tablist"] {
    1419        overflow:hidden;
    15         margin:0 0 0 1px;
     20        margin:0;
    1621        padding:0;
    1722        list-style:none;
     23        position:absolute;
     24        left:1px;
    1825    }
    1926    ul[role="tablist"]:before {
    … …  
    4148        margin:0;
    4249        padding:0;
    43             height:40px;
     50        height:40px;
    4451    }
    4552    ul[role="tablist"] a {
    4653        outline:0;
    4754        float:left;
     55        margin:0;
    4856        height:40px;
    49         margin:0;
    5057        background:url(../images/tab-inactive-center.png) scroll repeat-x;
    5158        line-height:40px;
    … …  
    5764        content:'';
    5865        float:left;
     66        margin:0;
     67        padding:0;
    5968        width:10px;
    6069        height:40px;
    61         margin:0;
    62         padding:0;
    6370        background:url(../images/tab-inactive-left.png) scroll no-repeat;
    6471    }
    … …  
    6673        content:'';
    6774        float:right;
     75        margin:0;
     76        padding:0;
    6877        width:10px;
    6978        height:40px;
    70         margin:0;
    71         padding:0;
    7279        background:url(../images/tab-inactive-right.png) scroll no-repeat;
    7380    }

  • rollover-tab/trunk/readme-ja.txt

    r555293 r556685  
    33Requires at least: 3.1
    44Tested up to: 3.3.2
    5 Stable tag: 1.1.0
     5Stable tag: 1.2.0
    66Contributors: Eiji 'Sabaoh' Yamada
    77License: GPLv2
    … …  
    1717
    1818<pre>
    19 [rollover-tabs name="id" norollover="true" border="true" margin="-26px" height="1.5in"][rollover-tab name="tab1" label="サンプル１"]
     19[rollover-tabs name="id" norollover="true" border="true" margin="-2px" height="1.5in" left="1px" right="1px" scroll="true"][rollover-tab name="tab1" label="サンプル１"]
    2020content of tab1...
    2121...
    … …  
    3434border: 省略可能です。省略するとボーダーは表示されません。"true" を指定するとボーダーが表示されるようになります。
    3535
    36 margin: 省略可能です。上ボーダーがグラフィックと一致しなかった場合に、この属性で位置を調整できます。省略した時の値は"-26px"です。
     36margin: 省略可能です。上ボーダーがグラフィックと一致しなかった場合に、この属性で位置を調整できます。省略した時の値はcss/rollover-tab.cssに定義されており、1.2.0からは"-26px"から"0"（テーマに依らない）に変わっています。
    3737
    3838height: 省略可能です。省略するとパネルの高さは内容によって自動的に調整されます。パネルの高さを固定したい時に、この属性で高さを指定できます。
    3939
     40left: 省略可能です。省略したときの値はcss/rollover-tab.cssに定義されています（"1px"）。タブの左側にスペースを作りたい時に、大きな値を指定できます。"0"や"0px"はボーダーが欠けるのでお勧めできません。
     41
     42right: 省略可能です。省略したときの値はfalseです。タブの位置を右端からの距離で指定したい時に使います。leftが指定された時にはrightは無視されます。"0"や"0px"はボーダーが欠けるのでお勧めできません。
     43
     44scroll: 省略可能です。省略するとパネルにはスクロールバーが表示されません。"true" を指定するとスクロールバーが表示されるようになります。
     45
    4046label: タブに表示されるキャプションです。省略できません。
     47
     48注意: margin属性の初期値が"-26px"から"0"に変更されました。marginを指定している方は、表示を維持するのに値を変更する必要があります。
    4149
    4250注意: リッチテキストエディタで投稿やページを編集する際に、隣接する2つのショートコードの間に改行を入れないでください。例えば[rollover-tabs]と[rollover-tab]の間や、[/rollover-tab]と次の[rollover-tab]の間などにです。改行を入れるとワードプレスが勝手に&lt;p&gt;タグをつけてしまうので、表示が崩れます。
    … …  
    5260* ボーダーの高さをグラフィックに合わせて調節できるようになりました。
    5361* パネルの高さを指定できるようになりました。
     62* スタイルシートが改善され、上ボーダーがグラフィックと一致するようになりました。テーマに依らず位置が決まるようになりました。
     63* [rollover-tab ...]と[/rollover-tab]の間で別なショートコード（もしかしたら[rollover-tabs]も？）が使えるようになりました。
     64* タブの位置を左からの距離または右からの距離で指定できるようになりました。
     65* スクロールバーの表示をオン・オフできるようになりました。
    5466
    5567
    … …  
    128140
    129141== 変更履歴 ==
     142= 1.2.0 =
     143* スタイルシートが改善され、上ボーダーがグラフィックと一致するようになりました。テーマに依らず位置が決まるようになりました。
     144* [rollover-tab ...]と[/rollover-tab]の間で別なショートコード（もしかしたら[rollover-tabs]も？）が使えるようになりました。
     145* タブの位置を左からの距離または右からの距離で指定できるようになりました。
     146* スクロールバーの表示をオン・オフできるようになりました。
     147= 1.1.1 =
     148margin属性の初期値をphpコードからcssに移動しました。
     149これにより、cssを編集して初期値を調節することが可能となりました。
    130150= 1.1.0 =
    131151* ボーダーの表示をオン・オフできるようになりました。

  • rollover-tab/trunk/readme.txt

    r555293 r556685  
    33Requires at least: 3.1
    44Tested up to: 3.3.2
    5 Stable tag: 1.1.0
     5Stable tag: 1.2.0
    66Contributors: Eiji 'Sabaoh' Yamada
    77License: GPLv2
    … …  
    2121
    2222<pre>
    23 [rollover-tabs name="id" norollover="true" border="true" margin="-26px" height="1.5in"][rollover-tab name="tab1" label="sample1"]
     23[rollover-tabs name="id" norollover="true" border="true" margin="-2px" height="1.5in" left="1px" right="1px" scroll="true"][rollover-tab name="tab1" label="sample1"]
    2424content of tab1...
    2525...
    … …  
    3232= Attribute: =
    3333
    34 name: internal name (id). [rollover-tabs name="id"] is optional (default value is "rollover"). [rollover-tab name="tab1"] is required.
     34name:
    3535
    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.
     36internal name (id). [rollover-tabs name="id"] is optional (default value is "rollover"). [rollover-tab name="tab1"] is required.
    3737
    38 border: optional boolean. As default panel has no border. If border is set "true", border will display.
     38norollover:
    3939
    40 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.
     40optional 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.
    4141
    42 height: optional. As default panels' height will adjust automatic. You can assign fixed height to your panels.
     42border:
    4343
    44 label: caption of tabs, required.
     44optional boolean. As default panel has no border. If border is set "true", border will display.
     45
     46margin:
     47
     48optional. As default margin-top was defined in css/rollover-tab.css (Now vlaue has changed to 0 for all themes). If your panels' top border didn't match the tab graphic, you could adjust the position of the top border by either edit css/rollover-tab.css or set margin attribute in each rollover-tabs tag.
     49
     50height:
     51
     52optional. As default panels' height will adjust automatic. You can assign fixed height to your panels.
     53
     54left:
     55
     56optional. As default left defined in css/rollover-tab.css (Value is "1px"). If you wanted to make space in left of tabs, you could set greater value to this attribute. "0" or "0px" is NOT recommended due to avoid lack of border.
     57
     58right:
     59
     60optional. Default value is false. If you wanted to make tabs align right, you could set "1px" or greater value to this attribute. If "left" attribute was setted, this attribute would be ignored. "0" or "0px" is NOT recommended due to avoid lack of border.
     61
     62scroll:
     63
     64optional boolean. As default panel has no scroll bar. If scroll attribute was set "true", panel will have scroll bar.
     65
     66label:
     67
     68caption of tabs, required.
     69
     70NOTICE: Since 1.2.0, margin attribute's default value changed from "-26px" to "0". So if you've assigned margin value, You had to change your assignment in order to maintain good display.
    4571
    4672NOTICE: with rich text editor, you must NOT insert any line breaks between [rollover-tabs] and next [rollover-tab], between [/rollover-tab] and next [rollover-tab], between [/rollover-tab] and [/rollover-tabs]. Due to wordpress automatic &lt;p&gt; insertion.
    … …  
    5581* You can adjust position of top border without editing stylesheet.
    5682* You can assign height of panels, without editing stylesheet of course.
     83* Stylesheet was improved and top border will match with graphics, theme proof positioning was innovated since 1.2.0.
     84* You can use some other shortcodes between [rollover-tab...] and [/rollover-tab], since 1.2.0.
     85* You can assign position of tabs left or right, since 1.2.0.
     86* You can choose the scroll bar on or off. Since 1.2.0.
    5787
    5888== Installation ==
    … …  
    130160
    131161== Changelog ==
     162= 1.2.0 =
     163* Theme proof positioning was innovated. So "margin" attribute's default value changed from "-26px" in php to "0" in css.
     164* Nested shortcode will proceed between [rollover-tab ...] and [/rollover-tab].
     165* You can assign position of tabs left or right.
     166* You can choose the scroll bar on or off.
    132167= 1.1.0 =
    133168* You can choose the border on or off.

  • rollover-tab/trunk/rollover-tab.php

    r555293 r556685  
    44Plugin URI:  http://sabaoh.sakura.ne.jp/wordpress/
    55Description: 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.
    6 Version:     1.1.0
     6Version:     1.2.0
    77Author:      Eiji 'Sabaoh' Yamada
    88Author URI:  http://sabaoh.sakura.ne.jp/wordpress/
    … …  
    114114HERE;
    115115
    116         $html .= $content;
     116        $html .= do_shortcode( $content );
    117117
    118118        $html .= <<< HERE
    … …  
    140140        'norollover' => false,
    141141        'border' => false,
    142         'margin' => '-26px',
    143         'height' => false
     142        'margin' => false,
     143        'height' => false,
     144        'left'   => false,
     145        'right'  => false,
     146        'scroll' => false,
    144147    ), $atts ) );
    145148
    … …  
    152155            $html .= ' data-options="autofocus"';
    153156        $html .= ">\n";
    154         $html .= <<< HERE
     157
     158        $style = '';
     159        if ( $left )
     160            $style = ' style="left:' . $left . ';"';
     161        elseif ( $right )
     162            $style = ' style="left:auto; right:' . $right . ';"';
     163        $html .= <<< HERE
     164  <![if !IE 8]>
    155165    <header>
     166  <![endif]>
     167  <!--[if IE 8]>
     168    <header style="height:22px;">
     169  <![endif]-->
    156170        <![if !lte IE 7]>
    157             <ul role="tablist" aria-owns="$name-tabpanels">
     171            <ul role="tablist" aria-owns="$name-tabpanels"$style>
    158172        <![endif]>
    159173        <!--[if lte IE 7]>
    … …  
    162176        $html .= "\t\t\t<h2>" . __( 'Index - Please try other (not IE) browser, or IE 8 or above.', 'rollover-tab' ) . "</h2>\n";
    163177        $html .= <<< HERE
    164             <ul>
     178            <ul aria-owns="$name-tabpanels">
    165179        <![endif]-->
    166180
    … …  
    172186
    173187        // close header and start panels
    174         $style = "margin-top:$margin;";
    175         if ( $border )
    176             $style .= 'border:solid thin #a0a0a0;';
    177         if ( $height )
    178             $style .= "height:$height;";
     188        $style = '';
     189        if ( $margin || $border || $height || $scroll ) {
     190            $style = ' style="';
     191            if ( $margin )
     192                $style .= "margin-top:$margin;";
     193            if ( $border )
     194                $style .= 'border:solid thin #a0a0a0;';
     195            if ( $height )
     196                $style .= "height:$height;";
     197            if ( $scroll )
     198                $style .= 'overflow:scroll;';
     199            $style .= '"';
     200        }
    179201        $html .= <<< HERE
    180202            </ul>
    181203    </header>
    182     <div id="$name-tabpanels" style="$style">
     204    <div id="$name-tabpanels"$style>
    183205
    184206HERE;
Note: See TracChangeset for help on using the changeset viewer.