Für Usernamen, Button, Schriftzug, Grafik in der Wer ist online anwenden?
Hi, einen Mod kenne ich persönlich nicht. Was mir spontan einfiele, wäre Pseudo-Elemente, wie ein Rollovermenu, zu nutzen --> Der Button müsste sich der Länge des Usernamens anpassen. Ob dies alle Browser verstehen, kann ich nicht beurteilen. Der Stern ist an der gewünschten Stelle eher etwas hinderlich, da die Klasse ".username-coloured" greift
[ externes Bild ] und diese selbst kein padding vorsieht.
Um den Stern auf der Grafik anzeigen zu lassen, musste ich für die Ausgabe des Namens ein padding von ca. 22px rechts zuweisen. Das ergibt einen unschönen Effekt an den Stellen, wo die Klasse außerdem zum Einsatz kommt. (Der Username verschiebt sich um die 22px nach rechts, vgl. in vorgenannter Grafik, rot gekennzeichnet.) Man müsste demnach mehr umbauen, als nötig, wenn man eine optimale Darstellung erzielen möchte? Auch wäre man an die Breite der Grafik gebunden, um Usernamen auszugeben. Ich nutzte für den obigen Test (B)144px x (H)65px. Das reicht für ca. 15 Zeichen / Schrfitgrad 11px. Mit einem dynamischen Button habe ich mich schwer getan...
Daher: Ohne Sternchen eine einfache Idee mit Boardmitteln und als Rollovermenu anstatt eines Buttons:
2px sind machbar denke ich.
links.css: Hier 0px auf 2px geändert
Code: Alles auswählen
/* Coloured usernames */
.username-coloured {
font-weight: bold;
display: inline !important;
padding: 2px !important;
}
common.css hinzufügen
Code: Alles auswählen
.statsrollover a {border-style:solid; border-width:1px; font-size:11px; background: url("{T_THEME_PATH}/images/bg_list.gif") 0px 0px repeat-x;}
.statsrollover a:hover {border-color:#0066CC; background-position: 0px -46px;}
.statsrollover a:active {background-position: 0px -92px;}
index_body.html: Diesen Bereich wie folgt (ver)ändern
Code: Alles auswählen
<!-- IF S_DISPLAY_ONLINE_LIST -->
<!-- IF U_VIEWONLINE --><h3><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></h3><!-- ELSE --><h3>{L_WHO_IS_ONLINE}</h3><!-- ENDIF -->
<p>{TOTAL_USERS_ONLINE} {L_ONLINE_EXPLAIN})<br />{RECORD_USERS}<br /></p>
<div class="statsrollover"><br />{LOGGED_IN_USER_LIST}</div>
<p><!-- IF LEGEND --><br /><em>{L_LEGEND}: {LEGEND}</em><!-- ENDIF --></p>
<!-- ENDIF -->
Ergebnis:
[ externes Bild ]
Es gibt bestimmt weitere Möglichkeiten und ggf. eine Modifikation, die sich mir momentan jedoch nicht erschließen.
Diese genannte Idee darum ohne Gewähr, da ich nicht in allen Bereichen testete --> U.a.: Was geschieht bspw. bei Zeilenumbruch, wenn "hunderte User" anwesend und angemeldet wären?
Gruß
Edit: RS