Ergebnis 1 bis 7 von 7

Thema: Wie kann ich einen Text in eigens angelegtem Div Container (fe_page) anzeigen lassen?

  1. #1
    Contao-Nutzer
    Registriert seit
    18.04.2013.
    Beiträge
    11

    Frage Wie kann ich einen Text in eigens angelegtem Div Container (fe_page) anzeigen lassen?

    Hallo,

    ich habe ein kleines Problem, und zwar möchte ich für einen extra angelegten div container in der fe_page einen Text in die Klasse "extrainside" einfügen. Dazu habe ich ein Frontend modul (eigenen html-code) mit jeweils den entsprechendem CSS bzw. Text angelegt. Doch leider wird der Text nicht angezeigt.


    Hier der Auszug aus der fe_page:
    HTML-Code:
    <div id="extra">
          <div class="extrainside"></div>
          <div id="extralogo"></div>
          
            </div>
    Und hier der Auszug aus dem Frontend Modul:
    HTML-Code:
    <div id="extra">
    <div class="extrainside">
      <h1>Hallo Welt</h1>
      <h2> Test</h2>
       Dann noch irgendwie Text bla bla bla....</div>
    </div>

    Wie stelle ich es am besten an, dass mein Text in der Klasse "extrainside" angezeigt wird?

    ...Vielleicht gehe ich auch zu Umständlich an die Sache ran... Ich will halt schlicht und ergreifend einen div container (width:100%, height:400px) der mit einem Bild/Logo auf der Startseite (nur auf der Startseite sichtbar) dargestellt wird. Das funktioniert auch soweit, div ist da, ein Bild konnte ich einfügen (div id="extralogo"), nur der Text, welcher in die div class"extrainside" soll kriege ich einfach nicht eingebunden.


    Würde mich freuen, wenn jemand Rat weiss. Schon mal danke

    Gruß
    Mase

  2. #2
    Contao-Fan Avatar von dhe
    Registriert seit
    25.10.2010.
    Ort
    Esslingen a.N.
    Beiträge
    657

    Standard

    Und du willst das Div außerhalb von #main und Konsorten haben?
    Weil sonst kannst doch einfach ein Inhaltselement anlegen und dem deine Wunsch ID und Klasse geben.

    Weitere Möglichkeit wäre einen eigenen Layoutbereich in den Einstellungen anlegen und diesen dann bei "Themes" -> "Layouts" einbetten und Artikel oder sonstige Module zuweisen...

  3. #3
    Contao-Nutzer
    Registriert seit
    18.04.2013.
    Beiträge
    11

    Standard

    Zitat Zitat von dhe Beitrag anzeigen
    Und du willst das Div außerhalb von #main und Konsorten haben?
    Weil sonst kannst doch einfach ein Inhaltselement anlegen und dem deine Wunsch ID und Klasse geben.

    Also der Div sollte außerhalb des Wrappers sein, da dieser 960px ist und der "extra div" über die gesamte Seite gehen soll, also width:100%.

    Weitere Möglichkeit wäre einen eigenen Layoutbereich in den Einstellungen anlegen und diesen dann bei "Themes" -> "Layouts" einbetten und Artikel oder sonstige Module zuweisen...
    Die zweite Variante habe ich auch schon probiert. Hier scheitert es wie gesagt auch am Text einfügen, dieser sollte in die class="extrainside". Lege ich einen eigenen Layoutbereich an und füge in der fe_page an entsprechender Stelle dann noch
    PHP-Code:
    <?php if ($this->sections['extra']): ?>
    <?php 
    echo $this->sections['extra']; ?> 
    <?php endif; ?>
    ein, wird leider nicht die Klasse mit eingebunden. Kann aber gut sein, dass hier noch ne php Anweisung fehlt, bin in php Sachen leider ziemlich unerfahren...

  4. #4
    Contao-Fan Avatar von dhe
    Registriert seit
    25.10.2010.
    Ort
    Esslingen a.N.
    Beiträge
    657

    Standard

    Zitat Zitat von Mase Beitrag anzeigen
    Die zweite Variante habe ich auch schon probiert. Hier scheitert es wie gesagt auch am Text einfügen
    Hast du deinen eigenen Layoutbereich auch einem Layout zugeordnet und ein Artikelmodul integriert?
    Sähe dann so aus:
    Layoutbereich_Seitenlayout.gif
    Zitat Zitat von Mase Beitrag anzeigen
    dieser sollte in die class="extrainside"
    Gibt es dafür einen Grund, dass dieser Container GENAUSO heißen muss?
    Zitat Zitat von Mase Beitrag anzeigen
    Lege ich einen eigenen Layoutbereich an und füge in der fe_page an entsprechender Stelle dann noch
    PHP-Code:
    <?php if ($this->sections['extra']): ?>
    <?php 
    echo $this->sections['extra']; ?> 
    <?php endif; ?>
    ein, wird leider nicht die Klasse mit eingebunden.
    Dann mach es doch so:
    PHP-Code:
    <?php if ($this->sections['extra']): ?>
    <div id="extra" class="extrainside">
    <?php echo $this->sections['extra']; ?> 
    </div>
    <?php endif; ?>
    Gruß

  5. #5
    Contao-Nutzer
    Registriert seit
    18.04.2013.
    Beiträge
    11

    Standard

    Zitat Zitat von dhe Beitrag anzeigen
    Hast du deinen eigenen Layoutbereich auch einem Layout zugeordnet und ein Artikelmodul integriert?
    Sähe dann so aus:
    Layoutbereich_Seitenlayout.gif
    Ja, das habe ich gemacht... module.png
    Gibt es dafür einen Grund, dass dieser Container GENAUSO heißen muss?
    Nein, habe den Conainer mittlerweile auch in "footer2" umbenannt.

    Dann mach es doch so:
    PHP-Code:
    <?php if ($this->sections['extra']): ?>
    <div id="extra" class="extrainside">
    <?php echo $this->sections['extra']; ?> 
    </div>
    <?php endif; ?>
    Gruß
    Stand der Dinge ist, dass es leider immer noch nicht richtig funktioniert
    Immerhin habe ich es inzwischen hinbekommen, dass ich den Text im Container richtig angezeigt bekomme.
    Jetzt hakt es allerdings daran ein Bild in den Container "footer2" einzufügen. Dazu wollte ich eine Class "logo" einrichten, habe dazu entsprechend ein Modul angelegt. Wird auch alles eingefügt, nur leider nicht verschachtelt. Da heisst, die class=logo" liegt außerhalb des footer2.

    Aktueller code:
    fe_page:
    PHP-Code:
    <?php if ($this->sections['footer2']): ?>
        
        <?php echo $this->sections['footer2']; ?>

        <?php endif; ?>
    Frontend Modul:
    HTML-Code:
    <div id="footer2">
    <div class="logo">
    <img src="files/website/gfx/logo.png">
      </div></div>
    Ausgabe auf der Website (firebug):
    HTML-Code:
    ...
    <body id="top" class="mac firefox gecko fx20">
    <div id="wrapper">
    <div id="footer2">
    <div class="inside">
    <h1>Überschrift1 </h1>
    <h2> Überschrift2</h2>
    <p> Hier kommt der Text hin... bla bla bla bla</p>
    </div>
    </div>
    <footer id="footer">
    ...
    Wie man sieht, fehlt hier schlicht und ergreifend die div class="logo" innerhalb des footer2 Containers...


    Habe mittlerweile irgendwie alle Varianten durchprobiert. Weiss nicht genau was ich falsche mache^^

    Also zusammengefasst: Was jetzt noch fehlt ist das Logo, welches ich in den div id="footer2" einbinden will. Dies am besten zum ausrichten als div class="logo",
    damit ich es dann entsprechend via CSS ausrichten kann... Also dann einfach über Layout -> CSS und dann eine Formatdefinition #footer2 .logo

    Gruß

  6. #6
    Contao-Fan Avatar von dhe
    Registriert seit
    25.10.2010.
    Ort
    Esslingen a.N.
    Beiträge
    657

    Standard

    Hab es 3 mal durchgelesen, blick' aber immer noch nicht, was das Problem ist.
    Du kannst doch in jedem Layoutbereich das Artikelmodul einbetten.

    Wenn du ein Bild einbetten willst, kannst du entweder die Extension "logo" oder du machst ein eigenes Modul, mit dem du ein bestimmtes Inhaltselement einfügst.
    Also neues Modul vom Typ "Eigener HTML-Code", dann {{insert_content:ID_des_Inhaltselement}}.
    Bei beiden Varianten kannst du eigene IDs und Klassen verwenden.

    Wenn das immer noch nicht helfen sollte, dann schreib mal genauer, wie dein HTML Code aussehen soll.

  7. #7
    Contao-Nutzer
    Registriert seit
    18.04.2013.
    Beiträge
    11

    Standard

    Nach längerem rumprobieren, habe ich es jetzt geschafft!
    Mit dem Insert tag {{insert_content::ID_des_Inhaltselement}} hat's letztendlich funktioniert...

    Noch mal danke für die Ratschläge und Deine Mühe!

    Gruß
    Mase

Aktive Benutzer

Aktive Benutzer

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

Lesezeichen

Lesezeichen

Berechtigungen

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