#1 Smileys für Themen-Markierungen einfügen und bearbeiten! - Teil 1+2 von Wolfgang 26.12.2015 03:58

avatar

Smileys für Themen-Markierungen einfügen! - Teil 1
Aktualisiert 23.12.19



Die Idee Smileys für Themen-Markierungen zu setzen ist nicht neu. Sie war als erstes im Standart-Template verfügbar.
Auch gibt es hierzu ein Plugin von Olaf.




Im Business-Template ist eine direkte Themen-Markierung für Mod's und Admin's schon länger vorhanden . Hier ist es möglich einen Text wie, "Achtung!", "Wichtig!", "Verschoben!" oder andere Texte in jedem neuen Thema oder Beitrag (antworten) einzutragen.
Man kann auch ein Smiley im HTML-Format einfügen! Etwas umständlich allerdings!


Themen-Markierung für Mitglieder, Moderatoren und Administratoren:

Installation 1:
Mit der Installation 1 ist es möglich für Mitglieder, Moderatoren und Administratoren über ein Smiley-Menü, Smileys für die Themen-Markierung mit einem Klick einzufügen.
Gesetzte Smileys können nachträglich nur von den Moderatoren und den Admin's geändert werden!
Die Optionen"Als erstes Thema (Sticky)", die "Sortierung" oder "Themen schließen" stehen nur für die Admin's und Mod's zur Verfügung!

Installation 2:
Mit der Installation 2 wird den Mitgliedern die Berechtigung entzogen Themen-Smileys einzufügen!
Es ist dann nur den Moderatoren und den Admin's möglich Themen-Smileys zu setzen und auszutauschen!
Die Optionen"Als erstes Thema (Sticky)", die "Sortierung" oder "Themen schließen" stehen auch hier nur für die Admin's und Mod's zur Verfügung!



Themen-Markierung für Moderatoren und Administratoren


Themen-Markierung für Mitglieder


Aufgeklappte Smileybar




Installation (Business Template)


Einbau:

  • Wichtig! das Template wird nicht verändert, funktioniert gut in aktuellen Browsern!
  • Folgendes Skript als Plugin in den "new_message_footer" kopieren!
  • Da im Skript "Variablen" genutzt werden, funktioniert es nicht in der "Fußzeile"!

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
 
{{user_registered==true.start}}
 
<style type="text/css">
.iconbar_main div {float:left;padding:3px;display: inline;z-index:999;}
#tab_smilies3 {display: none; position: fixed !important; left:15%; top:30%;background-color: white; padding:5px; width:320px; border:1px solid #777777;border-radius:5px;}
#whatmark3 {position:absolute;padding:10px;margin-top:0px;z-index:999;cursor:pointer;}
#dotopicmark_v {max-width:550px !important;}
</style>
 
<div class="iconbar_main">
<div id="tab_smilies3">
 
<div><a href="javascript:insert_smile ('<img src=&quot;https://files.homepagemodules.de/b104774/f46t1197p2704n86_HDMbKYXT.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n86_HDMbKYXT.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n87_EDKokYWX.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n87_EDKokYWX.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n91_jiKBPHRJ.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n91_jiKBPHRJ.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n101_MLuJfrWQ.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n101_MLuJfrWQ.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n108_LonWwZgP.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n108_LonWwZgP.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n107_jQEyawDX.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n107_jQEyawDX.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n106_YuWMzNSE.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n106_YuWMzNSE.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n99_tuHcDCwx.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n99_tuHcDCwx.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n113_ZhElaeob.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n113_ZhElaeob.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n103_MQwRkOzp.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n103_MQwRkOzp.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n100_hKLVAYtc.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n100_hKLVAYtc.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n97_nFJcQKIm.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n97_nFJcQKIm.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n112_APmUqsVz.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n112_APmUqsVz.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n115_OVveJoiF.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n115_OVveJoiF.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n105_rnJAEwGi.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n105_rnJAEwGi.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n93_UPVAbctf.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n93_UPVAbctf.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n104_sSdBCTri.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n104_sSdBCTri.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n98_JageTcOz.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n98_JageTcOz.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n110_LTMQbswP.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n110_LTMQbswP.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n65_oykVaRlx.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n65_oykVaRlx.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n96_TlxtKGHg.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n96_TlxtKGHg.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n95_eWEGlgxU.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n95_eWEGlgxU.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n85_WzKkmfVL.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n85_WzKkmfVL.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n109_PhzrRIYC.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n109_PhzrRIYC.png"></a></div>
</div>
<div style="clear:both"></div>
 
