Kleine Spoiler im Profilfeld

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 - Hilfe, Tricks & Tipps � Kleine Spoiler im Profilfeld

Themen-Einstellungen

Thema drucken

Bereich wechseln

Start Willkommen! Ank�ndigungen & Termine, wichtige News! Stellen Sie Ihr eigene Webseite vor! Betriebssystem MS Windows Betriebssystem MS Windows 10, 8.1, 8 und 7 - Tricks & Tipps MS Windows 10, 8.1, 8 und 7 - Fragen & Antworten �rger mit Ihrem PC? �rger mit dem PC - Vorbeugung und Hilfe �rger mit dem PC - 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

#1 | Kleine Spoiler im Profilfeld datum

03.09.2023 12:08 (zuletzt bearbeitet: 07.10.2023 21:39)

Daishi

Informationen anzeigen

Beitr�ge:	275
Registriert seit:	08.01.2022

Homepage:	Link
Letzte Spende	Betrag 15 � Forum Spende
Likes	235

Hallo ihr lieben, Wolfgang hat mich hier wieder inspiriert und Ideen und Inspirationen gegeben.
Die Idee war es, dass auch etwas größere Bilder oder längere Texte, nicht das Profil so breit darstellt, oder verschiebt.

Habe daran einige Tage gesessen, bis ich es hinbekam so wie ich das wollte. Die Spoiler kann man öffnen und schließen, in kleiner Ausführung. Einfach den kleinen schwarzen Pfeil klicken.

Hier mal die Bilder wie es ausschaut, beim geschlossenen Spoiler und geöffnet.
Kann man einzeln öffnen und schließen, habe nur zur Demo alle geöffnet.

Geöffneter Spoiler

Geschlossener Spoiler

Eingabe im Profilfeld im Adminbereich.
Für die Forennummer:

1
 
<details class="spoiler" style="--hidden: 'Achtung: Textischer Inhalt.'">   <summary>Achtung: Text Inhalt </summary>   <div>{eingabe}</div> </details>

Eingabe bei Benutzer im Adminbereich.
Für die Forennummer:

Eingabe im Profilfeld im Adminbereich.
Für die Grafiken unter "Nation" + "Mitglied":

1
 
<details class="spoiler" style="--hidden: url(https://files.homepagemodules.de/b906480/a_79_ceb59398.png)">   <summary><span style="color:black">Achtung: Grafischer Inhalt</span></summary>   <div><img style="width: 25px; height: 25px;" src="{eingabe}" alt="Nation" /></div> </details>

Eingabe bei Benutzer im Adminbereich.
Für das Bild:

Ich hoffe das die Idee und Inspiration hier gut ankommt.

Ich dachte mir einfach, dass das auch jemand gebrauchen kann und ich es hier einfach mal hineinschreibe.

Ich hoffe, ich konnte es so gut es geht verständlich erklären.

P.S. Habe noch im Code color eingefügt, falls jemand andere Farbe einfügen möchte zwecks Design.

Nette Grüße

Daishi

Daishi

Wolfgang findet das Top!

Antworten

#2 | RE: Kleine Spoiler im Profilfeld, auch in der Mitgliederliste + in Beiträgen datum

08.10.2023 09:20 (zuletzt bearbeitet: 11.10.2023 20:10)

Wolfgang

Administrator

Informationen anzeigen

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

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Likes	1113

Kleine Spoiler im Profilfeld , auch in der Mitgliederliste + in Beiträgen
Aktualisiert 11.10.23

Hallo @Daishi

Sorry, dass ich mich so spät melde!
Klasse Idee, den Spoiler mit "details" und "summary" aufzubauen!

Habe Deinen Code etwas minimiert und zu besseren Erkennung eine Class eingefügt
Ein zusätzliches, kleines JavaSript blendet leere Profil-Felder aus!
Für den Spoiler-Klick ist ein Cursor hinzugekommen!
Funktioniert im Profil, in der Mitgliederliste (nur Premium) und den Beiträgen (nur Premium)!

Wie funktioniert es?

Unter Profil bearbeiten kann je nach Berechtigung der Admin oder der User manuell Informationen eintragen, die dann im vollen Maße mit einem Spoiler-Klick im Profil, in der Mitgliederliste (nur Premium) und den Beiträgen (nur Premium) zu sehen sind!
Im Tag "summary" wird der Spoiler-Titel eingetragen und mit "style" evtl. formatiert.
Im nachfolgenden DIV-Container wird dann die Klick-Information eingetragen, kann Bild und Text enthalten!
Alles was manuell über "Profil bearbeiten" eingetragen wird, fließt über die {eingabe} in den Code ein!
Alle Tags lassen sich mit "style" im gewissen Maße formatieren!

