Platzhalter?

Ich habe die CSS Datei, sowie die benötigten Grafiken TL hinzugefügt.
Und meiner Meinung nach auf die benötigten Platzhalter.
Aber leider wird mir nur eine weiße Seite angezeigt.

Kann mir jemand helfen die passenden Platzhalter meiner Datei zu geben!?
Das wäre super. Bin eben ein absoluter Anfänger...
Hier der Code:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>-</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link href="format.css" rel="stylesheet" type="text/css" /> <script language="JavaScript"> function closebox(){ document.getElementById('zettel').style.display = 'none'; } function openbox(){ document.getElementById('zettel').style.display = 'block'; } </script> </head> <body onload="openbox();"> <div id="header"> </div> <div id="trennlinie"> </div> <div id="container"> <div id="text"> </div> </div><br /><br /> <div id="menu"> <ul> <li><a href="index.html"><img src="images/shopnet.gif" /></a></li><br /><br /> <li><a href="vorteile.html"><img src="images/vorteile.gif" /></a></li><br /><br /> <li><a href="funktion.html"><img src="images/funktion.gif" /></a></li><br /><br /> <li><a href="downloads.html"><img src="images/downloads.gif" /></a></li><br /><br /> <li><a href="kontakt.html"><img src="images/kontakt.gif" /></a></li><br /><br /> </ul> </div> <div id="service">Ein Service von<br /> <a href="http://www.-.de" target="_blank"><img src="images/logo.gif" /></a> </div> <div id="zettel" style="display:none;"><a href="#" onclick="closebox();"> <div id="zettel_schrift">Schliessen</a> </div> </div> </body> </html>

Hi Swirl,

zum Erstellen einer Template für TL siehe:
http://de.contaowiki.org/TutorialsEi...eitentemplates

Generell weitere Tutorials (oben Englisch, unten Deutsch) findest du hier:
http://de.contaowiki.org/TutorialsTutorials

Und das Online-Benutzerhandbuch für TL hier:
http://de.contaowiki.org/GermanDocumentation

Ich hoffe das hilft Dir für den Anfang weiter.

Das habe ich ja gemacht.
Hier der angepasste Code:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="<?php echo $this->language; ?>"> <head> <base href="<?php echo $this->base; ?>"></base> <title><?php echo $this->mainTitle; ?> - <?php echo $this->pageTitle; ?></title> <meta http-equiv="Content-Type" content="text/html; charset=<?php echo $this->charset; ?>" /> <link rel="stylesheet" type="text/css" href="shopnet/shopnet.css" media="screen" /> <script language="JavaScript"> function closebox(){ document.getElementById('zettel').style.display = 'none'; } function openbox(){ document.getElementById('zettel').style.display = 'block'; } </script> <base href="<?php echo $this->base; ?>"></base> <title><?php echo $this->mainTitle; ?> - <?php echo $this->pageTitle; ?></title> <meta http-equiv="Content-Type" content="text/html; charset=<?php echo $this->charset; ?>" /> <meta name="description" content="<?php echo $this->description; ?>" /> <meta name="keywords" content="<?php echo $this->keywords; ?>" /> <?php echo $this->robots; ?> <script type="text/javascript" src="plugins/tablesort/js/tablesort.js"></script> <script type="text/javascript" src="plugins/mootools/mootools.js"></script> <script type="text/javascript" src="plugins/slimbox/js/slimbox.js"></script> <script type="text/javascript" src="plugins/ufo/ufo.js"></script> <link rel="stylesheet" href="plugins/slimbox/css/slimbox.css" type="text/css" media="screen" /> <link rel="stylesheet" href="plugins/tablesort/css/tablesort.css" type="text/css" media="screen" /> <link rel="stylesheet" type="text/css" href="tl_files/shopnet/shopnet.css" media="screen" /> <?php echo $this->head; ?> </head> <base href="<?=$this->base;?>" /></base> <body <?php if ($this->class): ?> class="<?php echo $this->class; ?>"<?php endif; if ($this->onload): ?> onload="<?php echo $this->onload; ?>"<?php endif; ?>> <?php echo $this->header; ?> <div id="header"> </div> <div id="trennlinie"> </div> <div class="middle"> <?php echo $this->main; ?> </div> <div id="container"> <div class="right"> <?php echo $this->right; ?> </div> </div><br /><br /> <div id="menu"> <ul> <li><a href="index.html"><img src="images/shopnet.gif" /></a></li><br /><br /> <li><a href="vorteile.html"><img src="images/vorteile.gif" /></a></li><br /><br /> <li><a href="funktion.html"><img src="images/funktion.gif" /></a></li><br /><br /> <li><a href="downloads.html"><img src="images/downloads.gif" /></a></li><br /><br /> <li><a href="kontakt.html"><img src="images/kontakt.gif" /></a></li><br /><br /> </ul> </div> <div id="service">Ein Service von<br /> <a href="#" target="_blank"><img src="images/logo.gif" /></a> </div> <div id="zettel" style="display:none;"><a href="#" onclick="closebox();"> <div id="zettel_schrift">Schliessen</a> </div> </div> </body> </html>

