Ganze Textbausteine in der Iconbar als Dropdown

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 � Ganze Textbausteine in der Iconbar als Dropdown

Seite 1 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 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 | Ganze Textbausteine in der Iconbar als Dropdown datum

10.11.2023 15:00

Hallo zusammen!

Frage:

Kann man Textbausteine auch irgendwie mit einem Tag versehen, damit man diese in ein Dropdown einbinden kann? Denn ich weiß wie man Tags in das Dropdown-Menü rein bekommt.. jedoch werden Textbausteine ja nicht mit einem Tag versehen?
Jemand eine Idee?

Dabei geht es um Begrüßungen .. oder vorgefertigte Begrüßungs-Gästebücher.

Danke im Voraus. <3

Wolfgang und Elvenar-Fan-Forum finden das Top!

Antworten

#2 | RE: Ganze Textbausteine in der Iconbar als Dropdown datum

12.11.2023 22:36 (zuletzt bearbeitet: 17.11.2023 14:52)

Wolfgang

Administrator

Informationen anzeigen

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

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

Ganze Textbausteine in der Iconbar als Dropdown

Hallo.

Habe mit den Textbausteinen so einiges ausprobiert.

Was ich festgestellt habe:

Textbausteine lassen sich in einer Gruppe zusammenfassen, ähneln dann einem Dropdown-Menü!
Textbausteine können mit einem BB-Code erstellt werden, die dann komplett in einem Beitrag eingefügt werden können!
Möchte man das die Überschriften der Textbausteine untereinander stehen, muss die Breite der Gruppe angepasst werden!
Trägt man bei den Textbausteinen eine Grafik ein, wird nicht mehr die Überschrift, sondern die Grafik selbst angezeigt
Alles nicht so optimal!

Frage:

Wie wäre es mit einem echten Dropdown-Menü, angelegt unter "HTML" in der Iconbar?
Könnte wie folgt aussehen.

Textbaustein unter "Iconbar > HTML" anlegen.
Namen vergeben z.B. "Textbausteine".
Unter "HTML" den folgenden Code eintragen.
Speichern und Icon platzieren!

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
38
 
<style>
#textbaustein {display:none; position:absolute; background:#ffffff; width: auto; margin-left:-100px; margin-top:0; color:#000000; padding:0px !important; z-index:999999; text-align:left; border:1px solid #000000; border-radius:4px; font-size:13px; cursor:default;}
#textbaustein_close {position:absolute; right:0; padding:4px 10px 0 20px; font-weight:bold; cursor:pointer; }
#textbaustein_on {padding:20px 10px 10px 10px;}
#textbaustein_on div {text-align:left; margin-left:6px; padding:3px 5px; font-weight:bold; clear:both; cursor:pointer;}
#textbaustein_on div:hover {background:#aaaaaa; color:#383838;}
</style>
 
<div class="xob_icon_cont" id="textbaustein_menue">
<span><img class="xob_icon" src="https://files.homepagemodules.de/b104774/a_189_39f0dee3.png" width="13px"></span>
<div id="textbaustein">
<div id="textbaustein_close">X</div>
 
<div id="textbaustein_on">
<hr>
<div onclick="xob_insert('Herzlich willkommen im Forum')">Willkommen</div>
<div onclick="xob_insert('Alles Gute zum Geburtstag')">Geburtstag</div>
<div onclick="xob_insert('Wie geht es Dir')">Gesundheit</div>
<div onclick="xob_insert('Ich habe eine Aufgabe für Dich')">Aufgabe</div>
<div onclick="xob_insert('Der Text muss überarbeitet werden')">Text</div>
 
</div>
</div>
</div>
 
<script>
window.addEventListener('load', function(){
 
$('#textbaustein_menue span').on('click',function(){
$('#textbaustein').show(300);
});
 
$('#textbaustein_close').on('click',function(){
$('#textbaustein').slideUp(300);
});
 
});
</script>
 

Schlie�en

Spoiler mit einem Klick öffnen und schließen!

Wolfgang

bienchen und Daishi finden das Top!

Antworten

#3 | RE: Ganze Textbausteine in der Iconbar als Dropdown datum

13.11.2023 14:35 (zuletzt bearbeitet: 13.11.2023 21:57)

Hallo Wolfgang!

Wirklich super!
Bei uns ist nur das Problem, dass wir ganze Codes und wirklich teilweise lange Texte haben und nicht nur einen kurzen Satz. Geht das auch irgendwie?

LG

Antworten

#4 | RE: Ganze Textbausteine in der Iconbar als Dropdown datum

13.11.2023 23:16 (zuletzt bearbeitet: 16.11.2023 22:20)

Wolfgang

Administrator

Informationen anzeigen

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

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

Ganze Textbausteine in der Iconbar als Dropdown mit BB-Codes

Hallo bienchen,
dass geht recht gut, man muss nur einge Dinge beachten!
Auch lassen sich einfache oder doppelte Absätze ohne "[br]" einfügen!

Wie gehts?

