Smileys in der Schnellantwort - Für alle Templates

20.11.2020 17:21 (zuletzt bearbeitet: 20.11.2020 17:24)
#1 Smileys in der Schnellantwort - Für alle Templates
avatar
Mitglied

Hallo,
so schön und zackig die Schnellantwort in Beiträgen auch ist, so könnte hier und da mal einige Smileys mit hinzu kommen.
Die Idee ist nicht neu und findet immer wieder Interesse!
Habe etwas ausprobiert und für alle Templates hinbekommen, auch fürs neue Xobor (v6).
Das kleine Menü wird über ein Smiley oder Icon in der Titelleiste aufgerufen!
Das Template wird nicht verändert!




  • Das Skript und der CSS-Eintrag am besten als PIugin im "topic_footer" unter "Admin > Plugins > Plugin-Entwicklung > NEUE Plugin Elemente > Neues Element erstellen > Template Element > topic_footer" unterbringen!
  • Soll das Skript in die "Fußzeile" (Admin > Layout > Kopf- & Fußzeile > Fußzeile), müssen die Variablen in Zeile 8+13, 16+21, 24+29 und der nicht benötige CSS-Eintrag Zeile 9+12, 17+20 oder 25+28 entfernt werden !
  • Die neuen Smileys im Skript müssen in der "Iconbar" (Admin > Layout > Iconbar) noch unter "Neuen Smileys anlegen" angelegt werden!
  • In Zeile 39+74 sind die Auslöse-Smileys und Icons zu finden!
  • In Zeile 42-66 können die Smileys, in Zeile 77-80 die kleinen Formatierungen, beliebig ausgetauscht werden!
  • Sind nur Smileys gewünscht, müssen die Zeilen 72-85 gelöscht werden!

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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
 
<style>
.iconbar_main div {float:left;}
#tab_smilies, #tab_format {display: none; position: absolute;left:-10px; background-color: #ffffff; padding:5px;border:1px solid #777777;border-radius:5px;}
.iconbar_pos {position:absolute;z-index:999999;}
.iconbar_min {position:absolute;z-index:999999;}

/* Business Template (v4) */
{{template==144.start}}
#tab_smilies {width:320px; top:-102px;}
#tab_format {width:130px; top:-37px;}
.iconbar_pos {margin:4px 0 0 180px;}
.iconbar_min {margin:5px 0 0 210px;}
{{template==144.end}}

/* Gaja (v3) */
{{template==111.start}}
#tab_smilies {width:320px; top:-111px;}
#tab_format {width:130px; top:-39px;}
.iconbar_pos {margin:4px 0 0 220px;}
.iconbar_min {margin:5px 0 0 250px;}
{{template==111.end}}
 
/* ProSilver, Standard Template (v1-2) */
{{template==110|1.start}}
#tab_smilies {width:320px; top:-111px;}
#tab_format {width:130px; top:-39px;}
.iconbar_pos {margin:4px 0 0 180px;}
.iconbar_min {margin:5px 0 0 210px;}
{{template==110|1.end}}
</style>
 
<script type="text/javascript">miranus_add_iconbar_textarea('messagetext')</script>
<script>
function hide_tab(tab){document.getElementById(tab).style.display = 'none';}
function show_tab(tab){document.getElementById(tab).style.display = 'block';}

