Autor Luke
Datum 08.07.2007 13:13
Beiträge: 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



Autor Gast
Datum 08.07.2007 13:40
Beiträge: 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



[ Diese Nachricht wurde bearbeitet von: Flash am 08.07.2007 13:45 (Originaldatum 08.07.2007 13:40) ]


Autor Luke
Datum 08.07.2007 18:17
Beiträge: 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



Autor Gast
Datum 08.07.2007 19:00
Beiträge: 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



Autor Luke
Datum 08.07.2007 19:49
Beiträge: 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





Autor Gast
Datum 08.07.2007 21:28
Beiträge: <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



Autor Luke
Datum 08.07.2007 21:35
Beiträge: 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.



Autor Gast
Datum 08.07.2007 22:02
Beiträge:

dein Content


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





Autor Luke
Datum 08.07.2007 22:51
Beiträge: Ups, da wurde wohl der Code herausgefiltert...



Autor Gast
Datum 08.07.2007 23:15
Beiträge: <div style="background-position: 0 0 0 0;">



Autor Luke
Datum 09.07.2007 19:04
Beiträge: Etwa so:

<div style="background-image: url(images/anypage_images/virus_bg.png); background-repeat: no-repeat; background-position: 0 0 0 0;">


Da tut sich leider nichts, ich kann die Werte ändern wie ich möchte...

auch wenn ich eine extra Zeile einfüge, funktioniert es nicht:

<div style="background-image: url(images/anypage_images/virus_bg.png); background-repeat: no-repeat;">
<div style="background-position: 0 0 0 0;">



Gruß Luke



Autor Gast
Datum 10.07.2007 12:28
Beiträge: dumm gefragt auch mal mit richtiger url versucht?

...url(http://deine/url/images/anypage_images/virus_bg.png);


Autor Luke
Datum 11.07.2007 08:34
Beiträge: Hallo!

Sorry, hatte die url hier nicht richtig reingepostet. Natürlich mit der kompletten url zum Bild.

Das Bild wird ja auch angezeigt, das ist nicht das Problem, aber ich möchte das Hintergrundbild (ohne Content) etwas anders positionieren, und das funktioniert nicht.


Gruß Luke





Diese Seite drucken
Diese Seite schließen

Dieser Artikel kommt von: OpenPHPNuke - das Open Source CMS

http://www.openphpnuke.info/