Seite 1 von 2

"Shoutbox" Hintergund anpassen

Verfasst: 26.08.2006 20:12
von AiG
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">
<!-- BEGIN shoutrow -->
<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>
<!-- END shoutrow -->
</table>
</body>
Wie bewerkstellige ich das denn am Besten?

Grüßle, AiG

Verfasst: 26.08.2006 20:19
von Benutzer
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}"> 

Verfasst: 26.08.2006 20:29
von AiG
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!

Verfasst: 26.08.2006 20:39
von AiG
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

Verfasst: 26.08.2006 21:07
von Benutzer
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>

Verfasst: 26.08.2006 21:19
von AiG
Es wird jetzt schonmal nichtmehr wiederholt ;)

Jetzt muss es nur noch in die Mitte vom iframe.

Verfasst: 26.08.2006 21:27
von Benutzer
Nä, sieht noch nicht wirklich gut aus. *gf*

Ändere mal folgendes:

Code: Alles auswählen

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

Verfasst: 26.08.2006 21:32
von AiG
:grin: Kurz nachdem Aktuallisieren der Box sieht man es ganz, dann aber nur in Fragmenten *Grübel*.

Verfasst: 26.08.2006 21:34
von Benutzer
Hast du die Änderung vorgenommen?

Verfasst: 26.08.2006 21:36
von AiG
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?!