Forum

Hallo zusammen!

Ist es eigentlich möglich bei einer Anypage Seite ein Hintergrundbild einzufügen?
Habe mal eine html-Seite gebastelt mit einem Hintergrundbild. Funktionierte soweit super. Als ich dann den Code in eine anypage eingefügt habe (url für das Hintergrundbild angepaßt) wurde die Seite ohne dem Hintergrundbild angezeigt.

Kann man das ändern? Wenn ja wie?

Gruß Luke

Das gibt mehrere Möglichkeiten.

Zum einen kannst du eine neue CLASS im CSS definieren und dann bei den Anypage Seiten einfügen.

oder

du erstellt im TPL Manager ein neues Template für deine Anaypage Seiten
- bearbeiten

<td background="URL ZU DEINEM BILD" width="39%" align="center" valign="top">
<tag:[ALLCENTER] />
</td>

oder

falls du in deine Anypage Seite direkt HTML Code eingibst, kanns du auch den BG direkt als HTML Code einfügen.

Beispiel

CSS:
.themecenterboximages{padding: 3px; background: url(images/bg.gif) repeat; }

HTML in Anypage:
<div class="themecenterboximages>Content</div>

Flash

Hallo Flash!

Danke für die Info.

Sehe ich das richtig, daß man dann nur 1 Hintuergrundbild für alle anypage Seiten benutzen kann?
Ich würde dann die Version html in anypage benutzen.

Schön wäre es, wenn ich für jede anypage seite ein eigenes Hintergrundbild benutzen könnte.

Gruß Luke

wenn du für jede Seite eine neues Backgrounfbild haben willst, dann würde ich so lösen:

<div style="background-image:url(bg.gif)">
dein Content
</div>



Flash

Ahh jetzt ja.

Und wenn sich das bild nicht wiederholen soll, kommt ja noch irgendwo ein no repeat hinein.
Wünschenswert wäre noch eine bestimmte Positionierung im Hintergrund, wie löst man sowas?

Danke schon mal

Gruß Luke

<div style="background-image:url(bg.gif); background-repeat:no-repeat; margin:30px; padding:10px">
dein Content
</div>


spiele da mal mit margin und padding rum

Flash

Super, besten Dank! Aber mit margin und padding verschiebe ich den kompletten Content, nicht nur das Hintergrundbild.

Der Content ist schon an der richtigen Stelle, nur das Hintergrundbild leider nicht.

wobei die Zahlen für die Koordinaten stehen

Maßangaben kannst du in Prozent, px, em u.s.w. angeben

oder allgemein mittels top, left, right, bottom

Ups, da wurde wohl der Code herausgefiltert...

<div style="background-position: 0 0 0 0;">