Hover Avatar

[Crizzo]

Wie deutlicher soll ich das Beispiel denn noch machen? Die Pseudo-Klassen :link, :focus, :hover usw. werden alle gleich verwendet und du machst es ja auch schon teilweise richtig.

[schattenblind]

ich glaube wir reden einfach gerade nicht vom gleichen

eingefügt habe ich:

Code: Alles auswählen

1  a.avatar {
2  position: relative;
3  }
4 
5  a.avatar:link span, a.avatar:visited span, a.avatar span {
6  display: none;
7  }
8
9 a.avatar:focus span, a.avatar:hover span {
10 position: absolute;
11 top: 10px;
12 left: 0px;
13 display: block;
14 } 

also ich habe an jedes

Code: Alles auswählen

a

ein

Code: Alles auswählen

.avatar

angefügt, um das genauer zu klassifizieren - so sollte ich es doch machen, zumindest hab ichs so verstanden.
Jedoch ist mir aufgefallen, dass nach jedem a.avatar ein

Code: Alles auswählen

:

folgt - außer bei

Code: Alles auswählen

a.avatar span {

Ich will einfach nur wissen, ob das ein Fehler ist(weil es ja aus der Regel fällt^^) oder gewollt ist.

Grüßchen

[Crizzo]

Schau dir mal die Pseudoklassen an: http://www.thestyleworks.de/ref/index.shtml und dann frag dich mal, ob hier:

Code: Alles auswählen

a.avatar span

auch nur den kleinsten Grund gäbe, wieso da ein : hin sollte.

[schattenblind]

Okay, wenn ich es mir nochmal neu betrachte erkenne ich auch die Regelmäßigkeit, dass vor keinem span ein : steht
Ich wollte nur sicher gehen, dass da kein Fehler drin ist, weil es so auch absolut nicht klappt.

[Crizzo]

Wie sieht denn dein vollständiger CSS-Code zu diesem Fall aus? Und wie sieht jetzt dein HTML-Code aus? Am besten gibst du uns auch noch einen Link zu deinem Forum.

Grüße

[schattenblind]

Das Board ist dieses: http://polaroid.bplaced.de/php/index.ph ... 1fe914fbe2

Die änderungen in der CSS stehen doch oben - ich habe nur die a.avatar neu angelegt

in der index_body.html stand vorher:

Code: Alles auswählen

          <td class="row1" width="100%"><span class="genmed">{TOTAL_USERS_ONLINE} ({L_ONLINE_EXPLAIN})<br />{RECORD_USERS}<br /><br /> {LOGGED_IN_USER_LIST}</span></td> 

Habe ich erweitert zu:

Code: Alles auswählen

          <td class="row1" width="100%"><span class="genmed">{TOTAL_USERS_ONLINE} ({L_ONLINE_EXPLAIN})<br />{RECORD_USERS}<br /><br /> <a.avatar href="{memberrow.U_VIEWPROFILE}">{LOGGED_IN_USER_LIST}<span>{memberrow.USER_AVATAR}</span></a></span></td> 

Was ich mit der viewtopic_body.html & memberlist_body.html soll verstehe ich nun nicht mehr so ganz, dort habe ich ja schon einen Avatar angezeigt; es geht ja um die wer-ist-online-Anzeige, nicht um die Ansicht der Memberlist oder der Threads.

[Crizzo]

Was ich mit der viewtopic_body.html & memberlist_body.html soll verstehe ich nun nicht mehr so ganz, dort habe ich ja schon einen Avatar angezeigt; es geht ja um die wer-ist-online-Anzeige, nicht um die Ansicht der Memberlist oder der Threads.

Das hast du ja noch nie gesagt.

Da musst du dann natürlich auch noch die ganzen Template-Variablen für den index bereitstellen. Wie in viewtopic.php. Sonst wird das natürlich nichts.

Ergo befasse dich mal mit den Template-Variablen der index.php und wie man die überhaupt erstelt.

Siehe: https://wiki.phpbb.com/Global_Template_Variables
https://wiki.phpbb.com/Tutorial.Template_syntax

Grüße

[Nuramon]

Weitere Anmerkung:

Code: Alles auswählen

<a.avatar href="{memberrow.U_VIEWPROFILE}">{LOGGED_IN_USER_LIST}<span>{memberrow.USER_AVATAR}</span></a>

ist falsch.
Du solltest dich auch parallel noch mit der Verwendung von Klassen in HTML-Elementen auseinandersetzen.
Zum Beispiel hier: http://de.selfhtml.org/css/formate/zentrale.htm

Denn korrekt wäre es

Code: Alles auswählen

<a class="avatar" [...]>