DropDown Menü für die Symbol-Bar

#1 von wolf.andres , 01.07.2007 13:56

Hallo.
Ich möchte hier das DropDown-Menü vorstellen, da es sehr schnell erstellt werden kann gegenüber einem Grafik-Menü und auch vielseitig einsetztbar ist.
Es gibt verschiedene "DropDown Menü", die auch bereits im Support-Forum vorgestellt worden sind, die aber einige Probleme bereiten!
In meinem Forum habe ich die Probleme, die Vor- und Nachteile beschrieben.

Wer Interesse hat, kann hier nachlesen:
http://104774.homepagemodules.de/t93f31-...Symbol-Bar.html

Ich möchte eine Möglichkeit für das DropDown Menü zeigen:
Weitere Möglichkeiten, mit "Schriftdesign", "Design-Vorlagen" und "Aufklapp-Menü", "Sprung-Menü" und "Bilder vergrößern" finden Sie auf dieser Seite.

Schrift-Design in der Symbol-Bar:
Für die Symbol-Bar ist das DropDown Menü mit einem GO-Button am geeignesten (Erklärung siehe hier).

Besonderheit:

Die Schriftgrößen setzen sich aus <small> + </small> / <big> + </big> zusammen.
Das hat den Vorteil, dass es keine Konflikte mit dem End-Tag "[/style]" bei Kombination von z.B. Schriftfarbe und Schriftgröße gibt!!!

Vorsicht - Installation!!!

HTML-Code in Forum-Code umsetzen:

"Admin > Einstellungen > Codes/Smilies":



[size=9]  umsetzen in  <small> 

[size=16] umsetzen in  <big>

[size=18] umsetzen in  <big ><big >

[size=24] umsetzen in  <big  ><big  ><big  >

[size=32] umsetzen in  <big   ><big   ><big   ><big   >

[size=48] umsetzen in  <big    ><big    ><big    ><big    ><big    >



[/size=9]  umsetzen in  </small> 

[/size=16] umsetzen in  </big>

[/size=18] umsetzen in  </big ></big >

[/size=24] umsetzen in  </big  ></big  ></big  >

[/size=32] umsetzen in  </big   ></big   ></big   ></big   >

[/size=48] umsetzen in  </big    ></big    ></big    ></big    ></big    >

Speichern nicht vergessen!

Einbau in die Symbol-Bar:

"Admin > Einstellungen > Symbolbar" öffnen

Eintragungen sicherheitshalber in einer Textdatei abspeichern (z.B. "Symbol-Bar.txt")

Folgende Eintragung vornehmen:



<select name="menue1" style="font-family:Arial;color:#000000;background-color:#FFFFFF;

font-size:10pt;vertical-align: middle;">

<option selected>Schriftgröße</option>



<option value="javascript:insert('[size=9]','[/size=9]')">9px</option>

<option>Standard</option>

<option value="javascript:insert('[size=16]','[/size=16]')">16px</option>

<option value="javascript:insert('[size=18]','[/size=18]')">18px</option>

<option value="javascript:insert('[size=24]','[/size=24]')">24px</option>

<option value="javascript:insert('[size=32]','[/size=32]')">32px</option>

<option value="javascript:insert('[size=48]','[/size=48]')">48px</option>

</optgroup>

</select><input type="button" style="font-size: 10pt;vertical-align: middle;" 

onClick="location=this.form.menue1.options[this.form.menue1.selectedIndex].value;" value="GO">

Speichern nicht vergessen!

Das war's! Fertig!

Bis dann und
Gutes Gelingen

Beiträge:	99
Registriert am:	04.02.2007