In Beitrag #2, Zeile 16-20 stehen die Textbausteine. Der Inhalt ist zwischen den Häkchen zu finden!
Einfache Absätze werden mit "\n" ermöglicht, bei mehrfachen Absätzen werden die Zeichen einfach mehrmals hintereinander gesetzt!
BB-Codes werden wie gewünscht eingesetzt!

Wichtig! Alles muss in einer Reihe geschrieben werden!
Mitten im Text dürfen keine einfachen und doppelte Häkchen eingebaut werden, hier müssen die Satzzeichen als "Unicode" eingetragen werden!
z.B.: Häkchen oben (") -> "

Beispiel für Zeile 16:

Lieber User
Ich möchte Dich im Forum für Hilfe, Tricks & Tipps herzlich willkommen heißen.

Viel Spass, Erfolg und gutes Gelingen

Wolfgang
Admin

So sieht der Code für Zeile 16 aus:

1
 
<div onclick="xob_insert('[welcome]\n\n[b]Lieber User[/b]\nIch möchte Dich im Forum für Hilfe, Tricks & Tipps herzlich [b]willkommen[/b] heißen.\n\nViel Spass, Erfolg und gutes Gelingen\n\n[style=font-family:lucida handwriting]Wolfgang[/style]\nAdmin')">Willkommen</div>

So sieht der eingefügte Foren-Code im Beitrag aus:

1
2
3
4
5
6
7
8
9
 
[welcome]
 
[b]Lieber User[/b]
Ich möchte Dich im Forum für Hilfe, Tricks & Tipps herzlich [b]willkommen[/b] heißen.
 
Viel Spass, Erfolg und gutes Gelingen
 
[style=font-family:lucida handwriting]Wolfgang[/style]
Admin
 

Bis dann und gutes Gelingen

Wolfgang

Kipper-Spedition, Gabriella, bienchen und Anne finden das Top!

Antworten

#5 | Fehlersuche: Ganze Textbausteine in der Iconbar als Dropdown datum

15.11.2023 22:43 (zuletzt bearbeitet: 16.11.2023 06:21)

Anne

Informationen anzeigen

Beitr�ge:	220
Registriert seit:	21.08.2021

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Nicht angegeben
Likes	79

Hallo Wolfgang

Es ist wirklich eine schöne Idee. Nur leider funktioniert es nicht.
Ich habe es genau so gemacht, wie in der Anleitung.
Zeile 16 - 20 das hier einfügen

1
 
<div onclick="xob_insert('[welcome]\n\n[b]Lieber User[/b]\nIch möchte Dich im Forum für Hilfe, Tricks & Tipps herzlich [b]willkommen[/b] heißen.\n\nViel Spass, Erfolg und gutes Gelingen\n\n[style=font-family:lucida handwriting]Wolfgang[/style]\nAdmin')">Willkommen</div>

Wenn man diesen Text schreibt und es nicht versemmelt, sieht das folgende so aus:

1
2
 
<div onclick="xob_insert('[Willkommen]\n\n[center]Hallo Liebe/Lieber [Hier kommt der Vorname rein.. danach ein Smilie!]\n\n [Freitext]\n\n[*Hat ihn/sie mal aus der Tiefkühlung geholt* ... wenn reserviert]\n\n[Gehen wir mal die Checkliste durch \n\nAvatar:  \n\nStory: \n\nAvatar: 
Story:  ... wenn etwas nicht passt, entfernen!]\n\n[Grüße!][/center]">Bewerbung</div>
 

Danach das ganze speichern.

Klickt man dann Bewerbung an, kommt kein Text.

Was habe ich hier falsch gemacht?

lg

Antworten

#6 | Fehlersuche: Ganze Textbausteine in der Iconbar als Dropdown datum

16.11.2023 06:20 (zuletzt bearbeitet: 16.11.2023 08:23)

Fehlersuche: Ganze Textbausteine in der Iconbar als Dropdown

Hallo Anne.

Das kann bei langen Skriptzeilen schnell passieren!
Wie ich geschrieben habe, alles muss in einer Reihe stehen!!!
Du hast einen Umbruch nach "Avatar" / "Story"!
Deswegen wird nichts eingefügt (siehe Zeile 2)!

Wolfgang

Antworten

#7 | RE: Fehlersuche: Ganze Textbausteine in der Iconbar als Dropdown datum

16.11.2023 09:06 (zuletzt bearbeitet: 16.11.2023 09:09)

Anne

Informationen anzeigen

Beitr�ge:	220
Registriert seit:	21.08.2021

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Nicht angegeben
Likes	79

Ich habe jetzt alles rausgenommen.

1
 
<div onclick="xob_insert('[Willkommen]Hallo Liebe..Lieber Hier kommt der Vorname rein.. danach ein Smilie!Freitext*Hat ihn/sie mal aus der Tiefk&#252;hlung geholt* ... wenn reserviertGehen wir mal die Checkliste durch Avatar: Story: Avatar: Story:  ... wenn etwas nicht passt,entfernen!Gr&#252;&#223;e!">Bewerbung</div>

