Seite 1 von 2

Horizontale Navigation??

Verfasst: Sa 21. Sep 2002, 09:34
von 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

Verfasst: So 22. Sep 2002, 01:23
von 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.

RE:Horizontale Navigation??

Verfasst: So 22. Sep 2002, 10:56
von 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

Verfasst: So 22. Sep 2002, 19:17
von 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-->

RE:Horizontale Navigation??

Verfasst: So 22. Sep 2002, 19:29
von 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

Verfasst: So 22. Sep 2002, 19:36
von 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

RE:Horizontale Navigation??

Verfasst: So 22. Sep 2002, 19:41
von sheimann
Daaaaanke :-))

werds gleich testen.

MFG
Sascha

RE:Horizontale Navigation??

Verfasst: So 22. Sep 2002, 20:07
von sheimann
Also das Buttonmenue funzt :shock: (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 :-)

Frage

Verfasst: So 22. Sep 2002, 20:19
von Eppi
Hallo!

Könntet Ihr bitte im Bereich Module weiterschreiben?

bye, Paule

Verfasst: So 22. Sep 2002, 20:32
von Sven777b
Könntet Ihr bitte im Bereich Module weiterschreiben?

besser dieses ganze Teil in den bereich Module verschieben

Verfasst: So 22. Sep 2002, 21:05
von Björn
...verschoben :)

Wie geht das!!

Verfasst: Do 20. Feb 2003, 22:17
von 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.!



:shock:

Grüssele

Pitt

Habs!!

Verfasst: Fr 21. Feb 2003, 00:53
von Pitt
Hallo.
ich habs geschaft,, nur geht bei mir der rollover nicht???
Bilder sind richtig bennant!

An was liegt es???


Güsse


Pitt :roll:

Verfasst: Fr 21. Feb 2003, 00:58
von Sven777b
gib doch mal nen Link... dann kann man sich den Quelltext ansehen und den Fehler vielleicht finden

Hier is er

Verfasst: Fr 21. Feb 2003, 01:07
von 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]