Forum - Profilfelder ansprechen und anzeigen lassen (bspw. per Hover!)

Guten Abend, zusammen!

Da wir bereits seit Gründung unseres RPG-Forums (Mai 2022) nach einer Lösung suchen, ich aber bis heute nichts dazu finden konnte, suche ich hier nach Hilfe und hoffe, ihr könnt uns helfen?!

Wir wünschen uns eine Möglichkeit mittels CSS eigene Profilfelder anspreche zu können bzw. diese dann an bestimmter Stelle anzeigen zu lassen. Wir stellen es uns dabei so vor, dass man beim Hovern des Avatarbildes die Eingaben der jeweiligen Profilfelder sehen kann.
In etwa so:
https:// i.ibb.co/6rC3QqX/Avatar-Hover.png

Von MyBB kenne ich es bspw. so, dass es da einzelne Variablen wie 'profilefield' oder 'fidX'. Wobei X dann durch die jeweilige Zahl Ziffer des Feldes ersetzt wird. Sowas habe ich allerdings im Gaia Template bei Xobor nicht finden können. Nur eine einzelne Variable die sich costumfields nennt.

Kennt jemand von euch eine Möglichkeit wie man diese Profilfelder anspricht?


Vielen Dank im Voraus!

Servus baba,
Stefanie

Hallöchen, Wolfgang!

Erst einmal ein riesengroßes Dankeschön an dich für all die Mühen die du dir machst!

Tatsächlich ist mein Plan, nur bestimmte Profilinformationen auf dem Avatar erscheinen zu lassen. D.h. im direkten Beispiel unseres RPG Boards dann sowas wie die drei oberen Felder unter dem Profilbild/Avatarbild. Beispiel
Also die Punkte die in diesem Fall - für uns als Fantasy RPG Board - wichtig sind. Alter, Wesen, Zugehörigkeit. (Sprich die Profilinformationen die ma explizit auswählt)
Sowas wie das Textfeld soll dabei weiterhin unter dem Avatar bleiben.

Ich werde auf jeden Fall ma versuchen mit deinen Skripten etwas herum zu probieren. :D Da wir das Gaia-Template benutzen, wird es da sicherlich etwas tricky... Falls du da Tipps haben solltest oder Ähnliches, wäre ich dir sehr sehr dankbar für alle Hilfe die du uns dahingehen geben kannst und möchtest!


Liebe Grüße
Fanie

Hallo, Wolfgang habe es bei mir installiert und es funktioniert.

Nun meine Frage, ich habe in Zeile 33 noch etwas eingefügt, das es vorne ausblendet, das funktioniert.

Code, wo ich dazu eingefügt, habe in Zeile 33:

.messageinformation td:contains("Sternzeichen"),
 

Bild, wo er es ausblendet:




Hier ein Bild, wo er im Hover - Effekt nicht ausblendet:



Jetzt die Frage für das Ausblenden, muss ich da noch einen neuen Ausblende - Code hineinschreiben?

Noch eine Frage, wenn ich ein Sternzeichen angebe, zeigt er es schriftlich an, bei dir im Forum zeigt er es mit Bild an.

Muss ich hier noch einen speziellen Code einfügen bei dem Hover?

Bild, wie es ausschaut, wenn ich Sternzeichen angebe:



Und hinten im Profil selbst wird auch Text angezeigt:



Meine Frage ist, muss ich hier noch spezielle Angaben machen?

Bild wie es bei dir ausschaut mit Hover - Effekt:



Deswegen die Frage, was ich vergessen habe, hier noch mit anzugeben.

Ich hoffe, man kann es verstehen, was ich meine und hoffe, dass ich es so gut wie es geht verständlich erklären konnte.

Freue mich auf Antwort, wo ich hier wieder ein Fehler eingebaut habe oder etwas falsch eingegeben habe.

Ist nur eine Frage oder liegt der Fehler bei mir?



PS: Hier der Code der mit dem Ausblenden funktioniert:

   // Ausblenden leerer Profilfelder im Profil, in Beiträgen und Mitgliederlisten - Nur Templates (V4)
  $(".tablecell:contains('value'), .text_profil:contains('value'), div.currency span:contains('value'), [src*='value'],  [href*='value'], .bild_profil[src=''], .link_profil[href=''], .video_profil[src=''], .text_profil:empty, div.currency span:empty, .tablecell:contains('keine Angabe'), .messageinformation td:contains('Nicht angegeben')").closest('.profilerow, .customsfield tr, .messageinformation tr').hide();
  
 

Der funktioniert nicht, den habe ich ausgeblendet, alias auskommentiert:

