Neues Profilfeld Mehrfachauswahl Bilder

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! � Neues Profilfeld Mehrfachauswahl Bilder

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 Elektronik & Elektrotechnik - Fragen & Antworten 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 | Neues Profilfeld Mehrfachauswahl Bilder datum

08.01.2022 23:27 (zuletzt bearbeitet: 08.01.2022 23:29)

Ich habe da nochmal eine Frage, ich würde gerne ein Profilfeld "Forenausweise" erstellen und dort drei Bilder zur Auswahl bereit stellen. Allerdings sind Bilder in der Mehrfachauswahl nicht vorgesehen.
Wie könnte man dort Bilder zur Auswahl eingeben, nicht nur den Link und dass das Bild dann auch im Profil im Forum auftaucht, in der Benutzerspalte. Wenn das so nicht geht, wie könnte ich dann ein fertiges Bild anstatt unter Mehrfachauswahl dann halt unter Eingabe einfügen, dass es angezeigt wird?

Antworten

#2 | Neue Profilfelder mit Bildauswahl (nur v4) - Teil 1 datum

10.01.2022 20:23 (zuletzt bearbeitet: 16.01.2022 20:52)

Wolfgang

Administrator

Informationen anzeigen

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

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

Neue Profilfelder mit Bildauswahl (nur v4) - Teil 1
Aktualisiert 16.01.22

Hallo Nara,
habe da eine Lösung gefunden, aber erstmal nur fürs Business-Template (v4)!
Für die Templates (v1-3) fehlen zu viele ID's und Classes, um das Skript auf die Schnelle zu erstellen!
Das neue Xobor (v6) folgt im zweiten Teil!

Was kann das Skript:

In Version 1+2 können unter "Profil bearbeiten" aus 3 Ausweisbilder ein Ausweisbild ausgewählt werden!
Bilder sind durch den Admin vorgegeben!
Die Auswahl findet über ein "Radio-Button Menü" statt!
Die Ausweisbilder vergrößern sich beim Mouseover!
Im Profil, in der Mitgliederliste und in den Informationen selbst ist dann das ausgesuchte Ausweisbild zu sehen!
Ist kein Ausweisbild ausgewählt oder eingetragen, wird im Profil "keine Angabe" eingeblendet!
In Version 2 kann der User über eine "URL" selbst ein Ausweisbild einfügen!
Wichtig! Werden noch weitere "Eigene Profilfelder" genutzt, bitte Größe und Funktion überprüfen!

Installation nur fürs Business-Template (v4)

1. Eigene Profilfelder anlegen

"Admin > Benutzer > Profiloptionen > Eigene Profilfelder" aufrufen
Eigenes Profilfeld "Forenausweis" wie im Bild 1 anlegen und speichern!
Fertig!

Name:

Forenausweis

Wert:

Ausweis 1
Ausweis 2
Ausweis 3

Schlie�en

2. JavaScript und CSS installieren

CSS und JavaScript werden in die Fußzeile" oder besser als PIugin in "Untere Leiste - header" kopiert!
In Zeile 14-16 werden die Adressen der Foren-Ausweisbilder eingetragen
In Zeile 4 kann die Breite der der Ausweisbilder in "Profil bearbeiten" eingestellt werden!
In Zeile 6 wird die Breite der Ausweisbilder für das Profil bestimmt.
In Zeile 7 wird die Breite der Ausweisbilder in der Mitgliederliste bestimmt.
In Zeile 8 wird die Breite der Ausweisbilder in der Information neben den Beiträgen bestimmt.
In Zeile 5 kann die Größe des Mouseover-Bilder angepasst werden!
Wird Zeile 28 freigegeben, wird bei fehlenden Eintrag im Profil die Zeile komplett ausgeblendet!
Die Info "keine Angabe" wird dann nicht angezeigt!
Wird Zeile 27 freigegeben, wird bei fehlenden Eintrag unter "Detail" die Zeile komplett ausgeblendet!
Die Info "Nicht angegeben" wird dann nicht angezeigt!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
 
<style>
.formfield, .formfield label {float:left; margin-right:5px;}
.formfield label p {height:100px; width:120px; background:transparent; margin:10px; z-index:99999; }
.formfield label p img {max-width:120px; transition-property: max-width; transition-duration: 0.5s; transition-delay: 0.6s;cursor:pointer;}
.formfield label p img:hover {max-width:250px; position:absolute;}
.messageinformation td img {max-width:120px;}
.memberlist td img {max-width:120px;}
.tablecell img {max-width:200px; background:transparent;}
.hover_pass {margin:10px; position:absolute;}
 input[type="radio"] {box-shadow:none;}
</style>
 
