Horizontale Navigation??

[sheimann]

Hallo,
ich habe nun erfolgreich Contenido installiert und anschliessend das Tutorial abgearbeitet.

Das hat auch alle gefunzt, nun möchte ich aber eine Horizontale Navigation mit images. Eine erstellung solcher geht aber leider nicht aus dem Tut hervor.
kann mir villeich jemand erklären wie man so etwas macht?

MFG
Sascha

[Sven777b]

erklär mal genauer was du meinst. Vor allem den Part mit den images...

Meinst du jetzt, dass jede Kategorie ein eigenes Image hat (also ne Buttonleiste) - das geht nicht als Navi - denn das ist nicht dynamisch. Contenido malt keine neuen Buttons wenn ein neuer Menüpunkt kommt.

Oder meinst du das Nav-Modul... da steht was von Image. Das ist aber das trennsymbol zwischen den einzelnen Punkten. Und dazu musst du das Bild hochladen über Contenido - dann steht es auch zur Auswahl.

[sheimann]

Also eigentlich möchte ich nur ein Horizontale Buttonnavigation.
Also pro Menuepunkt einen Button mit Rollover und für jeden Untermenuepunkt einen Button mit Rollover.
Ich habe aber keine Ahnung wie ich das anstelle.

Contenido generiert zwar das Menue korrekt ich weiss aber nicht, a: wie ich ein Horizontales Menue hinbekommen (also oben) und b: wie ich es mit Buttons versehe.

MFG
Sascha

[ekke]

habe eine Halbdynamische Nav gebaut: Die Kategorieen werden ganz normal hergestellt, im Bildbearbeitungsprogramm werden die beiden Rolloverbilder erstellt und genauso wie die Kategorie benannt, das rollover mit _leucht.jpg, so mußt Du bei der Erstellung neuer Katagorien per Hand die Bilder hochladen. Widerspricht natürlich dem CMS-gedanken.
auskommentiert die alte Nav.
Gruss ekke

Code: Alles auswählen

<!-- begin main-navigation kategorien unterhalb des ersten baums (tree 1)-->
        <?php
$i=1;
if (count($tree[1]))
	// {echo "<table cellspacing=\"0\" cellpadding=\"0\" border=\"0\" width=\"150\">\n";
	while ($i<=count($tree[1]))
		{
		//echo "<tr>\n";
	//	echo "\n  <td valign=\"top\" ";
		// unterscheidung bg aktiv/passiv  if ($tree[1][$i][idcat] == $subid) {echo "bgcolor=\"#464F6C\"";}
		//	else {
		//	echo " onMouseOver=\"this.style['background']='#464F6C';\" onMouseOut=\"this.style['background']='#525A73';\" bgcolor=\"#525A73\"";
			// }
	//	echo " nowrap><a href=\"".$tree[1][$i][link]."\" onMouseOver=\"on('".$tree[1][$i][name]."');return true;\" onMouseOut=\"off();return true;\" id=\"left-menu\">".$tree[1][$i][name]."</a></td>\n</tr>\n";
	echo "<tr><td valign=\"top\" ><img src=\"images/trans.gif\" width=\"7\" height=\"40\">";
	echo "<a href=\"".$tree[1][$i][link]."\" onMouseOver=\"MM_swapImage('".$tree[1][$i][name]."','','images/buttons/".$tree[1][$i][name]."_leucht.jpg',1)\" onMouseOut=\"MM_swapImgRestore()\">";
	echo "<img src=\"images/buttons/".$tree[1][$i][name].".jpg\" alt=\"".$tree[1][$i][name]."\" name=\"".$tree[1][$i][name]."\" width=\"100\" height=\"40\" border=\"0\" align=\"bottom\" id=\"".$tree[1][$i][name]."\"></a></td></tr>";
		
		/**if ($tree[1][$i][idcat] == $subid)
                 	{$j=1;
                         while ($j<=count($tree[1][$i]))
			{echo "<tr>\n";
                         echo "\n  <td align=\"center\"";
                         if ($tree[1][$i][$j][idcat] == $idcat) {echo "bgcolor=\"#626C8E\"";}
                         	else {echo " onMouseOver=\"this.style['background']='#626C8E';\" onMouseOut=\"this.style['background']='#6C7698';\" bgcolor=\"#6C7698\"";}
                         echo " nowrap><a href=\"".$tree[1][$i][$j][link]."\" onMouseOver=\"on('".$tree[1][$i][$j][name]."');return true;\" onMouseOut=\"off();return true;\" id=\"left-menu\">".$tree[1][$i][$j][name]."</a></td></tr>";
                         $j++;}}*/
		$i++;}
//	echo "</table>\n";}
?>
        <!-- end main-navigation-->

