Forum - Nachtrag: Randeinfärbung für Avatare - Nur fürs V4

Um alle Funktionen nutzen zu k�nnen, aktivieren Sie bitte JavaScript in ihrem Browser!

Der Treffpunkt f�r Hilfe, Tricks & Tipps � XOBOR-Foren und Homepages � Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten � Kleine Online-Ampel neben dem Nickname - Status Avatar

Seite 2 von 2 � Seite 1 2 Seite �

Themen-Einstellungen

Thema drucken

Bereich wechseln

Start Willkommen! Ank�ndigungen & Termine, wichtige News! Stellen Sie Ihr eigene Webseite vor! Betriebssystem MS Windows & andere Betriebssysteme Betriebssystem MS Windows 11, 10, 8 und 7 - Tricks & Tipps MS Windows 11, 10, 8 und 7 - Fragen & Antworten Linux, Ubuntu und andere Betriebssysteme �rger mit dem PC, Laptop oder Tablet? �rger mit dem PC, Laptop oder Tablet - Vorbeugung und Hilfe �rger mit dem PC, Laptop oder Tablet - Fragen & Antworten Fragen zu DSL, VDSL, LTE und anderen Netzempfangsarten XOBOR-Foren und Homepages Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten Das neue Template Xobor (v6) Energieerzeugung im neuen Zeitalter - Revolution�r! Videos und Webseiten zur Freien Energie Wasserstoff - Energietr�ger der Zukunft. Die besten Links Empfehlenswerte und interessante Links! Link - Suche Verschiedenes Faszinationen & Unglaubliches! Tricks & Tipps f�r Smartphones und iPhones Lob, Kritik & Verbesserungsvorschl�ge Spiel & Spa�, Witz & gute Laune! Spiritualit�t, Seele, New Age, Yoga, Gesundheit Alles, was noch so �brig bleibt Bannertausch Wie funktioniert der Bannertausch? Bannerrotation und Bannerwechsel

#11 | Nachtrag: Randeinfärbung für Avatare - Nur fürs V4 datum

18.09.2022 22:13

Nachtrag: Randeinfärbung für Avatare - Nur fürs V4

Hallo Nara,
hatte das Skript auf die Schnelle hier im Forum getestet, da waren ja schon einige CSS-Einträge aus Runde Avatar-Darstellung fürs Business-Template V4 Beitrag #2 vorhanden!
Das hatte ich ganz vergessen, dass dort für das Thema mit der Randeinfärbung schon Lösungen gefunden worden sind.
Zusätzlich wurden hier die Avatare gerundet!
Vorteil von dem jetzigen Skript ist, das die Rand-Form nicht beeinflusst wird!

Habe Dein CSS-Vorschlag mit in die Zeile 8+10 eingetragen! Man braucht somit kein zusätzlichen CSS-Eintrag!

Lösungen zum Thema Randeinfärbungen:

Runde Avatar-Darstellung im V4+V6

Auch hier (von Daishi):

Avatar mit Status

Wolfgang

Nara findet das Top!

Antworten

#12 | Fehlersuche: Runde Randeinfärbung für Avatare - Nur fürs Business Template (v4) datum

19.09.2022 11:17 (zuletzt bearbeitet: 19.09.2022 15:41)

Daishi

Informationen anzeigen

Beitr�ge:	387
Registriert seit:	08.01.2022

Homepage:	Nicht angegeben
Letzte Spende	Betrag 15 � Forum Spende
Sternzeichen	Steinbock
Likes	329

Runde Randeinfärbung für Avatare - Nur fürs Business Template (v4)

Hallo Wolfgang, super Arbeit, bei mir funktionierte es auf Anhieb nicht. Bin nochmal alles durchgegangen, jetzt habe ich es hinbekommen, ich musste es komischerweise etwas anders machen wie du.

Ich bin der Anleitung gefolgt und habe es in "Thread-Flat Footer" kopiert wie beschrieben. Nach der Aktualisierung zeigt im ausgeloggtem zustand zeigt online nur grün, der Rest nichts.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<script>
{{user_registered==true.start}}
// Avatar Online / Offline - Farbe
{{message.startlist}}
  