<script>
var Forenausweis_1 = "https://files.homepagemodules.de/b572344/a_924_5b73520b.jpg"
var Forenausweis_2 = "https://files.homepagemodules.de/b572344/a_925_717544d9.jpg"
var Forenausweis_3 = "https://files.homepagemodules.de/b572344/a_926_8b81acf9.jpg"
 
$(function(){
$("#radio_1_answer_1").after("<p><img src="+Forenausweis_1+"></p>");
$("#radio_1_answer_2").after("<p><img src="+Forenausweis_2+"></p>");
$("#radio_1_answer_3").after("<p><img src="+Forenausweis_3+"></p>");
 
$(".tablecell:contains('Ausweis 1'),.messageinformation td:contains('Ausweis 1'),.memberlist td:contains('Ausweis 1')").html("<img src="+Forenausweis_1+">");
$(".tablecell:contains('Ausweis 2'),.messageinformation td:contains('Ausweis 2'),.memberlist td:contains('Ausweis 2')").html("<img src="+Forenausweis_2+">");
$(".tablecell:contains('Ausweis 3'),.messageinformation td:contains('Ausweis 3'),.memberlist td:contains('Ausweis 3')").html("<img src="+Forenausweis_3+">");
$(".tablecell:contains('novalue')").html("Nicht angegeben");
/* $(".messageinformation td:contains('Nicht angegeben')").each(function(){$(this).closest("tr").hide();}); */
/* $(".tablecell:contains('keine Angabe')").each(function(){$(this).closest(".profilerow").hide();}); */ 
 
$(".formfield br").remove();
});
</script>
 

Schlie�en

Spoiler mit einem Klick öffnen und schließen!

Schlie�en

1. Eigene Profilfelder anlegen

"Admin > Benutzer > Profiloptionen > Eigene Profilfelder" aufrufen
Eigenes Profilfeld "Forenausweis" wie im Bild 1 anlegen und speichern!
Wenn gewünscht, eigenes Profilfeld "Forenausweis (variabel)" wie im Bild 2 anlegen und speichern!
Fertig!

Name:

Forenausweis

Wert:

Ausweis 1
Ausweis 2
Ausweis 3

Name:

Forenausweis (variabel)

Wert:

Schlie�en

2. JavaScript und CSS installieren

CSS und JavaScript werden in die Fußzeile" oder besser als PIugin in "Untere Leiste - header" kopiert!
In Zeile 14-16 werden die Adressen der Foren-Ausweisbilder eingetragen
In Zeile 4 kann die Breite der der Ausweisbilder in "Profil bearbeiten" eingestellt werden!
In Zeile 5 kann die Größe des Mouseover-Bilder angepasst werden!
In Zeile 7 wird die Breite der Ausweisbilder in der Mitgliederliste bestimmt.
In Zeile 6 wird die Breite der Ausweisbilder in der Information neben den Beiträgen bestimmt.
In Zeile 8 wird die Breite der Ausweisbilder für das Profil bestimmt.
Zeile 27 sorgt dafür, dass bei fehlenden Bild-Link die Zeile "Forenausweis (variabel)" ausgeblendet wird!
Wird Zeile 30 freigegeben, wird bei fehlenden Eintrag im Profil die Zeile komplett ausgeblendet!
Die Info "keine Angabe" wird dann nicht angezeigt!
Wird Zeile 29 freigegeben, wird bei fehlenden Eintrag unter "Detail" die Zeile komplett ausgeblendet!
Die Info "Nicht angegeben" wird dann nicht angezeigt!
Zeile 33 erzeugt den "Placeholder" für die Eingabe Bildadresse.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
 
<style>
.formfield, .formfield label {float:left; margin-right:5px;}
.formfield label p {height:100px; width:120px; background:transparent; margin:10px; z-index:99999; }
.formfield label p img {max-width:120px; transition-property: max-width; transition-duration: 0.5s; transition-delay: 0.6s;cursor:pointer;}
.formfield label p img:hover {max-width:250px; position:absolute;}
.messageinformation tr td:nth-child(3) img {max-width:20px;}
.memberlist td img {max-width:120px;}
.tablecell img {max-width:200px; background:transparent;}
.hover_pass {margin:10px; position:absolute;}
 input[type="radio"] {box-shadow:none;}
</style>
 
<script>
var Forenausweis_1 = "https://files.homepagemodules.de/b572344/a_924_5b73520b.jpg"
var Forenausweis_2 = "https://files.homepagemodules.de/b572344/a_925_717544d9.jpg"
var Forenausweis_3 = "https://files.homepagemodules.de/b572344/a_926_8b81acf9.jpg"
 
