Benutzernamen

[treumer]

habe mal eine frage gibt es sowas auch auf phpbb3 oder kann mir vielleicht einer erklähren wie man sowas macht das automatich der balken drin ist im namen währe super

demo
[ externes Bild ]

[zx9r-treiber]

Welche pbpBB3 Version ..... welcher Styles ..... was für ein Balken ?

Ein Beispiel Bild dazu wäre ebenfalls zum Vorteil.

[BNa]

Das Bild hat der OP geliefert.

[ externes Bild ]

Die Benutzernamen sollen sich auf Buttons abbilden.

[zx9r-treiber]

ubs .... sorry, hab ich Übersehen

[Talk19zehn]

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

[treumer]

super danke dir