Wie kann ich zwei Kästchen für Smilies machen?

25.11.2009 16:12

Memorys86
#1 Wie kann ich zwei Kästchen für Smilies machen?

Hab da mal wieder ne Frage...

Und zwar war mein Forum bisher rein für Frauen gedacht, daher habe ich eher darauf geachtet, dass wir "weibliche Smilies" haben...

Nun haben wir aber erweitert, sodass sich auch Männer anmelden können.

Da die Smilies nun aber so schon recht viele sind (alle notwendig), wollt ich gern noch ein Extrakästchen für neutrale Smilies für unsere Männer machen...

Wie krieg ich das denn hin in der Symbol-Bar?

Lieben Gruß, Memo

Antworten

Beitrag melden

#2

25.11.2009 21:53

Vitalis
#2 RE: Wie kann ich zwei Kästchen für Smilies machen?

Vitalis

Zusätzliches Feld in der Symbolleiste:

1.) Symbol zum öffnen des neuen Tabs einpflegen:

1
2
3
4
5
6
7

.........

<img src="https://img.homepagemodules.de/ds/static/gaia/smile.png" alt="[smile]" border=0  onclick="document.getElementById('tab_color').style.display='none'; document.getElementById('tab_smilies2').style.display='none'; if (document.getElementById('tab_smilies').style.display == 'block') {document.getElementById('tab_smilies').style.display='none'; } else {document.getElementById('tab_smilies').style.display='block';}" onmouseover="this.style.cursor='pointer';" title="Smilies">

<img src="https://img.homepagemodules.de/ds/static/gaia/smile.png" alt="[smile2]" border=0  onclick="document.getElementById('tab_color').style.display='none'; document.getElementById('tab_smilies').style.display='none'; if (document.getElementById('tab_smilies2').style.display == 'block') {document.getElementById('tab_smilies2').style.display='none'; } else {document.getElementById('tab_smilies2').style.display='block';}" onmouseover="this.style.cursor='pointer';" title="Smilies2">

.........

die vorhandene Smilie-Gruppe muss ebenfalls abgeändert werden, bitte schauen Sie sich dementsprechend den Code ganz genau an.

2.) Neuen Tab hinzufügen mit einem Beispiel-Smilie

1
2
3
4
5
6
7
8
9

........

<div id="tab_smilies2" style="display: none; position: absolute; background-color: white; margin-top: -5px; padding: 5px; width: 100px; margin-left: 110px;" onlick="document.getElementById('tab_smilies2').style.display='none';">

<A HREF="javascript:returnTag('[smile]')" onclick="document.getElementById('tab_smilies2').style.display='none';"><img src="https://img.homepagemodules.de/smile.gif" alt="[smile]" border=0 width="15" height="15"></A>

</div>

........

Im Grunde ist alles nur Copy & Paste inkl. mit wenigen Anpassungen.
Der neue Tab trägt die ID tab_smilies2

Es ist notwendig das Sie HTML-Kenntnisse besitzen um Änderungen dieser Art durchzuführen.