</div>
 
<script type="text/javascript">
 

{{mod_topic_mark==false.start}}
 
$('.articleoptions').after('<div class="clear"></div><div style="display:none;"><input id="dotopicmark_h" type="hidden" name="do_topic_mark" value=""></div>');
 
if( $(".box:nth-child(2").length < 1) {
$('.box').after('<div class="box" id="ModAdminWindow"><div class="boxheader">Themen-Markierung auswählen und einfügen!</div><div class="boxcontent"><div class="spacer10">Markierung: <label><input id="dotopicmark_v" onkeyup="syncModOptions();" style="max-width:10%; margin-top:10px;" value="{{do_topic_mark}}" type="text" /></label><br/></div></div></div>');
};
 
function syncModOptions() {
$('#dotopicmark_h').val($('#dotopicmark_v').val());
}
$( document ).ready(function() {
syncModOptions();
});
 
{{mod_topic_mark==false.end}}
 
$('#dotopicmark_v').after('<span id="whatmark3"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n86_HDMbKYXT.png"></span>');
 
function insert_smile(smile_mark) {
var input = $('#dotopicmark_v').val(smile_mark);
input.focus();
syncModOptions();
};

$('#whatmark3 img').click(function(){
$('#tab_smilies3').toggle(300);
}).attr({'title':'Themen-Smiley auswählen!'});

$('#tab_smilies3 img').click(function(){
$('#tab_smilies3').hide(300);
}).attr({'title':'Themen-Smiley einfügen!'});
 
</script>
 
{{user_registered==true.end}}
 




Oder...

Einbau:

  • Einbau im Template Element "Neuen Beitrag schreiben"!
  • "Admin > Template Entwicklung > [edit] > Neuen Beitrag schreiben" öffnen.
  • Folgende zwei Skripte ersetzen die Zeilen von {{mod_topic==true.start}} bis {{mod_topic==true.end}}!


Zeile 1 - 14:

  • Alle Zeilen (1 - 14) von {{mod_topic==true.start}} bis {{mod_topic==true.end}} im Template Element suchen, dann löschen und mit den folgenden Zeilen 1 - 18 ersetzen!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
{{mod_topic==true.start}} 
<div style="display:none;">
{{mod_topic_sticky==true.start}}
<input id="dotopicsticky_h" type="hidden" name="do_topic_sticky" value="" />
<input id="topicstickysort_h" type="hidden" name="headersort" value="" />
{{mod_topic_sticky==true.end}}
 
* * *
 
{{mod_topic_mark==true.start}}
<input id="dotopicmark_h" type="hidden" name="do_topic_mark" value="" />
{{mod_topic_mark==true.end}}
</div>
{{mod_topic==true.end}}
 


Ersetzen mit:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
{{user_registered==true.start}}
<div style="display:none;">
 
{{mod_topic==true.start}}
{{mod_topic_sticky==true.start}}
<input id="dotopicsticky_h" type="hidden" name="do_topic_sticky" value="" />
<input id="topicstickysort_h" type="hidden" name="headersort" value="" />
{{mod_topic_sticky==true.end}}
 
{{mod_topic_close==true.start}}
<input id="dotopicclose_h" type="hidden" name="do_topic_close" value="" />
{{mod_topic_close==true.end}}
{{mod_topic==true.end}}
 
<input id="dotopicmark_h" type="hidden" name="do_topic_mark" value="" />
 
</div>
{{user_registered==true.end}}
 





