audio Playlist: ▼

.mp3/wav:

► Dr.Hook "Sylvias mother"

► Dire Straits "Sultans ..."

► James Last "Biscaya"

0 Mitglieder und 8 G�ste sind derzeit online:
(Als registrierter User sieht man hier nat�rlich etwas mehr.)
Sei dabei! Es macht Spa�, kostet nix und tut �berhaupt nicht weh !

03.02.2019 01:351549154124
cirrus minor hat das Thema Soundeffekt bei Bild-Mouseover erstellt.
19.01.2019 19:101547921434
cirrus minor hat das Thema Gruppen über DropDown Menüs verwalten erstellt.

8 Aktive User
0 Mitglieder und 8 G�ste sind Online

Besucherrekord
100 Benutzer gleichzeitig online (13.06.2024 02:29)

Besucherz�hler
Heute waren 32 G�ste , gestern 6 G�ste online

auch hier! -->> ...unsere Facebookseite besuchen.

Foreninformationen:

Forenthemen	47
Textbeitr�ge	2352
Mitglieder	5
Neuestes Mitglied

Letzte Foren-Beitr�ge:

HTML,CSS & Co. leicht gemacht f�r Einsteiger �

Xobor - Foren - Hilfe

� Einbindungen von Codes und Scripten in die Xobor Software � Wie bekomme ich Avatare in die Forenansicht ?

Themen-Einstellungen

Thema drucken

Bereich wechseln

CSS ... kein Hexenwerk ! CSS allgemein Schriften stylen per CSS Elemente stylen per CSS � Fragen zur Auswahl von Elementen (Selektoren) � � hover Effekte �ber CSS hinzuf�gen �� Effekte �ber keyframes per CSS hinzuf�gen HTML ... mit kleinen Dingen anfangen HTML Seite, Aufbau, Einbindungen, Meta Tags usw. Java-Script ... im Anf�ngermodus Gro�e Ver�nderungen mit kleinen, einfachen Scripten herbeif�hren Xobor - Foren - Hilfe administrative Einstellungen der Xobor Software Einbindungen von Codes und Scripten in die Xobor Software "User - Ecke" "G�ste - Stube" G�ste schreiben uns, Mitglieder antworten

#1 | Wie bekomme ich Avatare in die Forenansicht ? datum

18.12.2018 00:22 (zuletzt bearbeitet: 19.12.2018 02:38)

cirrus minor

Informationen anzeigen

Beitr�ge:	1193
Punkte:	426
Registriert seit:	10.04.2018

Die Frage wurde oft gestellt, ist aber nicht sooo einfach zu beantworten, da keine abrufbare Variable in dem TP-Element zur Verf�gung steht.
Mit etwas Flei�arbeit kann man sich allerdings selbst eine entsprechende Ansicht erschaffen ! (ohne TP Eingriff und ohne l�stige serverseitige Abfragen)

Dazu geht man wie folgt vor. Man erstellt unter Admin->Layout-> Kopf-&Fusszeile in der Fusszeile ein Script in Listenform, in dem man die Userlinks der Forenansichten abfragt und denen die Avatare aus deren Profilen zuordnet.
Sieht dann so aus:

1
2
3
4
5
6
7
8
 
<script>
  $('td.fstat a[href^="u1_"], td.fdetail a[href^="u1_"]').prepend('&nbsp;<img src="...Bildadresse des Avatar..." />&nbsp;');
  $('td.fstat a[href^="u2_"], td.fdetail a[href^="u2_"]').prepend('&nbsp;<img src="...Bildadresse des Avatar..." />&nbsp;');
  $('td.fstat a[href^="u3_"], td.fdetail a[href^="u3_"]').prepend('&nbsp;<img src="...Bildadresse des Avatar..." />&nbsp;');
  $('td.fstat a[href^="u4_"], td.fdetail a[href^="u4_"]').prepend('&nbsp;<img src="...Bildadresse des Avatar..." />&nbsp;');
  $('td.fstat a[href^="u5_"], td.fdetail a[href^="u5_"]').prepend('&nbsp;<img src="...Bildadresse des Avatar..." />&nbsp;');
  
</script>
 

...usw., usw., ... bis man alle User erfasst hat. Der Aufwand ist einmalig, aber wirkungsvoll ! Neue User werden dann einfach nachgetragen.

Damit es dann so aussieht, wie hier im Forum, muss man die Positionen nat�rlich noch stylen. Dazu reichen zwei CSS- Eintr�ge:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
td.fstat a[href^="u"] img {
    position: relative;
    float: right;
    width: 30px;
    height: 30px;
    border-radius: 50%;
  }
  
td.fdetail a[href^="u"] img {
    position: relative;
    float: left;   
    width: 35px;
    height: 35px;
  }
 