Seite 1 von 2

Farbe Tabellenzelle 2 - Hinterg. und Rahmen farbl. trennen ?

Verfasst: 31.05.2006 20:08
von xrrx
Wie bekomme ich folgendes Problem gelöst? Sobald ich unter "Farbe für Tabellenzelle 2:" (Alle weissen Flächen) von weiß (FFFFFF) auf grün (00930E) änder, wird, das was weiß bleiben soll (der Rahmen) grün und man hat keine Übersicht mehr... aber den weißen "Hinergrund" lassen sieht das auch nix aus... hoffe es kann mir wer helfen...

[ externes Bild ]

MfG xrrx

Verfasst: 31.05.2006 20:19
von Luuke
du hast wrsl die Felder vertauscht!

ich würde es dir gerne sagen, aber da mein Webspace anbieten Serverprobleme hat, ist mein Forum offline^^

Verfasst: 31.05.2006 20:35
von xrrx
Luuke hat geschrieben: wrsl
Was???


Wenn du die Feld meinst, bei denen man die Farbcods bestimmt (also z.B. "Farbe für Tabellenzelle 2" mit "Farbe für Tabellenzelle 3"), ist das leider nicht so, hab schon probiert :(

Verfasst: 31.05.2006 21:03
von Luuke
wrsl => wahrscheinlich ;)

Verfasst: 01.06.2006 14:27
von xrrx
Hat sonst keiner 'ne Lösung für das Problem??

Verfasst: 01.06.2006 15:01
von Simlau
Grün

Code: Alles auswählen