Da kann man machen wie man will, wird nicht erstellt.

Nochmal bearbeitet weil noch ein / drin war

1
 
<div onclick="xob_insert('[Willkommen]Hallo Liebe..Lieber Hier kommt der Vorname rein.. danach ein Smilie!Freitext*Hat ihn sie mal aus der Tiefk&#252;hlung geholt* ... wenn reserviertGehen wir mal die Checkliste durch Avatar: Story: Avatar: Story:  ... wenn etwas nicht passt,entfernen!Gr&#252;&#223;e!">Bewerbung</div>

Auch dann nicht

Antworten

#8 | Fehlersuche: Ganze Textbausteine in der Iconbar als Dropdown datum

16.11.2023 22:15 (zuletzt bearbeitet: 16.11.2023 22:30)

Wolfgang

Administrator

Informationen anzeigen

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

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

Fehlersuche: Ganze Textbausteine in der Iconbar als Dropdown

Hallo Anne

Habe den Fehler, die Ursache gefunden!

Ich dachte erst, dass es am Komma (,), am Sternchen (*) oder am Schrägstrich (/) liegt, aber dem war nicht so!
Habe so einige Sonderzeichen durchprobiert ...!
Mitten im Text dürfen keine einfachen und doppelte Häkchen eingebaut werden, hier müssen die Satzzeichen als "Unicode" eingetragen werden!
z.B.: Häkchen oben (") -> "

Wie ich oben geschrieben habe, kommt der neue Text zwischen den einfachen 'Häkchen'.
Bei Dir fehlt das rechte Häkchen und die rechte schließende Klammer!
Dann sollte es gehen!

1
 
<div onclick="xob_insert('   ... ... ... ... ...   ')">Bewerbung</div>

1
 
<div onclick="xob_insert(' [Willkommen]\n\n[center]Hallo Liebe/Lieber [Hier kommt der Vorname rein.. danach ein Smilie!]\n\n [Freitext]\n\n[*Hat ihn/sie mal aus der Tiefkühlung geholt* ... wenn reserviert]\n\n[Gehen wir mal die Checkliste durch \n\nAvatar:  \n\nStory: \n\nAvatar: \n\nStory:  ... wenn etwas nicht passt, entfernen!]\n\n[Grüße!][/center] ')">Bewerbung</div>

Bis dann und gutes Gelingen!

Wolfgang

Anne und Gabriella finden das Top!

Antworten

#9 | RE: Fehlersuche: Ganze Textbausteine in der Iconbar als Dropdown datum

17.11.2023 00:56

Funktioniert.

Danke Wolfgang

Wolfgang findet das Top!

Antworten

#10 | RE: Fehlersuche: Ganze Textbausteine in der Iconbar als Dropdown datum

24.11.2023 13:58

Ich wollte nur kurz etwas anmerken, für alle, die sich schwer tun, längere Texte in den Code einzupflegen..

Ich habe es über den Quellcode gemacht. Bei uns waren die Texte schon über normale Textbausteine angelegt.
Mit Rechtsklick auf das dazugehörige Icon und anschließend auf Quelltext, wird einem der Text schon in richtiger Form angezeigt und kann kopiert werden.

Dort sind alle Sonderzeichen etc. in den Unicodes, was mir einiges erleichtert hat. Und man kommt nicht durcheinander, wenn man versucht es selbst zusammen zu fassen.
Also mir hatte das sehr geholfen!

Gabriella und ms_fanie finden das Top!

Antworten

Bilder links oder rechts einfügen � � Titelleisten überschreiben

Seite 1 von 2 � Seite 1 2 Seite �

�hnliche Themen

Antworten

Letzter Beitrag

Für die Iconbar: Smileys mit einstellbarer Größe!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

02.02.2020 15:37
von

Wolfgang • Zugriffe: 1038

Kleine Iconbar in der Bildergalerie!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang 0 30.01.2017 16:18
Wolfgang • Zugriffe: 1255
Iconbar fixieren - gut für lange Beiträge!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang 6 03.04.2020 18:58
Wolfgang • Zugriffe: 2201
Iconbar "Textbaustein"
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Julia Ady Eden 2 16.08.2015 02:02
Julia Ady Eden • Zugriffe: 827
Besonderheiten zur Xobor-Iconbar
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang 0 13.07.2015 15:58
Wolfgang • Zugriffe: 1864
"Zitat" für die neuen Iconbar erweitern und verbessern!
Erstellt im Forum Das neue Template Xobor (v6) von Wolfgang 11 27.02.2022 21:00
Daishi • Zugriffe: 3367
Schriftarten über die Iconbar verändern!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang 8 06.01.2022 18:27
Wolfgang • Zugriffe: 3154
Trennlinie für die Iconbar
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang 1 14.02.2016 01:56
Wolfgang • Zugriffe: 3199
DropDown Menü für die Iconbar - Mit "select"
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang 9 07.02.2024 12:42
Anne • Zugriffe: 14824

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 €

78%