Ergebnis 1 bis 9 von 9

Thema: fe_page abändern für Sticky-Footer

  1. #1
    Alter Contao-Hase
    Registriert seit
    12.10.2010.
    Beiträge
    1.026

    Standard fe_page abändern für Sticky-Footer

    Hi Leute,

    ich möchte im Tamplate fe_page, das original so hier ausschaut:

    HTML-Code:
    <body id="top" class="win firefox gecko fx43">
       <div id="wrapper">
             <header id="header">
             <div id="container">
             <footer id="footer">
       </div>
    <script>
    </body>
    </html>
    den Footer außerhalb vom wrapper haben, also so hier:


    HTML-Code:
    <body id="top" class="win firefox gecko fx43">
       <div id="wrapper">
             <header id="header">
             <div id="container">
             
       </div>
    <footer id="footer">
    <script>
    </body>
    </html>
    Was muß ich da in der fe_page verändern?

    PHP-Code:
    <body id="top" class="{{ua::class}}<?php if ($this->class) echo ' ' $this->class?>"<?php if ($this->onload): ?> onload="<?= $this->onload ?>"<?php endif; ?>>

      <?php $this->block('body'); ?>
        <?php $this->sections('top'); ?>

        <div id="wrapper">

          <?php $this->block('header'); ?>
            <?php if ($this->header): ?>
              <header id="header">
                <div class="inside">
                  <?= $this->header ?>
                </div>
              </header>
            <?php endif; ?>
          <?php $this->endblock(); ?>

          <?php $this->sections('before'); ?>

          <?php $this->block('container'); ?>
            <div id="container">

              <?php $this->block('main'); ?>
                <div id="main">
                  <div class="inside">
                    <?= $this->main ?>
                  </div>
                  <?php $this->sections('main'); ?>
                </div>
              <?php $this->endblock(); ?>

              <?php $this->block('left'); ?>
                <?php if ($this->left): ?>
                  <aside id="left">
                    <div class="inside">
                      <?= $this->left ?>
                    </div>
                  </aside>
                <?php endif; ?>
              <?php $this->endblock(); ?>

              <?php $this->block('right'); ?>
                <?php if ($this->right): ?>
                  <aside id="right">
                    <div class="inside">
                      <?= $this->right ?>
                    </div>
                  </aside>
                <?php endif; ?>
              <?php $this->endblock(); ?>

            </div>
          <?php $this->endblock(); ?>

          <?php $this->sections('after'); ?>

          <?php $this->block('footer'); ?>
            <?php if ($this->footer): ?>
              <footer id="footer">
                <div class="inside">
                  <?= $this->footer ?>
                </div>
              </footer>
            <?php endif; ?>
          <?php $this->endblock(); ?>

        </div>

        <?php $this->sections('bottom'); ?>
      <?php $this->endblock(); ?>

      <?= $this->mootools ?>

    </body>

  2. #2
    Contao-Fan Avatar von comanche
    Registriert seit
    12.11.2009.
    Beiträge
    496

    Standard

    Ich würde den Footer-Block verschieben NACH dem schließenden Wrapper-Container.

    Das ändern ...
    HTML-Code:
    <?php $this->block('footer'); ?> 
            <?php if ($this->footer): ?> 
              <footer id="footer"> 
                <div class="inside"> 
                  <?= $this->footer ?> 
                </div> 
              </footer> 
            <?php endif; ?> 
          <?php $this->endblock(); ?> 
    
        </div> 
    ... in das:
    HTML-Code:
    </div> 
    
    <?php $this->block('footer'); ?> 
            <?php if ($this->footer): ?> 
              <footer id="footer"> 
                <div class="inside"> 
                  <?= $this->footer ?> 
                </div> 
              </footer> 
            <?php endif; ?> 
          <?php $this->endblock(); ?> 

  3. #3
    Alter Contao-Hase
    Registriert seit
    12.10.2010.
    Beiträge
    1.026

    Standard

    Also das, was ich im Bild grau markiert habe?

    Was sind aber die oberen und unteren Zeilen, die ich mit den roten Pfeilen markiert habe?
    Wozu dienen diese? Müssen diese Zeilen auch verschoben werden?

    Unbenannt-2.jpg

  4. #4
    Wandelndes Contao-Lexikon Avatar von tab
    Registriert seit
    22.10.2013.
    Beiträge
    10.078
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Die sind für die "eigenen Layoutbereiche", die man im Seitenlayout anlegen kann. Sind keine angelegt, wird auch nichts ausgegeben.

  5. #5
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    34.130
    Partner-ID
    10107

    Standard

    Die geben die Custom Sections aus, die du in deinem Seitenlayout definieren kannst.

    // zu langsam

  6. #6
    Alter Contao-Hase
    Registriert seit
    12.10.2010.
    Beiträge
    1.026

    Standard

    Wäre das so richtig verschoben?
    (siehe grau markierten Code)

    Unbenannt-3.jpg



    Was besagen die beiden Zeilen genau? Was lässt sich damit genau machen?

    PHP-Code:
    <?php $this->sections('after'); ?>
    und

    PHP-Code:
      <?php $this->sections('bottom'); ?>

  7. #7
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    34.130
    Partner-ID
    10107

    Standard

    Das haben wir ja bereits beschrieben: dort werden die "eigenen Layoutbereiche" ausgegeben.

  8. #8
    Alter Contao-Hase
    Registriert seit
    12.10.2010.
    Beiträge
    1.026

    Standard

    Ah, jetzt verstehe ich... also gelten diese für das hier?

    Unbenannt-4.jpg

    Gibt es dazu noch mehr Infos irgendwo, wann ich was wie einsetzen kann?
    Habe damit selber noch nichts zu tun gehabt...

  9. #9
    Alter Contao-Hase
    Registriert seit
    20.03.2010.
    Ort
    Hannover
    Beiträge
    1.041

    Standard

    Wenn ich das richtig sehe ist 'after' nach dem Hauptinhalt und vor dem Footer.
    'bottom' hingegen ist ein Bereich unterhalb des #wrappers.

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
  •