Revision [17532]

This is an old revision of TabsMenu made by AndreasHeintze on 2007-09-28 03:31:30.

 

TabsMenu


This is what you will get:
 (image: http://www.home.no/foof/tabs.jpg)

By adding this piece of code on your pages:
:::[[FirstTab This is the first tab]]::[[SecondTab Second tab]]::@[[ThirdTab Third tab]]::[[LastTab Last tab]]:::


..and here is what you need to add to your wikka system:

In wikka.css add:
/* Action: tab */
.tabline {
	margin: 0px;
	border-bottom: 1px solid #000;
	background-color: #F7F7F7;
}
.activetab {
	margin: 0px;
	padding-left: 4px;
	padding-right: 4px;
	border-top: 2px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	background-color: #F7F7F7;
}
.inactivetab {
	margin: 0px;
	padding-left: 4px;
	padding-right: 4px;
	border: 1px solid #000;
	background-color: #E0E0E0;
}

You may need to change the background color to match your pages backgrounds.


In wakka.php add this: %%$text = preg_replace_callback( "/(". ":::.*?:::|". # TabsMenu <== just add this line "%%.*?%%|". # code "\"\".*?\"\"|". # literal $mind_map_pattern. "\[\[[^\[]*?\]\]|". # forced link "-{4,}|---|". # separator (hr) "\b[a-z]+:\/\/\S+|". # URL "\*\*|\'\'|\#\#|\#\%|@@|::c::|\>\>|\<\<|££|¥¥|\+\+|__|<|>|\/\/|". # Wiki markup "======|=====|====|===|==|". # headings "\n([\t~]+)(-|&|[0-9a-zA-Z]+\))?|". # indents and lists "\|[^\|]*?\|(?:\n)?|". # Simple Tables "\{\{.*?\}\}|". # action "\b[A-ZÅÄÖÜ][A-Za-zÅÄÖÜßåäöü]+[:](?![=_])\S*\b|". # InterWiki link "\b([A-ZÅÄÖÜ]+[a-zßåäöü]+[A-Z0-9ÅÄÖÜ][A-Za-z0-9ÅÄÖÜßåäöü]*)\b|". # CamelWords "\n". # new line ")/ms", "wakka2callback", $text); %%
There are no comments on this page.
Valid XHTML :: Valid CSS: :: Powered by WikkaWiki