"Shoutbox" Hintergund anpassen

AiG · Beitrag von **AiG** » 26.08.2006 20:12

Hallo Leute,

ich hätte da ein kl. Anliegen.

Ich würde gerne in den Hintergrund meiner Shoutbox den Schriftzug "Shoutbox" einbauen:

So soll aussehen:
http://www.geh-nie-aal.de/images/1156537848_6.gif

Das ist der Code der shoubox_view_body.tpl:

<HEAD><META http-equiv="refresh" content="25;url={U_SHOUTBOX_VIEW}?auto_refresh=1">
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}" />
<link rel="stylesheet" href="http://www.kult21.de/talk/templates/NB2/shout.css" type="text/css">
</HEAD>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<table width="100%" height="100%" cellpadding="0" cellspacing="1" border="0" class="forumline">

<tr>
<td class="{shoutrow.ROW_CLASS}" width="50%" higth="100%" style="padding:2px; padding-left:9px; "><b>{shoutrow.USERNAME}</b></td>
<td class="{shoutrow.ROW_CLASS}" width="50%" higth="100%" style="padding:2px;padding-right:10px;text-align:right;">[{shoutrow.TIME}]</td>
</tr>
<tr>
<td class="{shoutrow.ROW_CLASS}" width="100%" higth="100%" style="padding-bottom:0px; padding-left:9px;padding-right:10px;" colspan="2">
<span class="gensmall">
{shoutrow.SHOUT}<br/></span><hr size="1" color="#C0C0C0" />
</td>
</tr>

</table>
</body>

Wie bewerkstellige ich das denn am Besten?

Grüßle, AiG

Benutzer · Beitrag von **Benutzer** » 26.08.2006 20:19

Mit einem Hintergrundbild?
Mittels CSS Stylesheet zum Beispiel:

Code: Alles auswählen

<body style="background-image:url(beispielbild.jpg)" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

AiG · Beitrag von **AiG** » 26.08.2006 20:29

Hi tommyboy,

das ist es ja - hatte ich schon

Hat aber nicht funktioniert und ich dachte, frägst mal die PHPler...scheint wohl komplizierter zu sein.

EDIT/ DOCH - klar funktionierts ^^ Lag an mir >> vertippt.

Danke!

AiG · Beitrag von **AiG** » 26.08.2006 20:39

Danke dir - ganz klasse!

Noch ne Kleinigkeit: das shoutbox.gif lässt sich nicht an der gewünschten Position fixieren - ist mein Code richtig?

<body style="background-image:url(http://www.kult21.de/talk/templates/NB2 ... outbox.gif)"
background-attachment: scroll;
background-repeat: no-repeat;
background-position: center; text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

Hier mal der Link: http://www.kult21.de/talk/index.php

Benutzer · Beitrag von **Benutzer** » 26.08.2006 21:07

Deine Tabellen sind mit einer realtiven Grössen (high="100%") angegeben.
Das heisst, vergrössert sich der Bildschirmausschnitt bzw. werden viele Eintragungen vorgenommen, wird die Tabelle entsprechend grösser und das Hintergrundbild kann so erst einmal nicht vernünftig plaziert werden.

Mein Vorschlag wäre ein Wasserzeichen-Effekt.
Versuche dies mal in den header Bereich deines Quellcodes einzubinden und mein ersten Vorschlag rückgängig zu machen.
Ihn also so wieder darstellen, wie du ihn zuerst gepostet hast.
Bin mir aber jetzt nicht sicher ob dies so funktioniert.
Probiere es einfach mal aus.

Code: Alles auswählen

<style type="text/css">
body {
background-image:url(beispielbild.jpg);
background-repeat:no-repeat;
background-attachement:fixed; padding:0px; }
</style>

AiG · Beitrag von **AiG** » 26.08.2006 21:19

Es wird jetzt schonmal nichtmehr wiederholt

Jetzt muss es nur noch in die Mitte vom iframe.

Benutzer · Beitrag von **Benutzer** » 26.08.2006 21:27

Nä, sieht noch nicht wirklich gut aus. *gf*

Ändere mal folgendes:

Code: Alles auswählen

background-attachment:scroll; vertical-align:middle;

AiG · Beitrag von **AiG** » 26.08.2006 21:32

Kurz nachdem Aktuallisieren der Box sieht man es ganz, dann aber nur in Fragmenten *Grübel*.

Benutzer · Beitrag von **Benutzer** » 26.08.2006 21:34

Hast du die Änderung vorgenommen?

AiG · Beitrag von **AiG** » 26.08.2006 21:36

Ja hab ich gemacht

Hat das was mit den Beiträgen zu tun?

Wenn ich die TABLE rausnehme, dann gehts!

Ich glaube die <hr> ist das Problem?!