[sheimann]

hmmmm.. erstma vielen Dank.

Wenn ich nur wüsste wie ich das einbinde???? Ich denke als Modul, aba input oder Output? Und wo muss ich die Buttongrafiken hinpacken?

Also ich hab schon rausbekommen, wie ich dafür sorge, dass die Navi horizontal erscheint. Habe aber das Problem. das Unterseiten in der Navi nicht auftauchen...

Ich hoffe ich stelle mich nicht zu dämlich an

MFG
Sascha

[Sven777b]

das Teil was Ekki hier gepostet hat, gehört in dein Layout rein. Nicht in ein Modul.
Die Bilder kommen in images/buttons rein

[sheimann]

Daaaaanke )

werds gleich testen.

MFG
Sascha

[sheimann]

Also das Buttonmenue funzt (Daaaaaanke).
Koenntet Ihr mir auch noch erklären, wie ich das Script ändern muss, damit die Buttons nebeneinander erscheinen?

Das wäre echt kasse.
Trotzdem schoneinmal Danke

[Eppi]

Hallo!

Könntet Ihr bitte im Bereich Module weiterschreiben?

bye, Paule

[Sven777b]

Könntet Ihr bitte im Bereich Module weiterschreiben?

besser dieses ganze Teil in den bereich Module verschieben

[Björn]

...verschoben

[Pitt]

Servus,

schade das noch keiner gepostet hat, wie das mit Navi weiter geht.
Mich würde auch interessieren, wie man die Navigation Horizontal bekommt.!





Grüssele

Pitt

[Pitt]

Hallo.
ich habs geschaft,, nur geht bei mir der rollover nicht???
Bilder sind richtig bennant!

An was liegt es???


Güsse


Pitt

[Sven777b]

gib doch mal nen Link... dann kann man sich den Quelltext ansehen und den Fehler vielleicht finden

[Pitt]

Code: Alles auswählen

  So sieht mein code aus, Rollover hat "kategorie"_leucht.jpg"
   ------- Habe alle <tr> rausgeworfen, damit navi horizontal dargestellt wird!---
<?php 
$i=1; 
if (count($tree[1])) 
   // {echo "<table cellspacing=\"0\" cellpadding=\"0\" border=\"0\" width=\"150\">\n"; 
   while ($i<=count($tree[1])) 
      { 
      //echo "\n"; 
   //   echo "\n  <td valign=\"top\" "; 
      // unterscheidung bg aktiv/passiv  if ($tree[1][$i][idcat] == $subid) {echo "bgcolor=\"#464F6C\"";} 
      //   else { 
      //   echo " onMouseOver=\"this.style['background']='#464F6C';\" onMouseOut=\"this.style['background']='#525A73';\" bgcolor=\"#525A73\""; 
         // } 
   //   echo " nowrap><a href=\"".$tree[1][$i][link]."\" onMouseOver=\"on('".$tree[1][$i][name]."');return true;\" onMouseOut=\"off();return true;\" id=\"left-menu\">".$tree[1][$i][name]."</a></td>\n\n"; 
   echo "<td valign=\"top\" ><img src=\"images/trans.gif\" width=\"7\" height=\"24\">"; 
   echo "<a href=\"".$tree[1][$i][link]."\" onMouseOver=\"MM_swapImage('".$tree[1][$i][name]."','','images/buttons/".$tree[1][$i][name]."_leucht.jpg',1)\" onMouseOut=\"MM_swapImgRestore()\">"; 
   echo "<img src=\"images/buttons/".$tree[1][$i][name].".jpg\" alt=\"".$tree[1][$i][name]."\" name=\"".$tree[1][$i][name]."\" width=\"79\" height=\"24\" border=\"0\" align=\"bottom\" id=\"".$tree[1][$i][name]."\"></a></td>"; 
       
      /**if ($tree[1][$i][idcat] == $subid) 
                    {$j=1; 
                         while ($j<=count($tree[1][$i])) 
         {echo "\n"; 
                         echo "\n  <td align=\"center\""; 
                         if ($tree[1][$i][$j][idcat] == $idcat) {echo "bgcolor=\"#626C8E\"";} 
                            else {echo " onMouseOver=\"this.style['background']='#626C8E';\" onMouseOut=\"this.style['background']='#6C7698';\" bgcolor=\"#6C7698\"";} 
                         echo " nowrap><a href=\"".$tree[1][$i][$j][link]."\" onMouseOver=\"on('".$tree[1][$i][$j][name]."');return true;\" onMouseOut=\"off();return true;\" id=\"left-menu\">".$tree[1][$i][$j][name]."</a></td>"; 
                         $j++;}}*/ 
      $i++;} 
//   echo "</table>\n";} 
?> [b][/b]