Revision [17531]

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

 

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::|\>\>|\<\<|&pound;&pound;|&yen;&yen;|\+\+|__|<|>|\/\/|".	# 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