Seite 1 von 2

Farben für Shoutbox an eigenes Style anpassen - wie?

Verfasst: 02.12.2005 00:08
von DerGonzo
Moin!

Ich habe bei mir die Small ShoutBox 1.4 von Przemo eingebaut, die auch wunderbar funktioniert.

Ich bin gerade dabei, aus meinem SubSilver-Style einen zweiten eigenen Style zu basteln.
Die Hintergrundfarben und die Textfarben der ShoutBox sind nach den Styleänderungen übers ACP allerdings noch in SubSilver.

Was muß ich machen, damit auch meine Shoutbox die Farben übernimmt?

Schönen Gruß,
DerGonzo!

Verfasst: 02.12.2005 00:14
von mad-manne
Hi Gonzo,
kenne zwar den genannten MOD nicht, würde aber mal vermuten , dass dieser entweder die subSilver.css Datei nutzt oder eine eigene hat.

Je nachdem was der Fall ist, müsstest du also die Änderungen auch in der entsprechenden CSS-Datei einpflegen.

Als Tipp: KB:css_aktivieren

Gruss,
Manne.

Verfasst: 02.12.2005 00:17
von DerGonzo
Jo, danke.

Ich glaube, das mit dem aktivieren der CSS-Dateien wirds sein, das hab ich nämlich noch nicht gemacht...

Werd mich morgen mal daran setzen, heute bin ich nich mehr so fähig... :D

Verfasst: 02.12.2005 09:11
von wartek
Servus

css-Stil hat was damit zu tun aber der Hinweis ist nicht ganz richtig oder unvollständig.
Und zwar deswegen, da der Stil leider fix in den Code geschrieben ist.

De Dateien shoutbox_send_body.tpl und shoutbox_view_body.tpl sollen nach Beschreibung in subSilver Template liegen. Auch wenn sie in einem anderen Template liegen wird immer noch der Stil von subSilver angesprochen. Daher ist folgendes anzupassen

Öffne templates/xxx/shoutbox_send_body.tpl
SUCHE UND ÄNDERE
<link rel="stylesheet" href="templates/subSilver/subSilver.css" type="text/css" />

SUCHE UND ÄNDERE
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" bgcolor="#E5E5E5" text="#000000" link="#006699" vlink="#5493B4" />
1. subSilver/subSilver.css ist gegen xxx/xxx.css zu tauschen
2. #E5E5E5 (hellgrau), #006699 (blau) und #5493B4 (hellblau) jeweils gegen eine andere Farbe tauschen.

Öffne shoutbox_view_body.tpl
SUCHE UND ÄNDERE
<link rel="stylesheet" href="templates/subSilver/subSilver.css" type="text/css" />

SUCHE UND ÄNDERE
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" bgcolor="#E5E5E5" text="#000000" link="#006699" vlink="#5493B4" onload="window.scrollTo(0,99999);" />
Öffne shoutbox_body.tpl
SUCH UND ÄNDERE
<td class="row1" align="center" valign="middle" rowspan="4"><iframe bgcolor="#000033" src="shoutbox.php" ' . $shout_size . '></iframe></td>
#000033 (Dunkelblau)

und noch etwas ist mir aufgefallen.
In der shoutbox_view_body.tpl gibt es folgende Zeile

Code: Alles auswählen

<table cellpadding="2" cellspacing="0" border="0" class="table0" width="100%">
wobei table0 in keiner css gefunden wird.

wartek

Verfasst: 02.12.2005 13:04
von DerGonzo
Danke für die Hinweise, hat alles funktioniert :-)

Verfasst: 20.01.2006 12:25
von ShateHunter
Sorry, dass ich das Thema nochmal hochhole, aber ich habe ein Problem mit dem ändern der Farben in der SB.

In den Dateien habe ich die Farben geändert, aber im Forum sieht alles immernoch genauso aus :-?. Irgendwie will das nicht...

Hier meine shoutbox_view_body.tpl:

Code: Alles auswählen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><head>
 <meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
 <meta http-equiv="Content-Style-Type" content="text/css">
 <link rel="stylesheet" href="templates/LoZ_Community_dark/LoZ_Community_dark.css" type="text/css" />
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" bgcolor="#020202" text="#FFFFFF" link="#767676" vlink="#0000CC" onLoad="window.scrollTo(0,99999);" />
 <!-- BEGIN shoutrow -->
 
<table cellpadding="2" cellspacing="0" border="0" class="table0" width="100%">
  <tr>
	<td class="{shoutrow.ROW_CLASS}" width="100%"><span class="gensmall">
	<font style="font-size:9px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif">{shoutrow.DELMSG} {shoutrow.EDITMSG} {shoutrow.DATE} </font>
	<b>{shoutrow.NAME}: </b>{shoutrow.MSG}</span></td>
  </tr>
 </table>
<!-- END shoutrow -->
</body>
</html>
Und hier meine shoutbox_send_body.tpl:

Code: Alles auswählen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><head>
  <meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
  <meta http-equiv="Content-Style-Type" content="text/css">
  <link rel="stylesheet" href="templates/LoZ_Community_dark/LoZ_Community_dark.css" type="text/css" />
  <script language="JavaScript">
  <!--
  function submitonce()
  {
	document.post.msg.value = document.post.message.value;
	document.post.message.value = "";	
  }
  //-->
  </script>