OK, sieht schon besser aus.

Der <base>-Tag wird zweimal verwendet. Den nach dem </head>-Abschluss kannst du herausnehmen
Der Link zur shopnet.css wird zweimal gesetzt, vermutlich einmal falsch ;)
Das Javascript, das du noch drinnen hast, ist mit MooTools "formschöner" umzusetzen.
Den php-insert für den Header würde ich in das div für den Header verschieben
Das Container-div würde ich über alle direkten Inhaltsdivs ziehen (main u. right)
Die zwei Zeilenschaltungen (<br />) solltest du rausnehmen, Abstände kannst du mit CSS machen.

Ansonsten würde ich dir empfehlen, dir einmal die fe_page.tpl anzusehen. Darin siehst du, wie man eine fehlerlose Template erstellt. Darin hast du dann auch optionale Rechte/Linke Bereiche bzw. optionalen Header und Footer.

Für die Navigationserstellung gibt es wiederum eigene Tutorials bzw. Screencasts auf der Typolight-Seite.

die tpl ... und es klappt nicht :(.
der scheint die css nicht zu übernehmen ...

Code:

<?php echo $this->doctype; ?> <html xmlns="http://www.w3.org/1999/xhtml" lang="<?php echo $this->language; ?>"> <head> <base href="<?php echo $this->base; ?>"></base> <title><?php echo $this->pageTitle; ?> - <?php echo $this->mainTitle; ?></title> <meta http-equiv="Content-Type" content="text/html; charset=<?php echo $this->charset; ?>" /> <meta name="description" content="<?php echo $this->description; ?>" /> <meta name="keywords" content="<?php echo $this->keywords; ?>" /> <?php echo $this->robots; ?> <link rel="stylesheet" href="plugins/slimbox/css/slimbox.css" type="text/css" media="screen" /> <link rel="stylesheet" href="tl_files/shopnet/shopnet.css" type="text/css" media="screen" /> <?php echo $this->stylesheets; ?> <script type="text/javascript" src="plugins/mootools/mootools.js"></script> <script type="text/javascript" src="plugins/slimbox/js/slimbox.js"></script> <?php echo $this->head; ?> </head> <body id="top"<?php if ($this->class): ?> class="<?php echo $this->class; ?>"<?php endif; if ($this->onload): ?> onload="<?php echo $this->onload; ?>"<?php endif; ?>> <div id="header"> <?php echo $this->header; ?> </div> <div id="container"> <div id="text"> <?php echo $this->main; ?> </div> </div> <div id="menu"> <?php echo $this->left; ?> </div> <?php echo $this->footer; ?> <div id="service">Ein Service von<br /> <a href="" target="_blank"><img src="" /></a> </div> <div id="zettel" style="display:none;"><a href="#" onclick="closebox();"> <div id="zettel_schrift">Schliessen</a> </div> </div> </body> </html>

Guten Morgen! :)

Zitat:

der scheint die css nicht zu übernehmen ...

