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

DerGonzo · Beitrag von **DerGonzo** » 02.12.2005 00:08

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!

Beitrag von **mad-manne** » 02.12.2005 00:14

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.

DerGonzo · Beitrag von **DerGonzo** » 02.12.2005 00:17

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...

wartek · Beitrag von **wartek** » 02.12.2005 09:11

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

DerGonzo · Beitrag von **DerGonzo** » 02.12.2005 13:04

Danke für die Hinweise, hat alles funktioniert

ShateHunter · Beitrag von **ShateHunter** » 20.01.2006 12:25

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

DerGonzo · Beitrag von **DerGonzo** » 20.01.2006 12:51

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.

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!

ShateHunter · Beitrag von **ShateHunter** » 20.01.2006 13:42

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^^

ShateHunter · Beitrag von **ShateHunter** » 20.01.2006 16:26

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?

Beitrag von **Markus67** » 20.01.2006 16:44

Hi ...

die Pfade zum Stylesheet hast du auch angepasst?

Markus