Da Eigene Profilfelder bei allen Usern angezeigt werden, ist es unschön leere Spoiler zu präsentieren!
Das nachfolgende Skript erkennt leere Spoiler und leere Profilfelder, auch die mit der Variablen {{value}} und blendet die komplette Zeile aus!

Installation für alle Template & Mobil

Spoiler in der neuen Mitgliederliste (Premium)

Abgeänderte Codes für Eigene Profilfelder

Hier der Code für Text-Informationen:

1
 
<details class="det_spoil">  <summary class="sum_spoil">Achtung: Text</summary>  <div class="text_spoil">{eingabe}</div>  </details>

Hier der Code für den Einsatz von Grafiken:

1
 
<details class="det_spoil">  <summary class="sum_spoil">Achtung: Grafik</summary>  <div><img class="img_spoil" style="width: 25px; height: 25px;" src="{eingabe}"></div>  </details>

Hier der Code für Link-Informationen:

1
 
<details class="det_spoil">  <summary class="sum_spoil">Achtung: Link</summary>  <a class="link_spoil" href="{eingabe}" target="_blank">Link</a>  </details>

Das JavaScript für's Ausblenden leerer Spoiler und Profilfelder!

Da Eigene Profilfelder bei allen Usern angezeigt werden, ist es unschön leere Spoiler zu präsentieren!
Das nachfolgende Skript erkennt leere Spoiler und leere Profilfelder, auch die mit der Variablen {{value}} und blendet die komplette Zeile aus!

Das komplette Skript wird der Einfachheit für die Templates (v1-4) in die "Kopf- oder Fußzeile" oder fürs neue V6 & Mobil nach Eigenes Javascript kopiert!
Das Skript kann auch als PIugin in die "Untere Leiste - header" eingetragen werden!
Wichtig! Im Plugin müssen rechts oben "Unterstützte Templates" markiert werden, z.B.: Business - Template (144) & Mobile Template (177) (Auswahl mit Mausklick oder Strg + Mausklick)!

1
2
3
4
5
6
7
8
9
10
11
12
 
<style>
 .sum_spoil {color: black; cursor:pointer;}
 .memberlist .det_spoil {float:right; width:120px; text-align:left;}
 .link_spoil {margin-left:0 !important;}
</style>
 
<script>
window.addEventListener('load', function(){
  // Leeren Feldern im Profil, in der Mitgliedrliste und in Beiträgen ausblenden
  $("details div:contains('value'), details img[src*='value'], details a[href*='value'], details div:first:empty, details .img_spoil[src=''], details .link_spoil[href=''], details .text_spoil:empty").closest('.profilerow, .details, .customfieldrow, tr').hide();
});
</script>
 

Schlie�en

Spoiler mit einem Klick öffnen und schließen!

Bis dann und nochmal besten Dank
Wolfgang

Daishi findet das Top!

Antworten

Moderations-Kommentar:

Beitrag überarbeitet, Verlinkung hinzugefügt, JavaScript aktualisiert!

#3 | RE: Kleine Spoiler im Profilfeld, auch in der Mitgliederliste + in Beiträgen datum

09.10.2023 12:17 (zuletzt bearbeitet: 09.10.2023 17:55)

Daishi

Informationen anzeigen

Beitr�ge:	275
Registriert seit:	08.01.2022

Homepage:	Link
Letzte Spende	Betrag 15 � Forum Spende
Likes	235

Hallo @Wolfgang

Mal eine Frage, habe lange gebraucht, bis ich den Link in den Spoiler hinbekommen habe, deine Idee und Lösung war besser, bei mir war es etwas komplizierter.

Ich habe jetzt deine Code-Variante benutzt und eingebaut, funktioniert.

Jetzt eine Frage, wenn keine Adresse bei den anderen Benutzern eingefügt ist und man da draufklickt, zeigt er zwar Link an, aber man kommt auf der Forum Übersicht wieder raus.

Hier mal der Code:

1
 
<details>   <summary style="color: black; cursor:pointer;">Achtung: Link </summary>   <a href="{eingabe}" target="_blank">Link</a> </details>

So habe ich den Code eingetragen.

Jetzt zur Frage, ich wollte {{Value}} ausblenden, aber mein Code funktioniert nicht, habe ich hier einen Fehler eingebaut?

Der Code für Javascript für den Link:

1
2
 
$("details div:contains('value'), details href[<a href*='value'], details div:first:empty, .href_spoil[href=''], .href_spoil:empty").closest('.profilerow, .customsfield, .details, .customfieldrow, tr').hide();
});
 

