Tabs 플러그인

추가 참조: Page Tabs 플러그인

위키 플러그인 을 사용하여 위키 페이지에 탭으로 컨텐츠를 배열하십시오.

매개변수

Arrange content in tabs
Introduced in Tiki 4. Required parameters are in bold.
Go to the source code
Preferences required: wikiplugin_tabs

Parameters Accepted Values Description Default Since
(body of plugin) Tabs content, separated by "/////"
tabs text Pipe-separated list of tab titles. Example:tab 1|tab 2|tab 3 4.0
panelbgcolor text Enter a valid CSS color hex code, or an RGBA value if setting opacity is desired; for example: #000 or rgba(00, 00, 00, 0.5). 25.0
panelbordercolor text Enter a valid CSS color hex code, or an RGBA value if setting opacity is desired; for example: #000 or rgba(00, 00, 00, 0.5). 25.0
panelborderwidth text To change the width of panel border in pixels (1 by default). For example: 3 for 3 pixels 1 25.0
panelfontsize text To set the size of the text in pixels. For example: 20 for 20 pixels 16 25.0
paneltextcolor text Enter a valid CSS color hex code, or an RGBA value if setting opacity is desired; for example: #000 or rgba(00, 00, 00, 0.5). 25.0
tabactivebgcolor text Enter a valid CSS color hex code, or an RGBA value if setting opacity is desired; for example: #000 or rgba(00, 00, 00, 0.5). 25.0
tabactivetextcolor text Enter a valid CSS color hex code, or an RGBA value if setting opacity is desired; for example: #000 or rgba(00, 00, 00, 0.5). 25.0
tabbgcolor text Enter a valid CSS color hex code, or an RGBA value if setting opacity is desired; for example: #000 or rgba(00, 00, 00, 0.5). 25.0
tabbordercolor text Enter a valid CSS color hex code, or an RGBA value if setting opacity is desired; for example: #000 or rgba(00, 00, 00, 0.5). 25.0
tabborderwidth text To change the width of tabs border in pixels (1 by default). For example: 3 for 3 pixels 1 25.0
tabfontsize text To set the size of the tabs text in pixels. For example: 20 for 20 pixels 16 25.0
tabtextcolor text Enter a valid CSS color hex code, or an RGBA value if setting opacity is desired; for example: #000 or rgba(00, 00, 00, 0.5). 25.0
name text Unique tabset name (if you want the last state to be remembered). Example:user_profile_tabs 4.0
inside_pretty (blank)
n
y
Parse pretty tracker variables within tabs n 8.0
panelborderstyle (blank)| none| hidden| dotted| dashed| solid| double| groove| ridge| inset| outset Determine the kind of border to apply to the panels none 25.0
panelfontweight (blank)
normal
bold
bolder
lighter
900
Use to define the thickness of the text characters to be displayed in the panels normal 25.0
paneltextstyle (blank)
normal
italic
oblique
Use to change the panels text style normal 25.0
tabborderstyle (blank)| none| hidden| dotted| dashed| solid| double| groove| ridge| inset| outset Determine the kind of border to apply to the tabs none 25.0
direction (blank)
horizontal
vertical
Change direction of tabs (horizontal by default). horizontal 25.0
tabfontstyle (blank)
normal
italic
oblique
Use to specify the font style of the tabs text normal 25.0
tabfontweight (blank)
normal
bold
bolder
lighter
900
Use to define the thickness of the text characters to be displayed in the tabs normal 25.0
toggle (blank)
y
n
Allow toggling between tabs and no-tabs view y 8.0

예제

다음 코드는:

Copy to clipboard
{TABS(name="user_tabset_01", tabs="제목 1|제목 2|제목3")}이는 첫번째 탭의 컨텐츠입니다 ///// 이것은 두번째 탭의 컨텐츠입니다 ///// 이것은 세번째 탭의 컨텐츠입니다 {TABS}


다음의 결과를 야기합니다:

이는 첫번째 탭의 컨텐츠입니다


이것은 두번째 탭의 컨텐츠입니다

이것은 세번째 탭의 컨텐츠입니다





탭 이름을 클릭할 때, 각 탭의 컨텐츠가 로드되며 브라우저 창을 새로고침하지않고 서버에 연결하지 않고 표시됩니다.

그리고, "No Tabs" 선택사항을 클릭하면, 표시가 다음과 같이 변경됩니다:

tiki4_plugin_tabs_01.png (13.01 Kb)

별칭

tabs플러그인 | tab플러그인 | Tab플러그인 | Tabs 플러그인 | tabs 플러그인 | 탭 플러그인