Internet Forum / Hilfen für Einsteiger in HPM Foren

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




    Forum
    Homepage

    Angefügte Bilder:
    DropDown-Menü1.jpg   DropDown-Menü2.jpg   DropDown-Menü3.jpg  
     
    wolf.andres
    Beiträge: 99
    Registriert am: 04.02.2007

    zuletzt bearbeitet 28.08.2007 | Top

       

    on-Mouse-Over-efekt
    "Achtung Bauarbeiten" für halbfer





    Powered by Forum Hosting  
    Xobor Forum Software von Xobor
    Einfach ein eigenes Forum erstellen