// Leere Profilfelder mit Namen oder Grafiken versehen - Im Profil, Beiträge, Mitgliederliste (V4)
  // $(".tablecell:contains('value'), .text_profil:contains('value'), div.currency span:contains('value'), [src*='value'], [href*='value'], .bild_profil[src=''], .link_profil[href=''], .video_profil[src=''], .text_profil:empty, div.currency span:empty, .tablecell:contains('keine Angabe'), .messageinformation td:contains('Nicht angegeben')").closest('.customsfield td, .messageinformation td, .tablecell').html('keine Angabe');
 
 

Habe ich nur angegeben, weil er bei anderen auch nicht funktioniert.


Mit herzlichen Grüßen Daishi

Hallo @Wolfgang

Zitat von Wolfgang im Beitrag #5

---

2. Fehlersuche: Leere Felder ausblendenDas Ausblenden der leeren Felder ist nicht so einfach, zumal es in allen Templates funktionieren soll!Dann muss man auch noch die Ursache eines leeren Feldes erkennen und zum Testen wieder herbeiführen können! Wie ich gesehen habe, hast Du den Code zum Ausblenden aus "Leere Profilfelder mit Namen oder Grafiken" genommen!Hier kann man für die leeren Profilfelder einen Text oder eine Grafik einfügen!Vielleicht hat der Text gestört (Text-Beispiel war: keine Angabe)!Ich meine, ich hatte bei Dir mal "novalue" oder so etwas gesehen, konnte den Zustand aber nicht mehr rekonstruieren!Habe die Codes soweit nochmal überprüft, funktionieren bei mir, finde hier keinen Fehler!

---

.information td:contains("novalue"),
 

.information td:contains("Nicht angegeben"), 
 

.messageinformation td:contains('Nicht angegeben')
 

.messageinformation td:contains('novalue')
 

Ich entschuldige mich erstmal für die schlechte Erklärung, die ich gemacht habe. Meine Erklärung wird teilweise falsch verstanden, es ist und war mein Fehler.

Grund ist, ich habe noch Sachen am Script verändert und hinzugefügt, deswegen habe ich bei mir andere Zeilenangaben.


( Hover - Profilinformation in den Beiträgen )

Um in dem Hover - Effekt bei Profilinformation das ( "novalue" ausblenden zu können, muss noch 2 Angaben gemacht werden:

Script:

<style>
.information {
  display:none;
  position:absolute;
  border: 1px solid #383838;
  background: #dddddd;
  box-shadow: 0px 0px 6px #e0e0e0;
  border-radius:9px;
  margin:5px 0 0 10px;
  padding:10px;
  z-index:999999;
}
.mmessageinformation td:first-child, .information td:first-child {
 width:110px !important;
}
.messageinformation table,  .messageinformation td  {
  padding: 5px;
}
.information td  {
  padding: 3px;
}
</style>
 
 
<script>
//// Mouseover Beiträge ////
window.addEventListener('load', function ( ) {
 
  {{message.startlist}}
  
  var mess = $('#post{{message:pt}} .messageinformation').html();  
  $('#post{{message:pt}} .messageAvatar').after(`<div class="information">`+mess+`</div>`);
  $('#post{{message:pt}} .messageinformation td:contains("Beiträge"), #post{{message:pt}} .messageinformation td:contains("Registriert"), #post{{message:pt}} .messageinformation td:contains("Likes"), #post{{message:pt}} .messageinformation td:contains("Sternzeichen"), #post{{message:pt}} .messageinformation td hr').closest('tr').hide();
 
  $('#post{{message:pt}} .messageAvatar').hover(function(){
    $('#post{{message:pt}} .information').stop(true, true).delay(300).slideDown(500).fadeIn(); 
    $('.information td:contains("Blog"), .information td:contains("Homepage"), .information td:contains("Nachricht"), .information td:contains("Spende"), #post{{message:pt}} .information hr').closest('tr').remove();
  },function(){
    $('#post{{message:pt}} .information').stop(true, true).slideUp(500); 
  });
 
  {{message.end}}
      
});
</script>
 
 

.information td:contains("Nicht angegeben"), .information td:contains("novalue"),  
 

<script>
window.addEventListener('load', function(){ 
// Ausblenden leerer Profilfelder im Profil, in Beiträgen und Mitgliederlisten - Nur Templates (V4)
  $(".tablecell:contains('novalue'), .text_profil:contains('novalue'), div.currency span:contains('novalue'), [src*='novalue'], [href*='novalue'], .bild_profil[src=''], .link_profil[href=''], .video_profil[src=''], .text_profil:empty, div.currency span:empty, .tablecell:contains('keine Angabe'), .messageinformation td:contains('novalue')").closest('.profilerow, .customsfield tr, .messageinformation tr').hide();
  
});
</script>