$('#quickreply').before('<div class="iconbar_main" style="display: inline;"> \
<div class="iconbar_pos" onmouseout="hide_tab(\'tab_smilies\')" onmouseover="show_tab(\'tab_smilies\');this.style.cursor=\'pointer\';"> \
<img src="https://files.homepagemodules.de/b214495/bhnetfiles-1tys-rb-1689.png" alt="[smile]" border=0 title="Smileys" width="21" height="21"> \
<div id="tab_smilies"> \

<div style="padding:3px;"><A HREF="javascript:returnTag(\'[smile]\');"><img title="smile einfügen" border="0" src="https://files.homepagemodules.de/b214495/bhnetfiles-jrax-1j-a684.png" alt="smile"></a></div> \
<div style="padding:3px;"><A HREF="javascript:returnTag(\'[zunge]\');"><img title="zunge einfügen" border="0" src="https://files.homepagemodules.de/b214495/bhnetfiles-jrax-12-a5bf.png" alt="zunge"></a></div> \
<div style="padding:3px;"><A HREF="javascript:returnTag(\'[wink]\');"><img title="wink einfügen" border="0" src="https://files.homepagemodules.de/b214495/bhnetfiles-jrax-13-a577.png" alt="wink"></a></div> \
<div style="padding:3px;"><A HREF="javascript:returnTag(\'[grin]\');"><img title="grin einfügen" border="0" src="https://files.homepagemodules.de/b214495/bhnetfiles-jrax-m-b6d7.png" alt="grin"></a></div> \
<div style="padding:3px;"><A HREF="javascript:returnTag(\'[spook]\');"><img title="spook einfügen" border="0" src="https://files.homepagemodules.de/b214495/bhnetfiles-jrax-w-6364.png" alt="spook"></a></div> \
<div style="padding:3px;"><A HREF="javascript:returnTag(\'[hmm]\');"><img title="hmm einfügen" border="0" src="https://files.homepagemodules.de/b214495/bhnetfiles-jrax-v-c16a.png" alt="hmm"></a></div> \
<div style="padding:3px;"><A HREF="javascript:returnTag(\'[shocked]\');"><img title="shocked einfügen" border="0" src="https://files.homepagemodules.de/b214495/bhnetfiles-jrax-w-6364.png" alt="shocked"></a></div> \
<div style="padding:3px;"><A HREF="javascript:returnTag(\'[rose]\');"><img title="rose einfügen" border="0" src="https://files.homepagemodules.de/b214495/bhnetfiles-jrax-t-6ea9.png" alt="rose"></a></div> \
<div style="padding:3px;"><A HREF="javascript:returnTag(\'[devil]\');"><img title="devil einfügen" border="0" src="https://files.homepagemodules.de/b214495/bhnetfiles-jrax-k-98f1.png" alt="devil"></a></div> \
<div style="padding:3px;"><A HREF="javascript:returnTag(\'[sick]\');"><img title="sick einfügen" border="0" src="https://files.homepagemodules.de/b214495/bhnetfiles-jrax-1i-d82c.png" alt="sick"></a></div> \
<div style="padding:3px;"><A HREF="javascript:returnTag(\'[heart]\');"><img title="heart einfügen" border="0" src="https://files.homepagemodules.de/b214495/bhnetfiles-jrax-o-1ff1.png" alt="heart"></a></div> \
<div style="padding:3px;"><A HREF="javascript:returnTag(\'[blush]\');"><img title="blush einfügen" border="0" src="https://files.homepagemodules.de/b214495/bhnetfiles-jrax-l-3c59.png" alt="blush"></a></div> \
<div style="padding:3px;"><A HREF="javascript:returnTag(\'[mad]\');"><img title="mad einfügen" border="0" src="https://files.homepagemodules.de/b214495/bhnetfiles-jrax-19-f717.png" alt="mad"></a></div> \
<div style="padding:3px;"><A HREF="javascript:returnTag(\'[sad]\');"><img title="sad einfügen" border="0" src="https://files.homepagemodules.de/b214495/bhnetfiles-jrax-1h-9a11.png" alt="sad"></a></div> \
<div style="padding:3px;"><A HREF="javascript:returnTag(\'[frown]\');"><img title="frown einfügen" border="0" src="https://files.homepagemodules.de/b214495/bhnetfiles-jrax-1l-9f61.png" alt="frown"></a></div> \
<div style="padding:3px;"><A HREF="javascript:returnTag(\'[laugh]\');"><img title="laugh einfügen" border="0" src="https://files.homepagemodules.de/b214495/bhnetfiles-jrax-p-8e29.png" alt="laugh"></a></div> \
<div style="padding:3px;"><A HREF="javascript:returnTag(\'[cool]\');"><img title="cool einfügen" border="0" src="https://files.homepagemodules.de/b214495/bhnetfiles-jrax-1a-6c83.png" alt="cool"></a></div> \
<div style="padding:3px;"><A HREF="javascript:returnTag(\'[nerd]\');"><img title="nerd einfügen" border="0" src="https://files.homepagemodules.de/b214495/bhnetfiles-jrax-1b-d9d4.png" alt="nerd"></a></div> \
<div style="padding:3px;"><A HREF="javascript:returnTag(\'[clap]\');"><img title="clap einfügen" border="0" src="https://files.homepagemodules.de/b214495/bhnetfiles-jrax-g-c74d.png" alt="clap"></a></div> \
<div style="padding:3px;"><A HREF="javascript:returnTag(\'[kiss]\');"><img title="kiss einfügen" border="0" src="https://files.homepagemodules.de/b214495/bhnetfiles-jrax-1c-67c6.png" alt="kiss"></a></div> \
<div style="padding:3px;"><A HREF="javascript:returnTag(\'[top]\');"><img title="top einfügen" border="0" src="https://files.homepagemodules.de/b214495/bhnetfiles-jrax-n-3769.png" alt="top"></a></div> \
<div style="padding:3px;"><A HREF="javascript:returnTag(\'[flop]\');"><img title="flop einfügen" border="0" src="https://files.homepagemodules.de/b214495/bhnetfiles-jrax-15-d645.png" alt="flop"></a></div> \
<div style="padding:3px;"><A HREF="javascript:returnTag(\'[engel]\');"><img title="engel einfügen" border="0" src="https://files.homepagemodules.de/b214495/bhnetfiles-jrax-14-d67d.png" alt="engel"></a></div> \
<div style="padding:3px;"><A HREF="javascript:returnTag(\'[idee]\');"><img title="idee einfügen" border="0" src="https://files.homepagemodules.de/b214495/bhnetfiles-jrax-1d-642e.png" alt="idee"></a></div> \
<div style="padding:3px;"><A HREF="javascript:returnTag(\'[smokin]\');"><img title="smokin einfügen" border="0" src="https://files.homepagemodules.de/b214495/bhnetfiles-jrax-x-182b.png" alt="smokin"></a></div> \
</div> \
</div> \
<div style="clear:both"></div> \
</div> \

<div class="iconbar_main" style="display: inline;"> \
<div class="iconbar_min" onMouseOut="hide_tab(\'tab_format\')" onmouseover="show_tab(\'tab_format\');this.style.cursor=\'pointer\';"> \
<img src="https://files.homepagemodules.de/b214495/bhnetfiles-kr03-13-a577.png" alt="" border=0 width="17" height="17"> \
<div id="tab_format"> \

<div style="padding:3px;"><a title="Fett" href="javascript:insert(\'[b]\',\'[/b]\')"><img border="0" src="https://img.homepagemodules.de/ds/static/gaia/bold.png"></a></div> \
<div style="padding:3px;"><a title="Kursiv" href="javascript:insert(\'[i]\',\'[/i]\')"><img border="0" src="https://img.homepagemodules.de/ds/static/gaia/italic.png"></a></div> \
<div style="padding:3px;"><a title="Unterstreichen" href="javascript:insert(\'[u]\',\'[/u]\')"><img border="0" src="https://img.homepagemodules.de/ds/static/gaia/underline.png"></a></div> \
<div style="padding:3px;"><a title="Zitat" href="javascript:insert(\'[quote="Name"]\',\'[/quote]\')"><img border="0" src="https://img.homepagemodules.de/ds/static/gaia/quote.png"></a></div> \

</div> \
</div> \
<div style="clear:both"></div> \
</div> \
');
</script>
 




Wer Interesse hat, ausprobieren und testen möchte, mehr hier: Smileys in der Schnellantwort - Für alle Templates

Nochmal besten Dank an "Bienchen" für die Inspiration!
Wolfgang

07.02.2021 11:01
#2 RE: Smileys in der Schnellantwort - Für alle Templates
St
Mitglied

Hallo Wolfgang,

ich bin eigentlich kein Fan von Smileys, aber wenn Frauen etwas gern wollen, kann man ja schlecht nein sagen. Irgendwie habe ich Probleme, Dein "Plugin" zum laufen zu bekommen. Wir haben das Business-Template 4

"Das Skript und der CSS-Eintrag am besten als PIugin im "topic_footer" unterbringen!" - erledigt. Es zeigt mir dann auch auf der Plugin-Seite unten das erstellte Plugin an...

Leider verstehe ich nicht, was mit folgendem gemeint ist:

"Die neuen Smileys im Skript müssen in der "Iconbar" (Admin > Layout > Iconbar) noch unter "Neuen Smileys anlegen" angelegt werden!"

Bitte hab Verständnis für meine Fragen, aber was Foren, etc betrifft, so bin ich noch nicht lange dabei.

Ich wünsche einen schönen Sonntag

Liebe Grüße


 Antworten

 Beitrag melden
07.02.2021 14:02 (zuletzt bearbeitet: 07.02.2021 14:03)
#3 RE: Smileys in der Schnellantwort - Für alle Templates
avatar
Mitglied

Hallo Stolzes Herz,
was genau funktioniert nichts?

  • Werden die Smiley-Codes denn in den Beitrag eingefügt und keine Smileys angezeigt?
  • Oder passiert gar nicht?
  • Hast Du in der "Plugin-Entwicklung" unter "Unterstützte Templates" auch "Business template (144)" angeklickt?


Zur zweiten Frage:
Die verwendeten Smileys sind neue Smiles, d.h. dass die Foren-Codes hierfür noch nicht hinterlegt sind.
Unter "Admin > Iconbar > Iconbar bearbeiten > ganz rechts - Smiles" kannst Du die Smileys ändern!

Zum Beispiel:

Alt:
https://img.homepagemodules.de/smile.gif
[smile]

Neu:
https:https://files.homepagemodules.de/b214495/bhnetfiles-jrax-1j-a684.png
[smile]

Ganz Neu / class="xsmile" konfigurieren:
https://img.homepagemodules.de/ds/static/smileys/v2/smile.svg
[smile]

Gruß
Wolfgang

07.02.2021 21:57 (zuletzt bearbeitet: 07.02.2021 21:57)
#4 RE: Smileys in der Schnellantwort - Für alle Templates
St
Mitglied

Guten Abend Wolfgang,

vielen Dank erstmal für die schnelle Antwort. Ich glaube, ich habe den Fehler gefunden...


Ich finde hier in diesem Bereich diesen "topic_footer" nicht. Wo genau muss man da drauf?
Auch Deinen Tipp mit dem Business-Template auswählen, habe ich beim ersten Versuch falsch gemacht.

Danke für Deine Hilfe und Zeit


 Antworten

 Beitrag melden
08.02.2021 19:12 (zuletzt bearbeitet: 08.02.2021 19:15)
#5 RE: Smileys in der Schnellantwort - Für alle Templates
avatar
Mitglied

Plugin "topic_footer":

1. "Admin > Plugins > Plugin Entwicklung > NEUE Plugin Elemente > NEUE Plugin Elemente > Template Element" aufrufen
2. Unter "Template", "Thread-Flat" auswählen
3. "footer" anklicken
4. Unter "Template-Name" wird dann "topic_footer" angezeigt
5. "Hinzufügen" anklicken, fertig!

Bis dann
Wolfgang

08.02.2021 19:44
#6 RE: Smileys in der Schnellantwort - Für alle Templates
St
Mitglied

Hab vielen Dank für die "Anleitung für Bekloppte" - also mich^^

Alles funktioniert.

Kann man denn anhand

<div style="padding:3px;"><A HREF="javascript:returnTag(\'\');"><img title="smokin einfügen" border="0" src="https://files.homepagemodules.de/b214495/bhnetfiles-jrax-x-182b.png" alt="smokin"></a></div> \

dieser Codes auch weitere Smileys selbst einfügen? Oder ist das nicht machbar?


 Antworten

 Beitrag melden
10.02.2021 16:41 (zuletzt bearbeitet: 10.02.2021 16:48)
#7 RE: Smileys in der Schnellantwort - Für alle Templates
avatar
Mitglied

Hallo Stolzes Herz,
wichtig ist diese Zeile, die wird vervielfacht.
Dann lassen sich beliebig viele und andere Smileys verwenden!

1
 
<div style="padding:3px;"><A HREF="javascript:returnTag(\'[smokin]\');"><img title="smokin einfügen" border="0" src="https://files.homepagemodules.de/b214495/bhnetfiles-jrax-x-182b.png" alt="smokin"></a></div> \
 



Hier musst Du den Tooltipp "title=...", die Smiley-Adresse "src=..." und den alt-Tag "alt=..." austauschen!
Wichtig ist, wie schon erwähnt, der Foren-Code für die Smileys [eckige Klammer].
Den musst Du neu anlegen und austauschen hier "[smokin]".




Gruß
Wolfgang

10.02.2021 17:30
#8 RE: Smileys in der Schnellantwort - Für alle Templates
St
Mitglied

Du bist Gold wert,

hab dank für die ganzen infos. Beim ersten Smiley hat es geklappt, also steht den restlichen 3en nix im Weg.

Ich wünsche Dir einen schönen Abend


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!