Zen Theme Layout anpassen
Eingetragen von mayonate (30)am 15.08.2012 - 15:54 Uhr in
Hallo,
ich versuche mich gerade in das themen mit Zen einzuarbeiten. Dies klappt dank diverser Anleitungen und Videos recht gut.
Doch was ich irgendwie nicht schaffe, ist der "first sidebar" auf der komplette linken Seite darzustellen. Also am "header" und der "navigation" vorbei.
Was ich meine habe ich mal auf dem beigefügten Bild dargestellt. Ich weiß auch nicht so genau, ob dies nur mit css lösbar ist.
Ich hoffe ihr könnt mir helfen.
Der Code meiner fixed-width.css sieht so aus.
#page,
.region-bottom {
/* If you want to make the page a fixed width and centered in the viewport,
* this is the standards-compliant way to do that. */
margin-left: 0px;
margin-right: auto;
width: 1200px;
}
/*
* Apply the shared properties of grid items in a single, efficient ruleset.
*/
#header,
#content,
#navigation,
.region-sidebar-first,
.region-sidebar-second,
#footer {
padding-left: 0px;
padding-right: 0px;
border: 0 !important;
word-wrap: break-word;
_display: inline;
_overflow: hidden;
_overflow-y: visible;
}
/*
* Containers for grid items and flow items.
*/
#header,
#main,
#footer {
*position: relative;
*zoom: 1;
}
#header:before, #header:after,
#main:before, #main:after,
#footer:before, #footer:after {
content: "";
display: table;
}
#header:after,
#main:after,
#footer:after {
clear: both;
}
/*
* Navigation bar
*/
#main {
padding-top: 3em; /* Move all the children of #main down to make room. */
position: relative;
}
#navigation {
position: absolute;
top: 0; /* Move the navbar up inside #main's padding. */
height: 3em;
width: 1200px;
}
/*
* The layout when there is only one sidebar, the left one.
*/
.sidebar-first #content {
/* Span 4 columns, starting in 2nd column from left. */
float: left;
width: 940px;
margin-left: 260px;
margin-right: -1200px;
}
.sidebar-first .region-sidebar-first {
/* Span 1 column, starting in 1st column from left. */
float: left;
width: 260px;
margin-left: 0px;
margin-right: -260px;
}| Anhang | Größe |
|---|---|
| Layout_sample2.png | 4.41 KB |
- Anmelden oder Registrieren um Kommentare zu schreiben
Da mußt du das Tempplate
am 15.08.2012 - 17:26 Uhr
Da mußt du das Tempplate anpassen und dazu noch das css.
In Drupal 7 sind die beiden
am 17.08.2012 - 09:52 Uhr
In Drupal 7 sind die beiden Dateien html.tpl.php und page.tpl.php für den Aufbau der Seite verantwortlich. Für den Inhalt des HTML-Body-Bereiches ist die page.tpl.php zuständig. Dort findest Du die Regionen Deines Themes als Variablen wieder.
Wenn Du den Aufbau der Seite ändern willst, musst Du also in die Logik dieses Scripts eingreifen. Das ist auf Grund der Struktur von Zen für Deinen Fall nicht so simpel. Da würde ich eher nach einem Theme Ausschau halten, das die Aufteilung schon ungefähr so hat. Am CSS musst Du in jedem Fall noch entsprechende Anpassungen vornehmen.
Beste Grüße
Werner