Hallo, Gast! (Registrieren)

Letzte Ankündigung: MyBB 1.8.8 veröffentlicht (17.10.16)


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
Shoutbox Farben
#1
Hallo meine Shoutbox hat kleine Farbprobleme.
Kann mir einer helfen die zu beheben?

> Mein Forum <
Zitieren
#2
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.
Danke & Gruss
Fatih
Zitieren
#3
Versuchs mal so: Öffne das Template shoutbox_shout und suche nach:
Code:
<td align="left">
Ersetzen durch:
Code:
<td align="left" class="trow1">

Gruß,
Michael
[Bild: banner.png]
Support erfolgt NUR im Forum!
Bitte gelöste Themen als "erledigt" markieren.
Beiträge mit mangelhafter Rechtschreibung/Grammatik werden kommentarlos gelöscht.
Zitieren
#4
Fathi > Da war ich schon drauf aber hab keine Farben gefunden... Danke trotzdem.

Michael > Du bist einfach nur klasse... Das war der Fehler. Smile
Zitieren
#5
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 />
Zitieren
#6
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">
viele Grüße
Jockl
übersetzte und eigene Plugins
Zitieren
#7
(07.09.2009, 19:26)Jockl schrieb: eine neue Klasse vergeben

Sorry..aber was sind das für Klassen und wo finde ich die ?
Zitieren
#8
setze z.B. in der global.css
Code:
.Ihka_shoutbox {
   background: #00FF66;
}
und statt
Code:
<td class="trow1">
folgendes
Code:
<td class="Ihka_shoutbox">
viele Grüße
Jockl
übersetzte und eigene Plugins
Zitieren
#9
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.
Zitieren