Zum Download
ilch Version 2

Menüpunkte mit Bildern hinterlegen

Eingetragen von Jan am Mo, 17. Mär 2008 - 11:28


Unter </html> folgenden Code einsetzen: 

<!-- {_list_DDDmenupoint@<strong><big>&middot;</big></strong><a %1 class="box" href="%2">%3</a><br />}
{_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
{_list_hmenubegi@<ul>}
{_list_hmenuende@</ul>}
{_list_vmenupoint@<a target="%1" class="menu" href="%2">&nbsp;&nbsp;&nbsp;&nbsp;%3</a>}
{_list_vmenubegi@}
{_list_vmenuende@}//-->


Danach das in die style.css: 

.menu:link, .menu:visited, .menu:active
{
	display: block;
	color: #FFFFFF;
	font-size: 11px;
	background: url(images/button.jpg);
	width: 160px;
	height: 20px;
	text-indent: 15px;
	text-decoration: none;
	font-family: Arial, sans-serif;
	line-height: 20px;
}

.menu:hover
{
	display: block;
	color: #FFFFFF;
	font-size: 11px;
	background:url(images/button_hover.jpg);
	width: 160px;
	height: 20px;
	text-indent: 15px;
	text-decoration: none;
	font-family: Arial, sans-serif;
	line-height: 20px;
	font-style: italic;
}


Wichtig:
Die Werte der style.css müssen natürlich noch angepasst werden!