Tabs 플러그인
추가 참조: Page Tabs 플러그인
이 위키 플러그인 을 사용하여 위키 페이지에 탭으로 컨텐츠를 배열하십시오.
매개변수
Arrange content in tabsIntroduced 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" 선택사항을 클릭하면, 표시가 다음과 같이 변경됩니다:
Related pages
- Wiki Plugin - has links to all plugins and describes how the syntax works for a plugin
- Mods Type Wikiplugins
별칭
tabs플러그인 | tab플러그인 | Tab플러그인 | Tabs 플러그인 | tabs 플러그인 | 탭 플러그인