Zitat von
lucina
... (Via 'eigene Layoutbereiche' in 'Einstellungen', dann in 'Templates' - 'neues Template' - aus 'fe-page' und dann den Teil mit Custom-Sections direkt hinter das öffnende 'body'-Tag platzieren). Dann könntest Du dorthinein einen Imageslider packen. ...
Danke Carolina (lucina), so hab ich's gemacht.
Zur Projektsite HIER KLICKEN
Erster Schritt:
HTML-Code:
<?php echo $this->getCustomSections('before'); ?>
direkt hinter den body-Tag.
Zweiter Schritt:
Zentrierung der (1700px breiten) Slideshow2 per CSS:
HTML-Code:
#bannerblackstripe .inside {
left:50%;
}
.mod_slideshow2 {
width:1700px;
height:345px;
position:absolute;
margin-left:-850px;
}
Dritter Schritt:
Um den nun entstandenen horizontalen Scrollbalken wegzubekommen, habe ich dem body folgende Eigenschaft verpasst:
HTML-Code:
body {
overflow-x: hidden;
}
Für Manöverkritik bin ich dankbar, hat jemand vielleicht eine bessere Idee (speziell bei overflow-x:hidden fühle ich mich nicht sehr wohl ).
Kleine Ergänzung: Auch den (bis an den rechten Rand des Browserfensters gehenden) schwarzen Balken als Navigationshintergrund habe ich durch die CSS-Definition von .blackstripe zentriert. Letzteren zum Probieren per Firebug vielleicht einfach ausblenden.
Lesezeichen