Zeile 1 - 15:

  • Alle Zeilen (1 - 15) von {{mod_topic==true.start}} bis {{mod_topic==true.end}} im Template Element suchen, dann löschen und mit den folgenden Zeilen 1 - 103 ersetzen!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
{{mod_topic==true.start}} 
<script>
function syncModOptions() {
if ($('#dotopicsticky_v').is(':checked')) {
$('#dotopicsticky_h').val('1');
$('#topicstickysort_h').val($('#topicstickysort_v').val());
 
* * *
 
{{mod_topic_mark==true.start}}
Markierung: <label><input id="dotopicmark_v" onkeyup="syncModOptions();" style=" max-width:10%; margin-top:10px;" value="{{do_topic_mark}}" type="text" /></label><br/>
{{mod_topic_mark==true.end}}
</div>
</div>
</div>
 


Ersetzen mit:

  • In Zeile 66 kann der Abstand der Smileys untereinander über "padding" geändert werden, zusätzlich die Position und das Aussehen der Smileybar!

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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
 
{{user_registered==true.start}}
 
<script>
function syncModOptions() {
if ($('#dotopicsticky_v').is(':checked')) {
$('#dotopicsticky_h').val('1');
$('#topicstickysort_h').val($('#topicstickysort_v').val());
 
} else {
$('#dotopicsticky_h').val('0');
$('#topicstickysort_h').val('0');
}
if ($('#dotopicclose_v').is(':checked')) {
$('#dotopicclose_h').val('1');
} else {
$('#dotopicclose_h').val('0');
}
 
$('#dotopicmark_h').val($('#dotopicmark_v').val());
}
 
$( document ).ready(function() {
syncModOptions();
});
 
function insert_smile(smile_mark) {
var input = document.forms['modtopicmark'].elements['dotopicmark_v'];
input.focus();
input.value = smile_mark;
};
 
function hide_tab(tab){
document.getElementById(tab).style.display = 'none';
}
function show_tab(tab){
document.getElementById(tab).style.display = 'block';
}
</script>
 
<style type="text/css">.iconbar_main div{float:left;padding:3px;}</style>
 
{{tick(new_message_footer)}}
 
<div class="box" id="ModAdminWindow">
<div class="boxheader">{{mod_topic==true.start}}Überblick für Moderatoren und Administratoren{{mod_topic==true.else}}Themen-Markierung einfügen oder bearbeiten!{{mod_topic==true.end}}</div>
<div class="boxcontent">
<div class="spacer10">
 
{{mod_topic==true.start}}
{{mod_topic_sticky==true.start}}
<label ><input id="dotopicsticky_v" onclick="syncModOptions();" type="checkbox" value="1" class="checkbox" {{do_topic_sticky==true.start}}checked="checked"{{do_topic_sticky==true.end}} /> Als erstes Thema (Sticky)</label> <br/><br/>
<small>Geben Sie hier einen Wert von 0-255 ein, um die Sortierung bei mehreren angepinnten Themen vorzugeben.<br/>Themen mit hohen Werten erscheinen weiter oben</small> <input type="text" onkeyup="syncModOptions();" name="headersort" id="topicstickysort_v" value="{{headersort}}"class="form-control" size="5" /><br/><br/>
{{mod_topic_sticky==true.end}}
 
{{mod_topic_close==true.start}}
<label><input id="dotopicclose_v" onclick="syncModOptions();" type="checkbox" value="1" class="checkbox" {{do_topic_close==true.start}}checked="checked"{{do_topic_close==true.end}}/> Thema schließen</label><br/>
{{mod_topic_close==true.end}}
{{mod_topic==true.end}}
 
<form name="modtopicmark" action="">
Themen-Markierung: <label><input id="dotopicmark_v" onkeyup="syncModOptions();" style="text-align:center;width: 40%; margin-top:15px;font-size:small;" value="{{do_topic_mark}}" type="text" /></label>
 
<div class="iconbar_main" style="display: inline;">
<span style="position:absolute;padding:10px;z-index:300;" onMouseOut="hide_tab('tab_smilies')" onmouseover="show_tab('tab_smilies');this.style.cursor='pointer';">
<img title="Themen-Smiley auswählen" src="//files.homepagemodules.de/b104774/f46t1197p2704n86_HDMbKYXT.png" width="32px">
<div id="tab_smilies" style="display: none; position: absolute; left:-250px; margin-top:-132px;background-color: white; padding:3px; width:310px; border:1px solid #777777;border-radius:5px;">
 
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n86_HDMbKYXT.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n86_HDMbKYXT.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n87_EDKokYWX.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n87_EDKokYWX.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n91_jiKBPHRJ.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n91_jiKBPHRJ.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n101_MLuJfrWQ.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n101_MLuJfrWQ.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n108_LonWwZgP.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n108_LonWwZgP.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n107_jQEyawDX.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n107_jQEyawDX.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n106_YuWMzNSE.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n106_YuWMzNSE.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n99_tuHcDCwx.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n99_tuHcDCwx.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n113_ZhElaeob.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n113_ZhElaeob.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n103_MQwRkOzp.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n103_MQwRkOzp.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n100_hKLVAYtc.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n100_hKLVAYtc.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n97_nFJcQKIm.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n97_nFJcQKIm.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n112_APmUqsVz.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n112_APmUqsVz.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n115_OVveJoiF.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n115_OVveJoiF.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n105_rnJAEwGi.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n105_rnJAEwGi.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n93_UPVAbctf.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n93_UPVAbctf.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n104_sSdBCTri.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n104_sSdBCTri.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n98_JageTcOz.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n98_JageTcOz.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n110_LTMQbswP.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n110_LTMQbswP.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n65_oykVaRlx.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n65_oykVaRlx.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n96_TlxtKGHg.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n96_TlxtKGHg.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n95_eWEGlgxU.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n95_eWEGlgxU.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n85_WzKkmfVL.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n85_WzKkmfVL.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n109_PhzrRIYC.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n109_PhzrRIYC.png"></a></div>
</div>
<div style="clear:both"></div>
 
</span>
</div>
 
</form>
</div>
</div>
</div>
 
{{user_registered==true.end}}
 








Einbau:

  • Wichtig! das Template wird nicht verändert, funktioniert gut in aktuellen Browsern!
  • Folgendes Skript als Plugin in den "new_message_footer" kopieren!
  • Da im Skript "Variablen" genutzt werden, funktioniert es nicht in der "Fußzeile"!

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
 
{{mod_topic_mark==true.start}}
 
<style type="text/css">
.iconbar_main div {float:left;padding:3px;display: inline;z-index:999;}
#tab_smilies3 {display: none; position: fixed !important; left:15%; top:30%;background-color: white; padding:5px; width:320px; border:1px solid #777777;border-radius:5px;}
#whatmark3 {position:absolute;padding:10px;margin-top:0px;z-index:999;cursor:pointer;}
#dotopicmark_v {max-width:550px !important;}
</style>
 
<div class="iconbar_main">
<div id="tab_smilies3">
 
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n86_HDMbKYXT.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n86_HDMbKYXT.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n87_EDKokYWX.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n87_EDKokYWX.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n91_jiKBPHRJ.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n91_jiKBPHRJ.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n101_MLuJfrWQ.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n101_MLuJfrWQ.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n108_LonWwZgP.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n108_LonWwZgP.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n107_jQEyawDX.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n107_jQEyawDX.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n106_YuWMzNSE.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n106_YuWMzNSE.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n99_tuHcDCwx.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n99_tuHcDCwx.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n113_ZhElaeob.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n113_ZhElaeob.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n103_MQwRkOzp.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n103_MQwRkOzp.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n100_hKLVAYtc.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n100_hKLVAYtc.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n97_nFJcQKIm.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n97_nFJcQKIm.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n112_APmUqsVz.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n112_APmUqsVz.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n115_OVveJoiF.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n115_OVveJoiF.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n105_rnJAEwGi.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n105_rnJAEwGi.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n93_UPVAbctf.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n93_UPVAbctf.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n104_sSdBCTri.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n104_sSdBCTri.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n98_JageTcOz.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n98_JageTcOz.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n110_LTMQbswP.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n110_LTMQbswP.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n65_oykVaRlx.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n65_oykVaRlx.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n96_TlxtKGHg.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n96_TlxtKGHg.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n95_eWEGlgxU.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n95_eWEGlgxU.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n85_WzKkmfVL.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n85_WzKkmfVL.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n109_PhzrRIYC.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n109_PhzrRIYC.png"></a></div>
</div>
<div style="clear:both"></div>
 
</div>
 
<script type="text/javascript">
$('#dotopicmark_v').after('<span id="whatmark3"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n86_HDMbKYXT.png"></span>')
function insert_smile(smile_mark) {
var input = $('#dotopicmark_v').val(smile_mark);
input.focus();
};
 
$('#whatmark3 img').click(function(){
$('#tab_smilies3').toggle(300);
}).attr({'title':'Themen-Smiley auswählen!'});
 
$('#tab_smilies3 img').click(function(){
$('#tab_smilies3').hide(300);
}).attr({'title':'Themen-Smiley einfügen!'});
</script>
 
{{mod_topic_mark==true.end}}
 




Oder...

Einbau:

  • Einbau im Template Element "Neuen Beitrag schreiben"!
  • "Admin > Template Entwicklung > [edit] > Beitrag bearbeiten - Neuen Beitrag schreiben" öffnen.
  • Folgendes Skript ersetzt die Zeilen zwischen {{mod_topic==true.start}} und {{mod_topic==true.end}} ersetzen!


Zeile 1 - 16:

  • Alle Zeilen (1 - 16) von {{mod_topic==true.start}} bis {{mod_topic==true.end}} im Template Element suchen, dann löschen und mit den folgenden Zeilen 1 - 103 ersetzen!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
{{mod_topic==true.start}} 
<script>
function syncModOptions() {
if ($('#dotopicsticky_v').is(':checked')) {
$('#dotopicsticky_h').val('1');
$('#topicstickysort_h').val($('#topicstickysort_v').val());
 
* * *
 
{{mod_topic_mark==true.start}}
Markierung: <label><input id="dotopicmark_v" onkeyup="syncModOptions();" style=" max-width:10%; margin-top:10px;" value="{{do_topic_mark}}" type="text" /></label><br/>
{{mod_topic_mark==true.end}}
</div>
</div>
</div>
{{mod_topic==true.end}}
 


Ersetzen mit:

  • In Zeile 66 kann der Abstand der Smileys untereinander über "padding" geändert werden, zusätzlich die Position und das Aussehen der Smileybar!

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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
 
{{mod_topic==true.start}}
 
<script>
function syncModOptions() {
if ($('#dotopicsticky_v').is(':checked')) {
$('#dotopicsticky_h').val('1');
$('#topicstickysort_h').val($('#topicstickysort_v').val());
 
} else {
$('#dotopicsticky_h').val('0');
$('#topicstickysort_h').val('0');
}
if ($('#dotopicclose_v').is(':checked')) {
$('#dotopicclose_h').val('1');
} else {
$('#dotopicclose_h').val('0');
}
 
$('#dotopicmark_h').val($('#dotopicmark_v').val());
}
 
$( document ).ready(function() {
syncModOptions();
});
 
function insert_smile(smile_mark) {
var input = document.forms['modtopicmark'].elements['dotopicmark_v'];
input.focus();
input.value = smile_mark;
};
 
function hide_tab(tab){
document.getElementById(tab).style.display = 'none';
}
function show_tab(tab){
document.getElementById(tab).style.display = 'block';
}
</script>
 
<style type="text/css">.iconbar_main div{float:left;padding:3px;}</style>
 
{{tick(new_message_footer)}}
 
<div class="box" id="ModAdminWindow">
<div class="boxheader">{{mod_topic==true.start}}Überblick für Moderatoren und Administratoren{{mod_topic==true.else}}Themen-Markierung einfügen oder bearbeiten!{{mod_topic==true.end}}</div>
<div class="boxcontent">
<div class="spacer10">
 
{{mod_topic_sticky==true.start}}
<label ><input id="dotopicsticky_v" onclick="syncModOptions();" type="checkbox" value="1" class="checkbox" {{do_topic_sticky==true.start}}checked="checked"{{do_topic_sticky==true.end}} /> Als erstes Thema (Sticky)</label> <br/><br/>
<small>Geben Sie hier einen Wert von 0-255 ein, um die Sortierung bei mehreren angepinnten Themen vorzugeben.<br/>Themen mit hohen Werten erscheinen weiter oben</small> <input type="text" onkeyup="syncModOptions();" name="headersort" id="topicstickysort_v" value="{{headersort}}"class="form-control" size="5" /><br/><br/>
{{mod_topic_sticky==true.end}}
 
{{mod_topic_close==true.start}}
<label><input id="dotopicclose_v" onclick="syncModOptions();" type="checkbox" value="1" class="checkbox" {{do_topic_close==true.start}}checked="checked"{{do_topic_close==true.end}}/> Thema schließen</label><br/>
{{mod_topic_close==true.end}}
 
{{mod_topic_mark==true.start}}
<form name="modtopicmark" action="">
Themen-Markierung: <label><input id="dotopicmark_v" onkeyup="syncModOptions();" style="text-align:center;width: 40%; margin-top:15px;font-size:small;" value="{{do_topic_mark}}" type="text" /></label>
 

<div class="iconbar_main" style="display: inline;">
<span style="position:absolute;padding:10px;z-index:300;" onMouseOut="hide_tab('tab_smilies')" onmouseover="show_tab('tab_smilies');this.style.cursor='pointer';">
<img title="Themen-Smiley auswählen" src="//files.homepagemodules.de/b104774/f46t1197p2704n86_HDMbKYXT.png" alt="Markierung" border=0 width="32px">
<div id="tab_smilies" style="display: none; position: absolute; left:-250px; margin-top:-132px;background-color: white; padding:3px; width:310px; border:1px solid #777777;border-radius:5px;">
 
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n86_HDMbKYXT.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n86_HDMbKYXT.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n87_EDKokYWX.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n87_EDKokYWX.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n91_jiKBPHRJ.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n91_jiKBPHRJ.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n101_MLuJfrWQ.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n101_MLuJfrWQ.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n108_LonWwZgP.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n108_LonWwZgP.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n107_jQEyawDX.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n107_jQEyawDX.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n106_YuWMzNSE.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n106_YuWMzNSE.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n99_tuHcDCwx.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n99_tuHcDCwx.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n113_ZhElaeob.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n113_ZhElaeob.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n103_MQwRkOzp.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n103_MQwRkOzp.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n100_hKLVAYtc.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n100_hKLVAYtc.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n97_nFJcQKIm.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n97_nFJcQKIm.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n112_APmUqsVz.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n112_APmUqsVz.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n115_OVveJoiF.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n115_OVveJoiF.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n105_rnJAEwGi.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n105_rnJAEwGi.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n93_UPVAbctf.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n93_UPVAbctf.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n104_sSdBCTri.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n104_sSdBCTri.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n98_JageTcOz.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n98_JageTcOz.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n110_LTMQbswP.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n110_LTMQbswP.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n65_oykVaRlx.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n65_oykVaRlx.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n96_TlxtKGHg.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n96_TlxtKGHg.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n95_eWEGlgxU.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n95_eWEGlgxU.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n85_WzKkmfVL.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n85_WzKkmfVL.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n109_PhzrRIYC.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n109_PhzrRIYC.png"></a></div>
</div>
<div style="clear:both"></div>
 
</span>
</div>
</form>
{{mod_topic_mark==true.end}}
 
</div>
</div>
</div>
{{mod_topic==true.end}}
 









Weitere interessante Links zur Iconbar:






Wolfgang

#2 Smileys für Themen-Markierungen bearbeiten! - Teil 2 von Wolfgang 28.12.2015 15:10

avatar

Smileys für Themen-Markierungen bearbeiten! - Teil 2
Aktualisiert 23.12.19



Im zweiten Teil geht es um den Einbau der Smiley-Markierungen in bereits geschriebenen Beiträgen.
Ich denke, dass es hier sinnvoll ist, nur den Administratoren oder Moderatoren den Zugriff und damit das Nachbearbeiten zu gewähren.








Installation (Business Template)


Einbau:

  • Wichtig! das Template wird nicht verändert, funktioniert gut in aktuellen Browsern!
  • Folgendes Skript als Plugin in den "edit_mod_footer" kopieren!
  • Da im Skript "Variablen" genutzt werden, funktioniert es nicht in der "Fußzeile"!

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
 
{{canmark==true.start}}
 
<style type="text/css">
.iconbar_main div {float:left;padding:3px;display: inline;}
#tab_smilies {display: none; position: absolute; margin-left:55%; margin-top:-4%;background-color: white; padding:5px; width:320px; border:1px solid #777777;border-radius:5px;}
#whatmark2 {position:absolute;padding:10px;margin-top:-10px;z-index:300;cursor:pointer;}
</style>

<div class="iconbar_main">
<div id="tab_smilies">

<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n86_HDMbKYXT.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n86_HDMbKYXT.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n87_EDKokYWX.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n87_EDKokYWX.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n91_jiKBPHRJ.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n91_jiKBPHRJ.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n101_MLuJfrWQ.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n101_MLuJfrWQ.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n108_LonWwZgP.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n108_LonWwZgP.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n107_jQEyawDX.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n107_jQEyawDX.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n106_YuWMzNSE.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n106_YuWMzNSE.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n99_tuHcDCwx.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n99_tuHcDCwx.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n113_ZhElaeob.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n113_ZhElaeob.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n103_MQwRkOzp.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n103_MQwRkOzp.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n100_hKLVAYtc.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n100_hKLVAYtc.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n97_nFJcQKIm.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n97_nFJcQKIm.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n112_APmUqsVz.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n112_APmUqsVz.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n115_OVveJoiF.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n115_OVveJoiF.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n105_rnJAEwGi.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n105_rnJAEwGi.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n93_UPVAbctf.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n93_UPVAbctf.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n104_sSdBCTri.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n104_sSdBCTri.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n98_JageTcOz.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n98_JageTcOz.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n110_LTMQbswP.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n110_LTMQbswP.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n65_oykVaRlx.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n65_oykVaRlx.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n96_TlxtKGHg.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n96_TlxtKGHg.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n95_eWEGlgxU.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n95_eWEGlgxU.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n85_WzKkmfVL.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n85_WzKkmfVL.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n109_PhzrRIYC.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n109_PhzrRIYC.png"></a></div>

</div>
<div style="clear:both"></div>

</div>
 
<script type="text/javascript">
$('input[name="whatmark"]').after('<span id="whatmark2"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n86_HDMbKYXT.png"></span>')
function insert_smile(smile_mark) {
var input = $('input[name="whatmark"]').val(smile_mark);
input.focus();
};

$('#whatmark2 img').click(function(){
$('#tab_smilies').toggle(300);
}).attr({'title':'Themen-Smiley auswählen!'});
 
$('#tab_smilies img').click(function(){
$('#tab_smilies').hide(300);
}).attr({'title':'Themen-Smiley einfügen!'});
</script>
{{canmark==true.end}}
 




Oder...

Einbau:

  • Einbau im Template Element "Beitrag bearbeiten - Moderatoren & Administratoren - Optionen"!
  • "Admin > Template Entwicklung > [edit] > Beitrag bearbeiten - Moderatoren & Administratoren - Optionen" öffnen.


Zeile 1 - 41:

  • Die Zeilen (1-41) von {{canmark==true.start}} bis {{canmark==true.start}} im Template Element suchen, dann löschen und mit den folgenden Zeilen 1 - 90 ersetzen!

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
 
{{canmark==true.start}}
<div id="markthread_wrap" style="display: none;">
<strong>Thema markieren</strong><br/>
Die Markierung eines Threads bewirkt, dass eine Zeichenkette wie z.B. "wichtig: " vor dem Thread Titel in der Thread Übersicht angezeigt wird.<br/>Darüberhinaus ist es möglich einen Thread innerhalb eines Forums immer an erster Stelle anzuzeigen. In der Markierung ist HTML möglich.<br/><br/>

<form name="header" method="post" action="{{formmark_link}}">

<div class="greybox">
<div class="spacer10">

<table>
<tr>
<td style="width: 30%;"><label for="headermark">Normales verhalten</label></td>
<td><input type="radio" name="headermark" id="headermark" value="0" class="checkbox" {{header==false.start}} checked="checked" {{header==false.end}} /><br/></td>
</tr>
<tr>
<td style="width: 30%;"><label for="headermark_on" >Als erstes Thema (Sticky)</label></td>
<td>
<input type="radio" name="headermark" id="headermark_on" value="1" class="checkbox" {{header==true.start}} checked="checked" {{header==true.end}} /></td>

</tr>
</table>

</div>
</div>
<br/><br/>
<strong>Sortierung</strong> <input type="text" name="headersort" id="headermark_sort" value="{{headersort}}"class="form-control" size="20" style="width: 50%; margin-left: 20px;" />
<br/><small>Geben Sie hier einen Wert von 0-255 ein, um die Sortierung bei mehreren angepinnten Themen vorzugeben.<br/>Themen mit hohen Werten erscheinen weiter oben</small>
 
<br/><br/>
<strong>Markierung</strong> <input type="text" name="whatmark" size="20" value="{{whatmark==true.start}}{{whatmark}}{{whatmark==true.else}}Wichtig!{{whatmark==true.end}}" style="width: 50%; margin-left: 20px;"/>


<br/><br/>

<input type="Submit" name="Submit" value="Thema markieren" class="button" />
</form>
</div>
{{canmark==true.end}}
 



Ersetzen mit:

  • In Zeile 55 kann der Abstand der Smileys untereinander über "padding" geändert werden, zusätzlich die Position und das Aussehen der Smileybar!

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
88
 
{{canmark==true.start}}
<script type="text/javascript">
function insert_smile(smile_mark) {
var input = document.forms['header2'].elements['whatmark2'];
input.focus();
input.value = smile_mark;
};
 
function hide_tab(tab){
document.getElementById(tab).style.display = 'none';
}
function show_tab(tab){
document.getElementById(tab).style.display = 'block';
}
</script>

<div id="markthread_wrap" style="display: none;">
<strong>Thema markieren</strong><br/>
Die Markierung eines Threads bewirkt, dass eine Zeichenkette wie z.B. "wichtig: " vor dem Thread Titel in der Thread Übersicht angezeigt wird.<br/>Darüberhinaus ist es möglich einen Thread innerhalb eines Forums immer an erster Stelle anzuzeigen. In der Markierung ist HTML möglich.<br/><br/>

<form name="header" id="header2" method="post" action="{{formmark_link}}">

<div class="greybox">
<div class="spacer10">

<table>
<tr>
<td><label style="padding-left: 20px;">
<input style="width:auto;margin-right:10px;" type="radio" name="headermark" value="0" class="checkbox" {{header==false.start}} checked="checked" {{header==false.end}} />Normales verhalten</label></td>
</tr>
<tr>
<td><label style="padding-left: 20px;">
<input style="width:auto;margin-right:10px;" type="radio" name="headermark" value="1" class="checkbox" {{header==true.start}} checked="checked" {{header==true.end}} />Als erstes Thema (Sticky)</label></td>

</tr>
</table>

</div>
</div>
<br/><br/>
<strong>Sortierung</strong> <input type="text" name="headersort" id="headermark_sort" value="{{headersort}}"class="form-control" size="20" style="width: 50%; margin-left: 20px;" />
<br/><small>Geben Sie hier einen Wert von 0-255 ein, um die Sortierung bei mehreren angepinnten Themen vorzugeben.<br/>Themen mit hohen Werten erscheinen weiter oben</small>
 
<br/><br/>
 
<strong>Themen-Markierung</strong> <input type="text" id="whatmark2" name="whatmark" size="20" value="{{whatmark==true.start}}{{whatmark}}{{whatmark==true.else}}&nbsp;{{whatmark==true.end}}" style="text-align:center;width: 50%; margin-left: 20px;font-size:small;"/>
 
<style type="text/css">.iconbar_main div{float:left;padding:3px;}</style>
 
<div class="iconbar_main" style="display: inline;">
<span style="position:absolute;padding:10px;margin-top:-10px;z-index:300;" onMouseOut="hide_tab('tab_smilies')" onmouseover="show_tab('tab_smilies');this.style.cursor='pointer';">
<img title="Themen-Smiley auswählen!" src="//files.homepagemodules.de/b104774/f46t1197p2704n86_HDMbKYXT.png" alt="Markierung" border=0>
<div id="tab_smilies" style="display: none; position: absolute; left:-250px; margin-top:-132px;background-color: white; padding:5px; width:320px; border:1px solid #777777;border-radius:5px;">

<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n86_HDMbKYXT.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n86_HDMbKYXT.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n87_EDKokYWX.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n87_EDKokYWX.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n91_jiKBPHRJ.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n91_jiKBPHRJ.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n101_MLuJfrWQ.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n101_MLuJfrWQ.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n108_LonWwZgP.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n108_LonWwZgP.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n107_jQEyawDX.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n107_jQEyawDX.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n106_YuWMzNSE.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n106_YuWMzNSE.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n99_tuHcDCwx.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n99_tuHcDCwx.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n113_ZhElaeob.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n113_ZhElaeob.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n103_MQwRkOzp.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n103_MQwRkOzp.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n100_hKLVAYtc.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n100_hKLVAYtc.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n97_nFJcQKIm.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n97_nFJcQKIm.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n112_APmUqsVz.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n112_APmUqsVz.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n115_OVveJoiF.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n115_OVveJoiF.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n105_rnJAEwGi.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n105_rnJAEwGi.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n93_UPVAbctf.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n93_UPVAbctf.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n104_sSdBCTri.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n104_sSdBCTri.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n98_JageTcOz.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n98_JageTcOz.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n110_LTMQbswP.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n110_LTMQbswP.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n65_oykVaRlx.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n65_oykVaRlx.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n96_TlxtKGHg.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n96_TlxtKGHg.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n95_eWEGlgxU.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n95_eWEGlgxU.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n85_WzKkmfVL.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n85_WzKkmfVL.png"></a></div>
<div><a href="javascript:insert_smile ('<img src=&quot;//files.homepagemodules.de/b104774/f46t1197p2704n109_PhzrRIYC.png&quot;>');"><img src="//files.homepagemodules.de/b104774/f46t1197p2704n109_PhzrRIYC.png"></a></div></div>
<div style="clear:both"></div>

</span>
</div>
<br/><br/>

<input type="Submit" name="Submit" value="Thema markieren" class="button" />
</form>
</div>
{{canmark==true.end}}
 








Hilfreiche Links:







Wolfgang

#3 Smileys für Themen-Markierungen jetzt auch als Plugin einsetzbar! von Wolfgang 24.12.2019 00:33

avatar

Smileys für Themen-Markierungen jetzt auch als Plugin einsetzbar!




  • Alle Smileys in den Beiträge #1 und #2 auf HTTPS umgestellt!
  • Aktionsradius der Menüauslösung vergrößert!
  • Eingabefeld und Smileybar angepasst!
  • Einbauanleitung überarbeitet!
  • Neu! Das Einfügen und Bearbeiten von Themen-Smileys kann jetzt über ein Plugin erfolgen!
  • Das Template wird dadurch nicht verändert!










Wolfgang

Xobor Forum Software von Xobor