Ergebnis 1 bis 17 von 17

Thema: Platzhalter?

  1. #1
    Contao-Nutzer
    Registriert seit
    19.07.2009.
    Beiträge
    58

    Standard 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">&nbsp;</div>
    	<div id="trennlinie">&nbsp;</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>

  2. #2
    Contao-Nutzer Avatar von RolandAuer
    Registriert seit
    22.06.2009.
    Ort
    Brandenberg in Tirol (wiederum in Österreich) - Bergidyll ohne Vergleich!
    Beiträge
    26

    Standard

    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.
    viele Grüße
    Roland Auer
    Mein Community-Profil

  3. #3
    Contao-Nutzer
    Registriert seit
    19.07.2009.
    Beiträge
    58

    Standard

    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>

  4. #4
    Contao-Nutzer Avatar von RolandAuer
    Registriert seit
    22.06.2009.
    Ort
    Brandenberg in Tirol (wiederum in Österreich) - Bergidyll ohne Vergleich!
    Beiträge
    26

    Standard

    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.
    viele Grüße
    Roland Auer
    Mein Community-Profil

  5. #5
    Contao-Nutzer
    Registriert seit
    19.07.2009.
    Beiträge
    58

    Standard

    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>

  6. #6
    Contao-Nutzer Avatar von RolandAuer
    Registriert seit
    22.06.2009.
    Ort
    Brandenberg in Tirol (wiederum in Österreich) - Bergidyll ohne Vergleich!
    Beiträge
    26

    Standard

    Guten Morgen!

    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.
    viele Grüße
    Roland Auer
    Mein Community-Profil

  7. #7
    Contao-Nutzer
    Registriert seit
    19.07.2009.
    Beiträge
    58

    Standard

    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 .
    Angehängte Grafiken Angehängte Grafiken

  8. #8
    Contao-Nutzer
    Registriert seit
    19.07.2009.
    Beiträge
    58

    Standard

    Laut Firebug wird die CSS geladen ... aber nichts davon ist zu sehen ...
    Angehängte Grafiken Angehängte Grafiken

  9. #9
    AG Pressearbeit
    Community-Moderator
    Buchautor 'Contao für Webdesigner'
    Avatar von planepix
    Registriert seit
    05.06.2009.
    Ort
    Stuttgart
    Beiträge
    6.470
    Partner-ID
    107
    Contao-Projekt unterstützen

    Support Contao

    Standard

    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.
    ---------------------------------
    Beste Grüße planepix
    Contao für Webdesigner (Website), Twitter: @contaowebdesign
    weitzeldesign
    Contao-Sprechstunde
    Contao Schulungen: https://www.weitzeldesign.com/cms-co...chulungen.html
    Contao Jahrbuch: www.contao-jahrbuch.de
    Contao Agenturtag: www.contao-agenturtag.de
    Contao Stammtisch Stuttgart: www.contao-stammtisch-stuttgart.de
    Contao 4 Erfahrungen als Gitbook: https://app.gitbook.com/@planepix/s/...-mit-contao-4/
    Contao 4 & Manager Hosterhinweise: https://github.com/contao/contao-manager/wiki

    Schon wieder ein Update?
    Glücklich sind die, die den Wert erkennen – und wertschätzen.
    „Muss man machen wie beim Zahnarzt. Der bestraft einen auch mit hohen Rechnungen wenn man die Pflege vernachlässigt.”

  10. #10
    Contao-Nutzer
    Registriert seit
    19.07.2009.
    Beiträge
    58

    Standard

    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.!
    Geändert von Swirl (22.07.2009 um 09:32 Uhr)

  11. #11
    AG Pressearbeit
    Community-Moderator
    Buchautor 'Contao für Webdesigner'
    Avatar von planepix
    Registriert seit
    05.06.2009.
    Ort
    Stuttgart
    Beiträge
    6.470
    Partner-ID
    107
    Contao-Projekt unterstützen

    Support Contao

    Standard

    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.
    ---------------------------------
    Beste Grüße planepix
    Contao für Webdesigner (Website), Twitter: @contaowebdesign
    weitzeldesign
    Contao-Sprechstunde
    Contao Schulungen: https://www.weitzeldesign.com/cms-co...chulungen.html
    Contao Jahrbuch: www.contao-jahrbuch.de
    Contao Agenturtag: www.contao-agenturtag.de
    Contao Stammtisch Stuttgart: www.contao-stammtisch-stuttgart.de
    Contao 4 Erfahrungen als Gitbook: https://app.gitbook.com/@planepix/s/...-mit-contao-4/
    Contao 4 & Manager Hosterhinweise: https://github.com/contao/contao-manager/wiki

    Schon wieder ein Update?
    Glücklich sind die, die den Wert erkennen – und wertschätzen.
    „Muss man machen wie beim Zahnarzt. Der bestraft einen auch mit hohen Rechnungen wenn man die Pflege vernachlässigt.”

  12. #12
    Contao-Nutzer
    Registriert seit
    19.07.2009.
    Beiträge
    58

    Standard

    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?!
    Angehängte Grafiken Angehängte Grafiken

  13. #13
    Contao-Nutzer
    Registriert seit
    19.07.2009.
    Beiträge
    58

    Standard

    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!?

  14. #14
    AG Pressearbeit
    Community-Moderator
    Buchautor 'Contao für Webdesigner'
    Avatar von planepix
    Registriert seit
    05.06.2009.
    Ort
    Stuttgart
    Beiträge
    6.470
    Partner-ID
    107
    Contao-Projekt unterstützen

    Support Contao

    Standard

    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)
    ---------------------------------
    Beste Grüße planepix
    Contao für Webdesigner (Website), Twitter: @contaowebdesign
    weitzeldesign
    Contao-Sprechstunde
    Contao Schulungen: https://www.weitzeldesign.com/cms-co...chulungen.html
    Contao Jahrbuch: www.contao-jahrbuch.de
    Contao Agenturtag: www.contao-agenturtag.de
    Contao Stammtisch Stuttgart: www.contao-stammtisch-stuttgart.de
    Contao 4 Erfahrungen als Gitbook: https://app.gitbook.com/@planepix/s/...-mit-contao-4/
    Contao 4 & Manager Hosterhinweise: https://github.com/contao/contao-manager/wiki

    Schon wieder ein Update?
    Glücklich sind die, die den Wert erkennen – und wertschätzen.
    „Muss man machen wie beim Zahnarzt. Der bestraft einen auch mit hohen Rechnungen wenn man die Pflege vernachlässigt.”

  15. #15
    Contao-Nutzer
    Registriert seit
    19.07.2009.
    Beiträge
    58

    Standard

    OK, danke ...

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

  16. #16
    Contao-Nutzer Avatar von RolandAuer
    Registriert seit
    22.06.2009.
    Ort
    Brandenberg in Tirol (wiederum in Österreich) - Bergidyll ohne Vergleich!
    Beiträge
    26

    Standard

    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
    viele Grüße
    Roland Auer
    Mein Community-Profil

  17. #17
    Contao-Nutzer
    Registriert seit
    19.07.2009.
    Beiträge
    58

    Standard

    ist nu alles supi )!
    danke euch!!!

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Ähnliche Themen

  1. Aktivierungsmail - Platzhalter und Insert-Tags einfügen?
    Von macjag im Forum Sonstiges zu Contao
    Antworten: 2
    Letzter Beitrag: 16.02.2011, 22:45
  2. Eigenes Template - Platzhalter - Anpassung tpl
    Von jk77 im Forum Layout / Templates / Holy Grail
    Antworten: 6
    Letzter Beitrag: 05.01.2011, 19:39
  3. Wie kommt der Content in die Platzhalter bzw. DIV-Container ?
    Von kol im Forum Layout / Templates / Holy Grail
    Antworten: 5
    Letzter Beitrag: 07.06.2010, 14:56
  4. [inserttags] Platzhalter - Wie nutzt man Regeln?
    Von ready2use im Forum Sonstige Erweiterungen
    Antworten: 0
    Letzter Beitrag: 18.02.2010, 18:31

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •