Navigation einbinden... wie?

Wie verwendet man Templates oder erstellt Navigationen und passt diese an.

Navigation einbinden... wie?

Beitragvon los-drahmas » 28. Okt 2007, 00:49

Hallo,

also, ich muss gestehen, dass ich leider keine Ahnung von PHP etc. habe und mich nun schon seit Stunden in Redaxo einarbeite.
Ich bin auch schon weitergekommen, hab mein "Rohlayout" (Hintergrund) als html eingebunden und möchte nun die Website aufbauen.

Die Dokumentation hilft mir leider nicht weiter, deswegen wäre ich über so eine Art Schritt für Schritt Anleitung dankbar, damit ich mich besser ins System hineinversetzen kann und ggf. auch mal selbstständig weiterkomme.

Folgendes: ich erstelle im Dreamweaver einen Layer auf meinem gewünschten Hintergrundlayout, füge in diesen Layer den Code für ein Menü (Standard 3 Ebenen Navi.) ein, kopiere den gesamten Code in Redaxo, eigentlich müsste das Menü dann auf der Website sichtbar sein. Funktioniert bei mir leider nicht. Der Layer bleibt leer.
Zudem möchte ich noch gerne wissen wie genau ich die Schriftart des Menüs ändern kann. Wie gehe ich bei CSS z.B. vor. Wo kopiere ich den CSS Code hin ...

Müsste alles von 0 an wissen, da ich nicht wirklich durchblicke.

Schöne Grüße,
Andi
los-drahmas
 
Beiträge: 9
Registriert: 27. Okt 2007, 12:25

Beitragvon johannest » 28. Okt 2007, 09:36

Hallo,
unter http://wiki.redaxo.de/index.php?n=R3.Vo ... nTemplates steht, wie Du prinzipiell Dein Template erstellst.

Unter http://www.redaxo.de/49-0-c1-01-templat ... d9750928dc steht, wie Dein Template im Grundgerüst aussehen sollte. Da Du aber ja eh mit Dreamweaver arbeitest, erstelle Dir halt einfach mal eine statische Seite, wie Du es vermutlich zuvor schon gemacht hast. Dort wo Dein Inhalt hin soll, schreibst Du dann
Code: Alles auswählen
<?
/* hier wird der artikelspezifische Inhalt eingebunden;
$this verweist dabei auf den jeweils aktuellen Artikel */

echo $this->getArticle();

?>
hin. Dort wo Du zuerst Deine "Platzhalter-Navigation" hingestellt hast, fügst Du dann stattdessen den Navigations-Code ein.

Dann als Template ins Redaxo einfügen, das Template einem Artikel zuweisen und den Artikel aufrufen. Et voilà, es geht.

Für CSS (und auch HTML) ist SELFHTML Dein Freund. Für CSS siehe hier: http://de.selfhtml.org/css/formate/einbinden.htm.

Viel Erfolg!


Grüße,
Johannes
Benutzeravatar
johannest
 
Beiträge: 338
Registriert: 24. Aug 2004, 21:11

Beitragvon los-drahmas » 28. Okt 2007, 14:25

hmmm... also irgendwie kapier ich das nicht.
Das Menü taucht bei mir nicht auf ...

Hier mal der Code:

Code: Alles auswählen
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Titel</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<style type="text/css">
<!--
.tab1 {
   background-image:  url(img/_header_logo.png);
   background-repeat: no-repeat;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9px;
   font-style: normal;
   color: #96FF78;
   text-align: left;
   margin-left: 0px;
}
.tab2 {
   background-color: #96FF78;
}
-->
</style>
</head>

<body background="img/_hg_verlauf.png" leftmargin="0" topmargin="0">
<table width="995" height="100%" border="0" cellpadding="0" cellspacing="0" class="tab1">
  <!--DWLayoutTable-->
  <tr>
    <td width="995" height="100%"><div id="Layer1" style="position:absolute; left:348px; top:154px; width:282px; height:34px; z-index:1; background-image: url(/img/de_dat.gif); layer-background-image: url(/img/de_dat.gif); border: 1px none #000000;"></div>
      <div id="Layer2" style="position:absolute; left:349px; top:223px; width:188px; height:188px; z-index:2; overflow: visible;"><?php
