Sidebar empty = full width
Eingetragen von congomonster (24)am 05.05.2015 - 00:17 Uhr in
Hallo,
ich habe mir ein Theme gebastelt auf Grundlage des Skeleton Frameworks. Ich wollte einfach mal selber ein Theme bauen. Also von Grund auf zum lernen. Ich habe es jetzt geschafft die rechte Seitenleiste ausblenden zu lassen, wenn kein Block eingefügt ist. Wie kann ich nun meinen Inhalt auf volle Seitenbreite bringen wenn die Seitenleiste leer ist?
Ich hatte schon was gefunden wo im template mit einer Funktion die Klasse verändert wird. Den Weg fand ich gut. Nur leider habe ich es nicht hin bekommen.
So lasse ich die Seitenleiste verschwinden:
<div id="main_content_node" class="eight columns"><?php print render($page['content']); ?></div>
<?php if (!empty($page['sidebar_second'])): ?>
<div id="main_content_second_sidebar" class="four columns">
<?php print render($page['sidebar_second']); ?>
</div>
<?php endif; ?>Der "main_content_node" sollte von der Klasse "eight columns" auf "u-full-width" wechseln. Wie geht das?
mfg
- Anmelden oder Registrieren um Kommentare zu schreiben
In der page.tpl.php die
am 05.05.2015 - 09:05 Uhr
In der page.tpl.php die Seitenleiste vor dem Haupt-Content ausgeben und im CSS mit einem lloat: right; versehen. Der Haupt-Content wird dann auf die volle Breite definiert. Wenn eine rechte Sidebar da ist, schränkt die dann den Content-Bereich ein.
Eines ist aber zu berücksichtigen: Unterhalb der Seitenleiste kann der Content wieder die volle Breite einnehmen!!
Du könntest Dir aber mal das Zen-Theme ansehen. Dort wird das Trickreich mit negativen Margins geregelt. Außerdem ist dieses Theme extrem gut kommentiert.
<div id="main_content_node"
am 05.05.2015 - 09:25 Uhr
<div id="main_content_node" class="<?php if (empty($page['sidebar_second'])) print(/"fullwidth/") ?>eight columns"><?php print render($page['content']); ?></div>Hab's nicht kapiert
am 05.05.2015 - 23:08 Uhr
Hallo caw,
leider hat das nicht funktioniert. Ich bekomme dann ein Syntax error. Muss ich hier die Seitenleiste auch vorher ausgeben?