.bodyline { background-color: #00930E }
Weiß

Code: Alles auswählen

td.row1	{ background-color: #FFFFFF; }
Wenn du willst das nur die Online Box weiß wird musst du ihr eben einer neuen Klasse zuweisen :D.

z.B.
Öffne templates/subSilver/index_body.tpl
Finde

Code: Alles auswählen

<td class="row1" align="center" valign="middle" rowspan="5">
Ersetze mit:

Code: Alles auswählen

<td class="row4" align="center" valign="middle" rowspan="5">
Öffne templates/subSilver/subSilver.css
Finde:

Code: Alles auswählen

td.row3	{ background-color: #00930E; }
Neue Zeile Einfügen:

Code: Alles auswählen

td.row4	{ background-color: #FFFFFF; }
Wenn die Tabelle mehrere Zeilen hat musst du die dann natürlich auch noch ändern. :wink:

Verfasst: 01.06.2006 20:04
von xrrx
Öffne templates/subSilver/index_body.tpl
Finde

Code: Alles auswählen

<td class="row1" align="center" valign="middle" rowspan="5">
in meiner index_body.tpl, kann ich das nicht finden... nur folgende Zeile:

Code: Alles auswählen

<td class="row1" align="center" valign="middle" height="50">
Was nun?



Hier mal meine komplette index_body.tpl:

Code: Alles auswählen

<table width="100%" cellspacing="0" cellpadding="2" border="0" align="center">
  <tr> 
	<td align="left" valign="bottom"><span class="gensmall">
	<!-- BEGIN switch_user_logged_in -->
	{LAST_VISIT_DATE}<br />
	<!-- END switch_user_logged_in -->
	{CURRENT_TIME}<br /></span><span class="nav"><a href="{U_INDEX}" class="nav">{L_INDEX}</a></span></td>
	<td align="right" valign="bottom" class="gensmall">
		<!-- BEGIN switch_user_logged_in -->
		<a href="{U_SEARCH_NEW}" class="gensmall">{L_SEARCH_NEW}</a><br /><a href="{U_SEARCH_SELF}" class="gensmall">{L_SEARCH_SELF}</a><br />
		<!-- END switch_user_logged_in -->
		<a href="{U_SEARCH_UNANSWERED}" class="gensmall">{L_SEARCH_UNANSWERED}</a></td>
  </tr>
</table>

<table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">
  <tr> 
	<th colspan="2" class="thCornerL" height="25" nowrap="nowrap">&nbsp;{L_FORUM}&nbsp;</th>
	<th width="50" class="thTop" nowrap="nowrap">&nbsp;{L_TOPICS}&nbsp;</th>
	<th width="50" class="thTop" nowrap="nowrap">&nbsp;{L_POSTS}&nbsp;</th>
	<th class="thCornerR" nowrap="nowrap">&nbsp;{L_LASTPOST}&nbsp;</th>
  </tr>
  <!-- BEGIN catrow -->
  <tr> 
	<td class="catLeft" colspan="2" height="28"><span class="cattitle"><a href="{catrow.U_VIEWCAT}" class="cattitle">{catrow.CAT_DESC}</a></span></td>
	<td class="rowpic" colspan="3" align="right">&nbsp;</td>
  </tr>
  <!-- BEGIN forumrow -->
  <tr> 
	<td class="row1" align="center" valign="middle" height="50"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" width="46" height="25" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td>
	<td class="row1" width="100%" height="50"><span class="forumlink"> <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumlink">{catrow.forumrow.FORUM_NAME}</a><br />
	  </span> <span class="genmed">{catrow.forumrow.FORUM_DESC}<br />
	  </span><span class="gensmall">{catrow.forumrow.L_MODERATOR} {catrow.forumrow.MODERATORS}</span></td>
	<td class="row2" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.TOPICS}</span></td>
	<td class="row2" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.POSTS}</span></td>
	<td class="row2" align="center" valign="middle" height="50" nowrap="nowrap"> <span class="gensmall">{catrow.forumrow.LAST_POST}</span></td>
  </tr>
  <!-- END forumrow -->
  <!-- END catrow -->
</table>

<table width="100%" cellspacing="0" border="0" align="center" cellpadding="2">
  <tr> 
 	<td align="left">
 	<!-- BEGIN switch_user_logged_in -->
 		<span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span>
 	<!-- END switch_user_logged_in -->
 	</td>
	<td align="right"><span class="gensmall">{S_TIMEZONE}</span></td>
  </tr>
</table>

<table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
  <tr> 
	<td class="catHead" colspan="2" height="28"><span class="cattitle"><a href="{U_VIEWONLINE}" class="cattitle">{L_WHO_IS_ONLINE}</a></span></td>
  </tr>
  <tr> 
	<td class="row1" align="center" valign="middle" rowspan="2"><img src="templates/subSilver/images/whosonline.gif" alt="{L_WHO_IS_ONLINE}" /></td>
	<td class="row1" align="left" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />{TOTAL_USERS}<br />{NEWEST_USER}</span>
	</td>
  </tr>
  <tr> 
	<td class="row1" align="left"><span class="gensmall">{TOTAL_USERS_ONLINE} &nbsp; [ {L_WHOSONLINE_ADMIN} ] &nbsp; [ {L_WHOSONLINE_MOD} ]<br />{RECORD_USERS}<br />{LOGGED_IN_USER_LIST}</span></td>
  </tr>
</table>

<table width="100%" cellpadding="1" cellspacing="1" border="0">
<tr>
	<td align="left" valign="top"><span class="gensmall">{L_ONLINE_EXPLAIN}</span></td>
</tr>
</table>

<!-- BEGIN switch_user_logged_out -->
<form method="post" action="{S_LOGIN_ACTION}">
  <table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
	<tr> 
	  <td class="catHead" height="28"><a name="login"></a><span class="cattitle">{L_LOGIN_LOGOUT}</span></td>
	</tr>
	<tr> 
	  <td class="row1" align="center" valign="middle" height="28"><span class="gensmall">{L_USERNAME}: 
		<input class="post" type="text" name="username" size="10" />
		&nbsp;&nbsp;&nbsp;{L_PASSWORD}: 
		<input class="post" type="password" name="password" size="10" maxlength="32" />
		<!-- BEGIN switch_allow_autologin -->
		&nbsp;&nbsp; &nbsp;&nbsp;{L_AUTO_LOGIN} 
		<input class="text" type="checkbox" name="autologin" />
		<!-- END switch_allow_autologin -->
		&nbsp;&nbsp;&nbsp; 
		<input type="submit" class="mainoption" name="login" value="{L_LOGIN}" />
		</span> </td>
	</tr>
  </table>
</form>
<!-- END switch_user_logged_out -->

<br clear="all" />

<table cellspacing="3" border="0" align="center" cellpadding="0">
  <tr> 
	<td width="20" align="center"><img src="templates/subSilver/images/folder_new_big.gif" alt="{L_NEW_POSTS}"/></td>
	<td><span class="gensmall">{L_NEW_POSTS}</span></td>
	<td>&nbsp;&nbsp;</td>
	<td width="20" align="center"><img src="templates/subSilver/images/folder_big.gif" alt="{L_NO_NEW_POSTS}" /></td>
	<td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
	<td>&nbsp;&nbsp;</td>
	<td width="20" align="center"><img src="templates/subSilver/images/folder_locked_big.gif" alt="{L_FORUM_LOCKED}" /></td>
	<td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
  </tr>
</table>

Verfasst: 02.06.2006 13:10
von Simlau
Dann suchst du eben nur nach row1 :D.
Das ersetzt du dann halt mit row4.

Verfasst: 02.06.2006 13:57
von sph
moinsn!

aber.. es geht doch garnich um die user-online-box? oder? nicht? doch? whatever 8)


... tu mal so tun:

nimm deine index_body und such die letzte tabelle. ganz unten. dieda:

Code: Alles auswählen

<table cellspacing="3" border="0" align="center" cellpadding="0">
  <tr>
   <td width="20" align="center"><img src="templates/subSilver/images/folder_new_big.gif" alt="{L_NEW_POSTS}"/></td>
   <td><span class="gensmall">{L_NEW_POSTS}</span></td>
   <td>&nbsp;&nbsp;</td>
   <td width="20" align="center"><img src="templates/subSilver/images/folder_big.gif" alt="{L_NO_NEW_POSTS}" /></td>
   <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
   <td>&nbsp;&nbsp;</td>
   <td width="20" align="center"><img src="templates/subSilver/images/folder_locked_big.gif" alt="{L_FORUM_LOCKED}" /></td>
   <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
  </tr>
</table> 
und da machste draus:

Code: Alles auswählen

<table cellspacing="1" border="0" align="center" cellpadding="5" class="row1">
  <tr>
   <td width="20" align="center">
...
...
blahfasel...
...
also, bei <table> eben noch ne klasse mit angeben, row 1 in deinem fall - das färbt den hintergrund von "neue beiträge", "keine neuen beiträge" usw grün, ggf kannst du damit leben. (der foren-hintergrund bleibt nach wie vor weiß...)

falls der unten entstehende grüne bereich nicht groß genug sein sollte, kannst du bei <table...> auch noch andere angaben versuchen: spiel en bisschen mit width="..." und padding="...", schau dir mal an wie html-tabellen so funktionieren:
http://de.selfhtml.org/html/tabellen/aufbau.htm


haven fun, greets!

Verfasst: 02.06.2006 17:31
von xrrx
Irgendwie funktioniert keiner eurer Vorschläge :(

Hier noch mal das genau Problem:

So sieht es z.Z. aus:
http://home.arcor.de/xrrx/1.bmp


und so soll es werden:
http://home.arcor.de/xrrx/2.bmp



MfG xrrx