[Spash]

Hallo meine Shoutbox hat kleine Farbprobleme.
Kann mir einer helfen die zu beheben?

> Mein Forum <

[Fatih]

Hi,

würde mal sagen - schwarzer Text auf schwarzem Hintergrund-. Bearbeite die shoutbox Templates, in dem Du dort eine andere Backgroundfarbe vorgibst. Die shoutbox Templates findest Du bei den Globalen Templates.

[Michael]

Versuchs mal so: Öffne das Template shoutbox_shout und suche nach:

Code:

<td align="left">

Ersetzen durch:

Code:

<td align="left" class="trow1">

[Spash]

Fathi > Da war ich schon drauf aber hab keine Farben gefunden... Danke trotzdem.

Michael > Du bist einfach nur klasse... Das war der Fehler.

[Ich habe keine ahnung]

Wer kann mir sagen wo ich hier in dem Template (für meine Shoutbox) meine Hintergrundfarbe ändern kann ?

<table border="0" cellspacing="1" cellpadding="4" class="tborder">
<thead>
<tr>
<td class="thead" colspan="5">
<div class="expcolimage"><img src="{$theme['imgdir']}/collapse.gif" id="shoutbox_img" class="expander" alt="[-]" /></div>
<div><strong>{$lang->sf_sb_shoutbox}</strong> (<a href="index.php?action=full_shoutbox">{$lang->sf_sb_fullsbox}</a>)<br /></div>
</td>
</tr>
</thead>

<tbody id="shoutbox_e">
<tr>
<td class="trow2" align="center"><form onSubmit="ShoutBox.postShout(); $('shout_data').value = ''; return false;">{$lang->sf_sb_shout} <input type="text" id="shout_data" size="50" /> - <input type="submit" value="{$lang->sf_sb_shoutnow}" id="shouting-status" /></form></td>
</tr>
<tr>
<td class="trow1"><div id="shoutbox_data" style="height: {$mybb->settings[sf_sb_height]}px; overflow: auto;">{$lang->sf_sb_loading}</div></td>
</tr>
</tbody>
</table>

<br />

[Jockl]

Die Farbe wird derzeit über die Klasse "trow1" bestimmt. Du kannst eine neue Klasse vergeben und diese hier, statt der "trow1" eintragen:

Code:

<td class="trow1">

[Ich habe keine ahnung]

eine neue Klasse vergeben

Sorry..aber was sind das für Klassen und wo finde ich die ?

[Jockl]

setze z.B. in der global.css

Code:

.Ihka_shoutbox {
   background: #00FF66;
}

und statt

Code:

<td class="trow1">

folgendes

Code:

<td class="Ihka_shoutbox">

[Kenny]

Die Einstellungen für trow findest du in der global.css.

ACP-->Templates&Styles-->DeinStylename-->Global.css (Optionen-Stylebearbeiten)--->Fortgeschrittene Methode

Nun suchst du nach .trow1. Das könnte z.B. so aussehen:

Code:

.trow1 {
    background: #FFFAFA;
}

Darunter steht .trow2 mit den entsprechenden Eigenschaften. Nun legst du einfach unter .trow2 (nach der abschließenden }) eine neue Klasse an.
Z.B.:

Code:

.trow3 {
    background: #F7F7F7;
}

Änderungen speichern und fertig!

Abschließend änderst du dein Template so ab wie Jockl es ja schon beschrieben hat. (trow1 mit trow3 ersetzen.