Mouseover deaktivieren und Spaltenbreite in Mitgliederliste

[Secretly]

Hallo,

ich würde gern den Mouseover-Effekt in der Mitgliederliste deaktivieren und finde nicht die richtige Stelle. Ich habe bereits in der color.css versucht

Code: Alles auswählen

table.table1 tbody tr:hover, table.table1 tbody tr.hover {
   background-color: #DEB887;                  /*Tabelle (Mitgliederliste und Team) beim Mouseover */
   color: #000;
}

diesen Teil einfach mit */ deaktiviert, aber gebracht hat es leider nichts. Also es geht mir um den Hintergrund, denn ich würde diesen gern einheitlich in einer Farbe haben wollen.
Außerdem würde ich gern die Spaltenbreite in der Mitgliederliste ändern, da ich gern drei Spalten hätte und die Inhalte darin zusammenlegen wollte. Ändere ich diese Breite im Template oder wird das woanders gemacht? Denn mein bisheriger Versuch hat nicht allzu viel Erfolg gebracht.

[Crizzo]

Hi,

wenn du das genauso gemacht hast, wie es da steht, dann kann das nicht funktionieren. Du kommentierst nämlich nur den Text aus.
Die dynamische Pseudo-Klasse in CSS für "MouseOver" heißt :hover. Willst du den die Farbänderung weghaben, dann lösch einfach table.table1 tbody tr:hover raus. Fertig.

@Spaltenbreite:
Was für einen Style nutzt du denn? Wenn es ein anderer als prosilver oder subsilver2 ist, dann verlinke bitte dein Forum und gib uns einen Testaccount, damit wir auch die Berechtigung haben die Mitgliederliste anzuschauen.

Grüße
Blackhawk

[Secretly]

Jetzt steht bei mir nur noch

Code: Alles auswählen

table.table1 tbody tr.hover {
	background-color: #CFE1F6;
	color: #000;
}

Der Hovereffekt ist aber leider immer noch da, trotz Cache leeren etc.

Ich nutze Prosilver.

http://www.sydneylife.de/phpbb/

Testaccount: Test
Passwort Sydneylife

[Crizzo]

Code: Alles auswählen

table.table1 tbody tr:hover, table.table1 tbody tr.hover {
    background-color: #F6F6F6;
    color: #000000;
}

Das steht immer noch im CSS. Gibt es wohl noch in einer anderen Datei.

[Secretly]

Ah ja danke, in der Commom.css war es noch.

[Crizzo]

Und hier sind z.B. die Spaltenbreiten definiert:

Code: Alles auswählen

table.table1 .info {
    text-align: left;
    width: 30%;
}
table.table1 .posts {
    text-align: center !important;
    width: 7%;
}

Wenn du eine Spalte hinzufügen willst, musst du ein <td>-Element im Template ergänzen.
In der Datei memberlist_body.html ist das diese Zeile:

Code: Alles auswählen

<tr class="<!-- IF memberrow.S_ROW_COUNT is even -->bg1<!-- ELSE -->bg2<!-- ENDIF -->">
		<td><!-- IF memberrow.RANK_IMG --><span class="rank-img">{memberrow.RANK_IMG}</span><!-- ELSE --><span class="rank-img">{memberrow.RANK_TITLE}</span><!-- ENDIF --><!-- IF S_IN_SEARCH_POPUP and not S_SELECT_SINGLE --><input type="checkbox" name="user" value="{memberrow.USERNAME}" /> <!-- ENDIF -->{memberrow.USERNAME_FULL}<!-- IF S_SELECT_SINGLE --><br />[&nbsp;<a href="#" onclick="insert_single('{memberrow.A_USERNAME}'); return false;">{L_SELECT}</a>&nbsp;]<!-- ENDIF --></td>
		<td class="posts"><!-- IF memberrow.POSTS and S_DISPLAY_SEARCH --><a href="{memberrow.U_SEARCH_USER}" title="{L_SEARCH_USER_POSTS}">{memberrow.POSTS}</a><!-- ELSE -->{memberrow.POSTS}<!-- ENDIF --></td>
		<td class="info"><!-- IF memberrow.U_WWW or memberrow.LOCATION --><!-- IF memberrow.U_WWW --><div><a href="{memberrow.U_WWW}" title="{L_VISIT_WEBSITE}: {memberrow.U_WWW}">{memberrow.U_SHORT_WWW}</a></div><!-- ENDIF --><!-- IF memberrow.LOCATION --><div>{memberrow.LOCATION}</div><!-- ENDIF --><!-- ELSE -->&nbsp;<!-- ENDIF --></td>
		<td>{memberrow.JOINED}</td>
		<!-- IF S_VIEWONLINE --><td>{memberrow.VISITED}&nbsp;</td><!-- ENDIF -->
	</tr>

sowie der Tabellenkopf dazu:

Code: Alles auswählen

<!-- IF not S_LEADERS_SET -->
		<th class="name"><span class="rank-img"><a href="{U_SORT_RANK}">{L_RANK}</a></span><a href="{U_SORT_USERNAME}"><!-- IF S_SHOW_GROUP -->{L_GROUP_MEMBERS}<!-- ELSE -->{L_USERNAME}<!-- ENDIF --></a></th>
			<th class="posts"><a href="{U_SORT_POSTS}#memberlist">{L_POSTS}</a></th>
			<th class="info"><a href="{U_SORT_WEBSITE}#memberlist">{L_WEBSITE}</a>{L_COMMA_SEPARATOR}<a href="{U_SORT_LOCATION}">{L_LOCATION}</a></th>
			<th class="joined"><a href="{U_SORT_JOINED}#memberlist">{L_JOINED}</a></th>
			<!-- IF U_SORT_ACTIVE --><th class="active"><a href="{U_SORT_ACTIVE}#memberlist">{L_LAST_ACTIVE}</a></th><!-- ENDIF -->
	<!-- ELSEIF S_SHOW_GROUP -->
		<th class="name">{L_GROUP_MEMBERS}</th>
		<th class="posts">&nbsp;</th>
		<th class="info">&nbsp;</th>
		<th class="joined">&nbsp;</th>
		<!-- IF U_SORT_ACTIVE --><th class="active">&nbsp;</th><!-- ENDIF -->
	<!-- ENDIF -->
	</tr>

[Secretly]

oh je sorry, ich hatte hier gar nicht geantwortet. Danke, es funktioniert auf jeden Fall Nur hätte ich die Inhalte gern zentriert, weiß jemand wie ich das hinbekomme?

In der Common.Css habe ich bisher

Code: Alles auswählen

/* Specific column styles */
table.table1 .name		{ text-align: center;  width: 30%; }
table.table1 .active	{ text-align: center; width: 40%; }
table.table1 .info		{ text-align: center; width: 30%; }
table.table1 .info div	{ width: 100%; white-space: normal; overflow: hidden; }
table.table1 .autocol	{ line-height: 2em; white-space: nowrap; }
table.table1 thead .autocol { padding-left: 1em; }

[Crizzo]

Hi,

mach mal folgendes:

Code: Alles auswählen

#memberlist td {
text-align: center;
}

Könnte evtl zu viel zentrieren, einfach mal probieren.

Grüße
Blackhawk

[Secretly]

Ui danke Das funktioniert