</head>
 <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" bgcolor="#020202" text="#FFFFFF" link="#767676" vlink="#0000CC" />

 
 <table class="formarea" width="100%" cellpadding="0" cellspacing="0">
  <form name="post" action="{SHOUTBOX_ACTION}" method="POST" target="ekran" autocomplete=off onSubmit="submitonce()">
   <tr>
	<td class="row1" align="center" valign="bottom" nowrap><span class="gensmall">
	 <input type="hidden" name="name" value="{NICK}">
	 <input type="hidden" name="sb_user_id" value="{SB_USER_ID}">
	 {L_GG_MES}: <input type="text" name="message" style="height:15px" size="60" maxlength="{MAXLENGHT}" " value="" class="post">
	 <input type="hidden" name="msg" value="">
	 <input type="hidden" name="mode" value="submit">
	 <input type="submit" name="submit_button" value="{L_SEND}" style="font-size:9px; height:16px;" class="button"></span>
	</td>
	<td class="row1" align="right" nowrap><span class="gensmall">{SB_HIDE}</span></td>
	</form>
  </tr>
 </table>

</body>
</html>

Weiß einer vielleicht, woran das liegen könnte? Bitte um Hilfe :)

Verfasst: 20.01.2006 12:51
von DerGonzo
Moin!

Hast Du dieselbe Shoutbox? Hast Du CSS aktiviert? Hast Du die Änderungen so gemacht, wie wartek es beschrieben hat?
Damit hat es bei mir einwandfrei funktioniert. :wink:

Zum Vergleich hier mal meine:

shoutbox_view_body.tpl:

Code: Alles auswählen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
 <meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
 <meta http-equiv="Content-Style-Type" content="text/css">

 <link rel="stylesheet" href="templates/JFD_Style/JFD_Style.css" type="text/css" />
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" bgcolor="#FFFE72" text="#8C8E81" link="#FF9900" vlink="#5493B4" onload="window.scrollTo(0,99999);" />
 <!-- BEGIN shoutrow -->
 <table cellpadding="2" cellspacing="0" border="0" class="table0" width="100%">
  <tr>
	<td class="{shoutrow.ROW_CLASS}" width="100%"><span class="gensmall">
	<font style="font-size:9px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif">{shoutrow.DELMSG} {shoutrow.EDITMSG} {shoutrow.DATE} </font>
	<b>{shoutrow.NAME}: </b>{shoutrow.MSG}</span></td>
  </tr>
 </table>
<!-- END shoutrow -->
</body>
</html>
shoutbox_send_body.tpl:

Code: Alles auswählen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
  <meta http-equiv="Content-Style-Type" content="text/css">
  <link rel="stylesheet" href="templates/JFD_Style/JFD_Style.css" type="text/css" />
  <script language="JavaScript">
  <!--
  function submitonce()
  {
	document.post.msg.value = document.post.message.value;
	document.post.message.value = "";	
  }
  //-->
  </script>
</head>
 <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" bgcolor="#FFFE72" text="#8C8E81" link="#FF6600" vlink="#FF9900" />

 <table class="formarea" width="100%" cellpadding="0" cellspacing="0">
  <form name="post" action="{SHOUTBOX_ACTION}" method="POST" target="ekran" autocomplete=off onsubmit="submitonce()">
   <tr>
	<td class="row1" align="center" valign="bottom" nowrap><span class="gensmall">
	 <input type="hidden" name="name" value="{NICK}">
	 <input type="hidden" name="sb_user_id" value="{SB_USER_ID}">
	 {L_GG_MES}: <input type="text" name="message" style="height:20px" size="60" maxlength="{MAXLENGHT}" " value="" class="post">
	 <input type="hidden" name="msg" value="">
	 <input type="hidden" name="mode" value="submit">
	 <input type="submit" name="submit_button" value="{L_SEND}" style="font-size:9px; height:16px;" class="button"></span>
	</td>
	<td class="row1" align="right" nowrap><span class="gensmall">{SB_HIDE}</span></td>
	</form>
  </tr>
 </table>

</body>
</html>
Die Dateien sind von meinem Angepassten (JFD-)Style.

Schönen Gruß,
DerGonzo!

Verfasst: 20.01.2006 13:42
von ShateHunter
Ok, dann liegt wohl an den CSS-Dateien...

Aber muss ich dann alle Farben in der CSS neu einfügen oder übernimmt das Forum die trotzdem noch aus der DB?

Edit:
Ok, ich glaube diese Frage hat sich geklärt^^

Ich mach mich dann mal dran^^

Verfasst: 20.01.2006 16:26
von ShateHunter
So jetzt hab ich CSS-Dateien aktiviert, und die Shoutbox hat sich dem Design angepasst, aber die Bilder (Hintergrundbild, cellpics) werden nicht angezeigt. Woran liegt das?

Verfasst: 20.01.2006 16:44
von Markus67
Hi ...

die Pfade zum Stylesheet hast du auch angepasst? :wink:

Markus