Seite 1 von 1
Mouseover deaktivieren und Spaltenbreite in Mitgliederliste
Verfasst: 03.10.2011 12:00
von 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.
Re: Mouseover deaktivieren und Spaltenbreite in Mitgliederli
Verfasst: 03.10.2011 12:11
von 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
Re: Mouseover deaktivieren und Spaltenbreite in Mitgliederli
Verfasst: 03.10.2011 13:22
von 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
Re: Mouseover deaktivieren und Spaltenbreite in Mitgliederli
Verfasst: 03.10.2011 13:29
von 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.
Re: Mouseover deaktivieren und Spaltenbreite in Mitgliederli
Verfasst: 03.10.2011 13:48
von Secretly
Ah ja danke, in der Commom.css war es noch.
Re: Mouseover deaktivieren und Spaltenbreite in Mitgliederli
Verfasst: 03.10.2011 14:37
von 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 />[ <a href="#" onclick="insert_single('{memberrow.A_USERNAME}'); return false;">{L_SELECT}</a> ]<!-- 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 --> <!-- ENDIF --></td>
<td>{memberrow.JOINED}</td>
<!-- IF S_VIEWONLINE --><td>{memberrow.VISITED} </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"> </th>
<th class="info"> </th>
<th class="joined"> </th>
<!-- IF U_SORT_ACTIVE --><th class="active"> </th><!-- ENDIF -->
<!-- ENDIF -->
</tr>
Re: Mouseover deaktivieren und Spaltenbreite in Mitgliederli
Verfasst: 22.10.2011 00:26
von 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; }
Re: Mouseover deaktivieren und Spaltenbreite in Mitgliederli
Verfasst: 22.10.2011 00:29
von Crizzo
Hi,
mach mal folgendes:
Könnte evtl zu viel zentrieren, einfach mal probieren.
Grüße
Blackhawk
Re: Mouseover deaktivieren und Spaltenbreite in Mitgliederli
Verfasst: 22.10.2011 00:45
von Secretly
Ui danke
Das funktioniert