$(function(){
$("#radio_1_answer_1").after("<p><img src="+Forenausweis_1+"></p>").click(function(){$('#textfield_1').closest("input").attr('value', '');});
$("#radio_1_answer_2").after("<p><img src="+Forenausweis_2+"></p>").click(function(){$('#textfield_1').closest("input").attr('value', '');});
$("#radio_1_answer_3").after("<p><img src="+Forenausweis_3+"></p>").click(function(){$('#textfield_1').closest("input").attr('value', '');});
$('#textfield_1').closest("input").click(function(){$(".formfield label:contains('keine Angabe') input").attr('checked', 'checked');}); 
 
$(".tablecell:contains('Ausweis 1'),.messageinformation td:contains('Ausweis 1'),.memberlist td:contains('Ausweis 1')").html("<img src="+Forenausweis_1+">");
$(".tablecell:contains('Ausweis 2'),.messageinformation td:contains('Ausweis 2'),.memberlist td:contains('Ausweis 2')").html("<img src="+Forenausweis_2+">");
$(".tablecell:contains('Ausweis 3'),.messageinformation td:contains('Ausweis 3'),.memberlist td:contains('Ausweis 3')").html("<img src="+Forenausweis_3+">");
$(".tablecell").each(function(){if($("img",this).attr("src") == ""){$(this).closest(".profilerow").hide();};}); 
$(".tablecell:contains('novalue')").html("Nicht angegeben");
/* $(".messageinformation td:contains('Nicht angegeben')").each(function(){$(this).closest("tr").hide();}); */
/* $(".tablecell:contains('keine Angabe')").each(function(){$(this).closest(".profilerow").hide();}); */
 
$(".formfield br").remove();
$("#textfield_1").attr("placeholder","z.B. https://files.homepagemodules.de/b572344/a_925_717544d9.jpg");
 
});
</script>
 

Schlie�en

Spoiler mit einem Klick öffnen und schließen!

Schlie�en

Spoiler mit einem Klick öffnen und schließen!

Viel Erfolg beim Umsetzen
Wolfgang

Nara findet das Top!

Antworten

#3 | Neue Profilfelder mit Bildauswahl (nur fürs Xobor v6) - Teil 2 datum

10.01.2022 20:32 (zuletzt bearbeitet: 22.01.2022 08:33)

Wolfgang

Administrator

Informationen anzeigen

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

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

Neue Profilfelder mit Bildauswahl (nur fürs Xobor v6) - Teil 2

Hallo Nara,
hier kommt eine Lösung fürs Xobor (v6) + Mobil!

Was kann das Skript:

In Version 1 können unter "Profil bearbeiten" aus 3 Ausweisbilder ein Ausweisbild ausgewählt werden!
Bilder sind durch den Admin vorgegeben!
Die Auswahl findet über ein "Radio-Button Menü" statt!
Die Ausweisbilder vergrößern sich beim Mouseover!
Im Profil, in der Mitgliederliste und in den Details selbst ist dann das ausgesuchte Ausweisbild zu sehen!
Ist kein Ausweisbild ausgewählt oder eingetragen, wird im Profil "keine Angabe" eingeblendet!
Wichtig! Werden noch weitere "Eigene Profilfelder" genutzt, bitte Größe und Funktion überprüfen!

Installation nur fürs neue Xobor-Template (v6)

1. Eigene Profilfelder anlegen

Wenn noch nicht geschehen....
"Admin > Benutzer > Profiloptionen > Eigene Profilfelder" aufrufen
Eigenes Profilfeld "Forenausweis" wie im Bild 1 anlegen und speichern!
Fertig!

Name:

Forenausweis

Wert:

Ausweis 1
Ausweis 2
Ausweis 3

Schlie�en

2. JavaScript und CSS installieren

CSS und JavaScript werden in die Fußzeile" oder besser als PIugin in "Untere Leiste - header" kopiert!
In Zeile 17-19 werden die Adressen der Foren-Ausweisbilder eingetragen
In Zeile 4 kann die Breite der der Ausweisbilder in "Profil bearbeiten" eingestellt werden!
In Zeile 5 kann die Größe des Mouseover-Bilder angepasst werden!
In Zeile 6 wird die Breite der Ausweisbilder für das Profil bestimmt.
In Zeile 7 wird die Breite der Ausweisbilder in der Mitgliederliste bestimmt.
In Zeile 8 wird die Breite der Ausweisbilder in der Information neben den Beiträgen bestimmt.
Zeile 12+13 sorgen für eine Seitenkorrektur Beitrag rechts.
Wird Zeile 34 freigegeben, wird bei fehlenden Eintrag im Profil die Zeile komplett ausgeblendet!
Die Info "keine Angabe" wird dann nicht angezeigt!
Wird Zeile 33 freigegeben, wird bei fehlenden Eintrag unter "Detail" die Zeile komplett ausgeblendet!
Die Info "Nicht angegeben" wird dann nicht angezeigt!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
 