Sofern die CSS nicht in "tl_files/shopnet/shopnet.css" liegt. Das kannst du aber überprüfen, indem du in Typolight im Layoutmenüpunkt "Stylesheets" dieses Stylesheet importierst und es dann bei deinem Seitenlayout hinzufügst.

Hast du einen Link zur Seite? Es wäre leichter, wenn ich das Ganze vor mir hätte.

Tipp zum Link im div id="service": Das Target "_blank" ist in xhtml-strict nicht mehr gültig.

Noch ein Fehler: Im div id="zettel" stimmts nicht so ganz mit der Reihenfolge der öffnenden und schließenden Tags. Und das "onclick" kannst du auch rausnehmen.

Liste der Anhänge anzeigen (Anzahl: 1)

Guten Morgen!

Die CSS Datei liegt in tl_files/shopnet/shopnet.css und habe sie auch importiert. Deswegen verstehe ich es ja nicht :(. Leider gibt es keinen Link, da ich es lokal auf dem Rechner über XAMPP habe. Die Seite soll mal so ausschauen (Screenshot).

Auf dem Post it Zettel steht noch was und soll über Schliessen eben weg geklickt werden können. Deswegen das onclick. Oben im Header stand dazu noch eine JavaScript Anweisung. Aber denke das lasse ich alles erst mal weg. Wär schon hoch erfreut wenn er die CSS mal übernehmen und mir Hintergrundbild, Header etc. anzeigen würde.
Denke das mit den Menübuttons wird auch noch recht knifflig werden :(.

Liste der Anhänge anzeigen (Anzahl: 1)

Laut Firebug wird die CSS geladen ... aber nichts davon ist zu sehen ...

Hallo Swirl,

wenn Du die CSS-Datei aus dem "tl_files"-Ordner importiert hast über das Backend, dann liest TL dieses CSS-Dokument in die Datenbank ein und generiert dann die CSS-Datei im Root-Verzeichnis der Installation.

Teste einmal mit Firebug, ob die CSS-Angaben greifen, wenn Du den Pfad änderst.

Juhu, Pfade geändert und soweit stimmt alles.
Nur das jetzt alles ziemlich verschoben ist.
Vorher bei CSS und HTML war alles gut.

Ist es eigentlich immer so, dass Typolight die Menüpunkte alphabetisch anordnet!?
Oder kann man das umgehen?! Wäre super, denn Kontakt kommt vor dem Punkt Shop z.B.!

Prima ;)

Die Abbildung der Menüs wird in der Regel so dargestellt, wie diese in der Seitenstruktur angeordnet sind: von oben nach unten.
Wenn das Menü horizontal angelegt bzw. durch CSS definiert ist, dann von links nach rechts.

Liste der Anhänge anzeigen (Anzahl: 1)

Freu mich :)! Danke euch!!

Das Menü geht von oben nach unten.
In der Seitenstruktur wurde es schon direkt alphabetisch angeordnet ...
Wie kann ich das beeinflussen/ändern?!

Ich habe <?php echo $this->left; ?> rausgenommen, so dass das Menü der Seitenstruktur nicht mehr angezeigt wird. Stattdessen in das Seitentemplate die Menüanweisung geschrieben, da die Buttons ja aus Bildern bestehen. Das wird nun auch angezeigt. Hoffe nur, dass die sich nun auch verlinken lassen!?

Hallo Swirl,

durch Verschieben der Seiten (blauen Pfeil klicken, dann erscheint in der Iconleiste rechts ein blinkendes oranges Icon und dann entsprechend unter bzw. nach der gewünschten Seite einfügen durch Klick auf das orange Icon)

OK, danke ...

Aber meine Idee mit dem Menü scheint nicht zu klappen.
Wäre ja auch zu einfach gewesen - hatte mich schon gewundert ...

Das Standard-Typolight-Modul für die Navigation lässt sich über CSS zu einem Grafik-Menü umwandeln. Planepix hat ein Tutorial dafür gemacht:

http://de.contaowiki.org/MenueMitGrafiken

ist nu alles supi :))!
danke euch!!!