Wie gesagt, ich verstehe das nicht so richtig mit dem Ausblenden und der Codeeingabe. Mal funktioniert etwas, mal nicht, aber ich versuche mein Bestes in der Hinsicht.

Für eine genaue Erklärung wäre ich sehr dankbar

Nette Grüße

Daishi

Daishi

Antworten

#4 | Fehlersuche: Kleine Spoiler im Profilfeld, auch in der Mitgliederliste + in Beiträgen datum

11.10.2023 20:08 (zuletzt bearbeitet: 11.10.2023 20:13)

Fehlersuche: Kleine Spoiler im Profilfeld, auch in der Mitgliederliste + in Beiträgen

Hallo Daishi.

Mit Deiner Idee, in den Spoiler Links einzubauen, hast Du eine weitere Möglichkeit angestoßen!
Jetzt können Texte, Bilder und Links im Spoiler versteckt werden!

Was ich festgestellt habe:

Wird ein "Eigenes Profilfeld" neu angelegt, erscheint in der rechten Spalte im Profil das {{value}}!
Sobald aber das Profil selbst einmal abgespeichert wird, ohne etwas eingetragen zu haben, verschwindet das {{value}} und die Spalte ist leer!
Das {{value}} erscheint nur im Profil!
Da die Forensoftware Verlinkungen erkennt und vervollständigt, wird auch bei leeren "href" ein Link (z.B. https://www.hilfe-tricks-tipps.de/%7B%7Bvalue%7D%7D) generiert, der trotz Anhang immer zu Forenübersicht führt!
Aus diesen Gründen muss beim Ausblenden das {{value}} und der leere Container bedacht werden!

Was habe ich geändert:

In Beitrag #2 habe ich den Spoiler mit neuen Classes versehen!
Besonders in der neuen Mitgliederliste war bei unterschiedlichen Textlängen eine zusätzliche Formatierung notwendig!
Jetzt stehen die Verlinkungspfeile auch untereinander (V4)!
Habe kleine Fehler in der Ausblendung behoben.

Alles in Beitrag #2 eingetragen!

Nochmal besten Dank für die neue Variation
Wolfgang

Daishi findet das Top!

Antworten

Kleine Quasselbox fürs Forum � � PN-Hinweis vom Admin

�hnliche Themen

Antworten

Letzter Beitrag

Xobor-Spoiler mit und ohne Spoiler-Grafik, neu animiert!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Daishi

18.10.2023 21:09
von

Kipper-Spedition • Zugriffe: 265

Spoiler Alarm
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Daishi 2 09.02.2023 12:34
Wolfgang • Zugriffe: 348
Xobor-Spoiler mit Grafik in der Titelleiste
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang 1 04.07.2022 22:30
Daishi • Zugriffe: 436
Neues Profilfeld Mehrfachauswahl Bilder
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Nara 2 10.01.2022 20:32
Wolfgang • Zugriffe: 772
Xobor-Spoiler mit Hinweis
Erstellt im Forum Das neue Template Xobor (v6) von Wolfgang 0 01.01.2021 19:49
Wolfgang • Zugriffe: 895

Neue Profilfelder anlegen. Nur Datumsangabe erlauben?
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Scannerxy

21.01.2022 20:30
von

Wolfgang • Zugriffe: 1586

Profilfelder ausblenden
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten von Lilith Morgenstern 1 05.08.2018 16:38
Wolfgang • Zugriffe: 3500
Spoiler-Veschachtelung mit Code und Pre
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang 1 30.10.2017 20:16
Wolfgang • Zugriffe: 3618

Xobor-Spoiler mit neuen Formatierungen ausstatten
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

24.11.2019 09:29
von

Wolfgang • Zugriffe: 2948

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: 85 €

103%

Zum Einbau: Google-Translator!

Favoriten speichern

Forum - Kleine Spoiler im Profilfeld

Kleine Spoiler im Profilfeld , auch in der Mitgliederliste + in Beiträgen
Aktualisiert 11.10.23

Fehlersuche: Kleine Spoiler im Profilfeld, auch in der Mitgliederliste + in Beiträgen

Forum Lesezeichen ❌

Forum - Kleine Spoiler im Profilfeld

Kleine Spoiler im Profilfeld , auch in der Mitgliederliste + in BeiträgenAktualisiert 11.10.23

Fehlersuche: Kleine Spoiler im Profilfeld, auch in der Mitgliederliste + in Beiträgen

Forum Lesezeichen ❌

Kleine Spoiler im Profilfeld , auch in der Mitgliederliste + in Beiträgen
Aktualisiert 11.10.23