<style>
  .form-group label {float:left; margin-right:20px;}
  .form-group label p {height:90px; width:120px; background:transparent; z-index:99999; margin:5px;}
  .form-group label p img {max-width:120px; transition-property: max-width; transition-duration: 0.5s; transition-delay: 0.6s;cursor:pointer;}
  .form-group label p img:hover {max-width:250px;position:absolute;}
  #cf_Forenausweis .col-sm-8 img {max-width:100px; background:transparent;}
  .forum_listing td img {max-width:120px;}
  .userdetails .minfo_cont img {max-width:100px;}
  .hover_pass {margin:10px; position:absolute;}
   input[type="radio"] {box-shadow:none;}
  /* Seitenkorrektur Beitrag rechts */ 
  .message_leftcol {max-width:40%;}
  .message_leftcol .minfo_cont {width:200px;}
</style>
 
<script>
var Forenausweis_1 = "https://files.homepagemodules.de/b572344/a_924_5b73520b.jpg"
var Forenausweis_2 = "https://files.homepagemodules.de/b572344/a_925_717544d9.jpg"
var Forenausweis_3 = "https://files.homepagemodules.de/b572344/a_926_8b81acf9.jpg"
 
window.addEventListener('load', function(){
  $('.form-group').after('<div style="clear:both;"></div>');
 
  $("#radio_1_answer_1").after("<p><img src="+Forenausweis_1+"></p>");
  $("#radio_1_answer_2").after("<p><img src="+Forenausweis_2+"></p>");
  $("#radio_1_answer_3").after("<p><img src="+Forenausweis_3+"></p>");
 
  $("#cf_Forenausweis .col-sm-8:contains('Ausweis 1'),.userdetails .minfo_cont:contains('Ausweis 1'),.forum_listing td:contains('Ausweis 1')").html("<img src="+Forenausweis_1+">");
  $("#cf_Forenausweis .col-sm-8:contains('Ausweis 2'),.userdetails .minfo_cont:contains('Ausweis 2'),.forum_listing td:contains('Ausweis 2')").html("<img src="+Forenausweis_2+">");
  $("#cf_Forenausweis .col-sm-8:contains('Ausweis 3'),.userdetails .minfo_cont:contains('Ausweis 3'),.forum_listing td:contains('Ausweis 3')").html("<img src="+Forenausweis_3+">");
 
  $(".userdetails .minfo_cont:contains('novalue')").html("Nicht angegeben");
  /* $(".userdetails .minfo_cont:contains('Nicht angegeben')").each(function(){$(this).closest(".row").hide();}); */
  /* $(".customfieldrow div:contains('keine Angabe')").each(function(){$(this).closest(".customfieldrow").hide();});*/
 
});
</script>
 

Schlie�en

Spoiler mit einem Klick öffnen und schließen!

Schlie�en

Spoiler mit einem Klick öffnen und schließen!

Interessante Links zum Thema:

• Profilfelder mit Datumsauswahl in deutscher Sprache!

Viel Erfolg beim Umsetzen
Wolfgang

Mato, charlie1965 und Nara finden das Top!

Antworten

Schriftarten über die Iconbar verändern! � � Neue Profilfelder anlegen. Nur Datumsangabe erlauben?

�hnliche Themen

Antworten

Letzter Beitrag

Linklisten und Bilder im Seitenmenü
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang 0 14.02.2025 09:49
Wolfgang • Zugriffe: 106

Leere Profilfelder löschen - Installation für alle Templates
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang

30.03.2024 15:50
von

Daishi • Zugriffe: 537

Profilfelder ansprechen und anzeigen lassen - Linkliste unter Avatar
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten! von ms_fanie

20.02.2025 14:27
von

Wolfgang • Zugriffe: 705

Kleine Spoiler im Profilfeld
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Daishi 10 24.03.2024 18:46
Anne • Zugriffe: 1328
Profilfeld Bild einfügen
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Daishi 1 04.02.2022 19:30
Wolfgang • Zugriffe: 449

Bilder aus "Datei anhängen" mit einem Klick öffnen & schließen! - Für alle Templates! - Teil 1-4
Erstellt im Forum Das neue Template Xobor (v6). von Wolfgang

24.07.2024 11:08
von

Wolfgang • Zugriffe: 2889

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: 2099

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: 3782
Bild vergrössern
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten! von Magister 4 10.01.2015 14:18
Magister • Zugriffe: 2195

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%