window.addEventListener('load', function(){
      {{message:online==true.start}}
  $('#post{{message:pt}} .messageAvatar img').css({'border':'2px solid #64A40B','padding':'3px'});    
    {{message:online==true.else}}
  $('#post{{message:pt}} .messageAvatar img').css({'border':'2px solid  #A02C2B','padding':'3px'});  
    {{message:online==true.end}}
  
  /* Kleine Grafik ausblenden */
  // $('.messageUser span img').hide(); 
});
  
{{message.end}}
{{user_registered==true.end}}
</script>
   
 

Schlie�en

Ich musste dann noch extra in der CSS dieses eintragen:

Da musste ich extra noch die Farbe Rot ( #fc1723 ) extra angeben.

1
2
3
4
5
6
7
 
   /* Runde Avatare in Thread - Flat */
.messageAvatar img {border: 2px solid #fc1723; height: 130px; width: 130px; object-fit: cover; padding:3px; border-radius: 50%; box-shadow: 0.1rem 0.1rem 6px rgba(0, 0, 0, 0.4);}
 
/* Runde Avatare in PN */
.umavatar img {border: 2px solid #fc1723; height: 130px; width: 130px; object-fit: cover; padding:3px; border-radius: 50%; box-shadow: 0.1rem 0.1rem 6px rgba(0, 0, 0, 0.4);}
 
  
 

Schlie�en

Ich weiß nicht, warum ich es anders machen musste, aber jetzt funktioniert es tatenlos.

Was noch etwas komisch ist, wenn man im Forum online ist, zeigt es im Forum grün hier Bild dazu.
Forum Online Bild

Und wenn man ein neues Thema schreibt und dann auf Vorschau klickt, wird Offline angezeigt.
Hier das Bild von Thema, wenn man schreibt:

Und wenn gespeichert wird zeigt er grün an.
Hier das Bild, wenn gespeichert wird:

Und im Portal zeigt er offline an.
Hier das Bild vom Portal:

Ist mir nur aufgefallen, wie ich auf das Portal ging, da sah ich das er rot war, also offline anzeigt. Ist das bei euch auch so?

Ich hoffe, dass diese Erklärung verständlich ausgedrückt ist.

Ich hoffe, ich konnte mit der Antwort etwas helfen.

Mit freundlichen Grüßen

Daishi

Daishi

Antworten

#13 | Fehlersuche: Randeinfärbung für Avatare - Nur fürs V4 datum

19.09.2022 22:41

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3420
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1301

Fehlersuche: Randeinfärbung für Avatare - Nur fürs V4

Zitat von Daishi im Beitrag #12
Runde Randeinfärbung für Avatare - Nur fürs Business Template (v4)

Hallo Wolfgang, super Arbeit, bei mir funktionierte es auf Anhieb nicht. Bin nochmal alles durchgegangen, jetzt habe ich es hinbekommen, ich musste es komischerweise etwas anders machen wie du.

Ich bin der Anleitung gefolgt und habe es in "Thread-Flat Footer" kopiert wie beschrieben. Nach der Aktualisierung zeigt im ausgeloggtem zustand zeigt online nur grün, der Rest nichts.

.....

Mit freundlichen Grüßen

Daishi

Hallo Daishi,
was mir aufgefallen ist!

Du hast einen falschen CSS-Eintrag ausgesucht, für feste Randfarben ( Version 1, nicht 3)!
Du benötigst auch nicht beide Einträge!

Habe etwas geändert - Eckige Darstellung für Avatare!

Der Beitrag #9 ist so ausgelegt, dass die Avatare nicht gerundet werden!
Ich abgemeldeten Zustand werden normalerweise die Nickname Farben angezeigt (Einstellbar unter "Benutzergruppen")!
Damit es nicht zu farblichen Verwirrungen kommt, habe ich das Skript so abgeändert, dass auch im abgemeldeten Zustand der Online-Status grün und der Offline-Status Rot angezeigt wird!
Hier braucht nichts hinzugefügt werden!

Da hier Variablen benötigt werden, wird alles als Plugin in den "topic_footer" kopiert!
Im "topic_header" funktioniert das Skript nicht!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<script>
 
// Avatar Online / Offline - Farbe
{{message.startlist}}
  
window.addEventListener('load', function(){
      {{message:online==true.start}}
  $('#post{{message:pt}} .messageAvatar img').css({'border':'2px solid #64A40B','padding':'3px'});    
    {{message:online==true.else}}
  $('#post{{message:pt}} .messageAvatar img').css({'border':'2px solid  #A02C2B','padding':'3px'});  
    {{message:online==true.end}}
  
  /* Kleine Grafik ausblenden */
  // $('.messageUser span img').hide(); 
});
  
{{message.end}}
 
</script>
 

Schlie�en

Spoiler mit einem Klick öffnen und schließen!

Runde Darstellung für Avatare!

Hier wird nur ein Eintrag wie unter Runde Avatar-Darstellung fürs Business-Template V4 Beitrag #2 - Version 3 beschrieben benötigt!

Da hier Variablen benötigt werden, wird alles als Plugin in den "bottom_header" kopiert!
Soll die runde Avatar-Darstellung nur in den Beiträgen umgesetzt werden, muss das Skript in den "topic_footer" kopiert werden, Zeile 7+8 kann dann gelöscht werden!
Im "topic_header" funktioniert das Skript nicht!

Randfarbe: Grün & Rot

1
2
3
4
5
6
7
8
9
 
<script>
// Runde Avatare in Thread - Flat
{{message.startlist}}
$('#mavatar{{message:pt}} img').attr('style','border: 2px solid {{message:online==true.start}}#64A40B{{message:online==true.else}}#A02C2B{{message:online==true.end}}; height: 120px; width: 120px; object-fit: cover; padding:3px; border-radius: 50%; box-shadow: 0.1rem 0.1rem 6px rgba(0, 0, 0, 0.4);')
{{message.end}}
  
// Runde Avatare in PN
$('.umavatar a img').attr('style','border: 2px solid {{pm_send_user_online==true.start}}#64A40B{{pm_send_user_online==true.else}}#A02C2B{{pm_send_user_online==true.end}}; height: 120px; width: 120px; object-fit: cover; padding:3px; border-radius: 50%; box-shadow: 0.1rem 0.1rem 6px rgba(0, 0, 0, 0.4);')
</script>
 

Schlie�en

Spoiler mit einem Klick öffnen und schließen!

Wolfgang

Antworten

Xobor Talk über dem Forum - Talk neue Struktur � � Signatur als Bild

Seite 2 von 2 � Seite 1 2 Seite �

�hnliche Themen

Antworten

Letzter Beitrag

Profil: Last Online & Registrierungs-Datum anzeigen lassen
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten von ms_fanie

09.05.2024 15:17
von

ms_fanie • Zugriffe: 1833

Animierter Benutzer / Avatar mit Link zum Profil
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Daishi 18 24.07.2023 00:08
Anne • Zugriffe: 1288
Online seit
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Daishi 7 18.10.2022 14:56
Nara • Zugriffe: 700
Avatar mit Statusanzeige
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Daishi 30 05.06.2024 19:11
Anne • Zugriffe: 2452
Runde oder Quadratische Avatar-Darstellung im Template V4 + V6?
Erstellt im Forum Das neue Template Xobor (v6) von Wolfgang 6 22.02.2022 16:53
Haviforumstreffpunkt • Zugriffe: 1455
"Wer ist Online?" erweitern Teil (1-3) - Online-Zeitzähler!
Erstellt im Forum Das neue Template Xobor (v6) von Wolfgang 7 22.04.2024 22:49
Anne • Zugriffe: 2586
Chronologie des Internets - Netzwerk der Netzwerke - Kleine Netzchronik
Erstellt im Forum Alles, was noch so �brig bleibt von Wolfgang 0 04.06.2009 15:55
Wolfgang • Zugriffe: 1476
Avatar-Bilder fürs Benutzer-Profil
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang 2 21.03.2016 16:47
Wolfgang • Zugriffe: 22331
Wissenswertes im Online-Computerlexikon, auch Begriffe aus der Linux Welt
Erstellt im Forum Empfehlenswerte und interessante Links! von Wolfgang 0 02.03.2007 16:34
Wolfgang • Zugriffe: 1597

Foren Spende

Hallo !

Wir hoffen, dass Dir unser Forum gef�llt und Du Dich hier genauso wohlf�hlst wie wir.

Um Dir und den anderen Mitgliedern das Bestm�gliche bieten zu k�nnen, w�rden wir das Forum gern werbefrei gestalten, mit tollen neuen Extras erg�nzen.

Wenn Du uns dabei unterst�tzen m�chtest, kannst Du mit Hilfe einer kleinen Spende dazu beitragen.

Deine Spende hilft!

Spendenziel: 45 €

17%