// EXPLODE PATH
$PATH = explode("|",$this->getValue("path").$this->getValue("article_id")."|");

// GET CURRENTS
$path1 = $PATH[1];
$path2 = $PATH[2];
$path3 = $PATH[3];


/* START 1st level categories */
$navLeftCol .= "\n\t".'<ul>'."\n";
foreach (OOCategory::getRootCategories() as $lev1) {
      
   if ($lev1->isOnline()):
      if ($lev1->getId() == $path1) {
         $navLeftCol .= "\t".'<li><a href="'.$lev1->getUrl().'">'.$lev1->getName().'</a>';
         if ($lev1->getId() != "1") {
            $sitePath .= ' ›› <a href="'.$lev1->getUrl().'">'.$lev1->getName().'</a>';
         }
         $titlePath .= ' >> '.$lev1->getName();
      }
      // 1st level - no active link
      else {
         $navLeftCol .= "\t".'<li><a href="'.$lev1->getUrl().'">'.$lev1->getName().'</a>';
      }
         
      // 1st level had categories? -> go on
      $lev1Size = sizeof($lev1->getChildren());
   
      if ($lev1Size != "0"):
         $navLeftCol .= "\n\t\t".'<ul>'."\n";


         // START 2nd level categories
         foreach ($lev1->getChildren() as $lev2):
                  
            if ($lev2->isOnline()):
   
            // 2nd level - active link
               if ($lev2->getId() == $path2) {
                  $navLeftCol .= "\t\t\t".'<li><a class="current" href="'.$lev2->getUrl().'">'.$lev2->getName().'</a></li>'."\n";
                  $sitePath .= ' ›› <a href="'.$lev2->getUrl().'">'.$lev2->getName().'</a>';
                  $titlePath .= ' >> '.$lev2->getName();
               }
               // 2nd level - no active link
               else {
                  $navLeftCol .= "\t\t\t".'<li><a href="'.$lev2->getUrl().'">'.$lev2->getName().'</a></li>'."\n";
               }
         
            endif;         
            
         endforeach;
         // END 2nd level categories
      
         $navLeftCol .= "\t\t".'</ul>'."\n";
      endif; // END by if ($lev1Size != "0"):
      
      $navLeftCol .= "\t".'</li>'."\n";

   endif; // END by if ($lev1->isOnline())
}
$navLeftCol .= "\t".'</ul>'."\n";
// END 1st level categories

if ($REX['CUR_CLANG'] == 1) $breadcrumb = 'Y<a href="/index.php?clang=1">Startpage</a> '.$sitePath;
else $breadcrumb = '<a href="/index.php">Startseite</a> '.$sitePath;


?></div></td>
  </tr>
</table>
</body>
</html>


Wo muss da nun CSS hin?
Hab ich den PHP Code richtig in den Layer geschrieben?

Gruß, Andi
los-drahmas
 
Beiträge: 9
Registriert: 27. Okt 2007, 12:25

Beitragvon johannest » 28. Okt 2007, 14:41

Hallo,
hast Du in Redaxo auch Kategorien angelegt? Und auch online geschalten?

Füge halt einfach Dein CSS für das Menü dort ein, wo Du sowieso schon CSS hingeschrieben hast, also nach
Code: Alles auswählen
<style type="text/css">
<!--


Der Navigations-Code sollte an der richtigen Stelle sein.

Noch ein Tipp. Bevor Du mit Redaxo beginnst, solltest Du dich generell erst mal mit den Grundlagen von HTML und CSS auseinandersetzen. Sonst kommst Du da nie auf einen grünen Zweig.


Grüße,
Johannes
Benutzeravatar
johannest
 
Beiträge: 338
Registriert: 24. Aug 2004, 21:11

Beitragvon los-drahmas » 28. Okt 2007, 16:54

...jetzt hab ichs erst mal begriffen ... :) danke!
Gruß, Andi
los-drahmas
 
Beiträge: 9
Registriert: 27. Okt 2007, 12:25


Zurück zu Templates/Navigationen [R3]

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast