Warning: /var/customers/webs/blacknight/software/plugins/RSSReader/cache/ is not writeable. Make sure you've set the correct relative or absolute path, and that the location is server-writable. in /var/customers/webs/blacknight/software/plugins/RSSReader/simplepie/library/SimplePie.php on line 1370
Open Source Software by Daniel Neef :: moziloCMS Plug-ins :: CSSDropDownMenu

Plug-in CSSDropDownMenu


CSSDropDownMenu-demo1.pngCSSDropDownMenu-demo2.pngcssmenu_responsive.png

Beschreibung


Erstellt ein Menü ähnlich dem Standardmenü, jedoch mit weiteren class Attributen. Dadurch eignet es sich besonders gut für CSS basierende Dropdownmenüs.

Dem Plugin liegen 2 CSSMenüs bei, weitere können zum Beispiel von cssmenumaker.com bezogen werden. Dazu muss unter "plugins\CSSDropDownMenu\css\" ein neuer Ordner angelegt werden in diesen muss die styles.css und eventuell vorhandene Unterordner kopiert werden. Danach kann das Menü im Adminbereich des Plugins ausgewählt werden.

Lizenz


LGPL 3.0 (http://www.gnu.org/licenses/lgpl) (Deutsch: http://www.gnu.de/documents/lgpl-3.0.de.html)
Bild "moziloCMS Plug-ins:lgplv3-88x31.png"

Download


Die Aktuelle Version gibt es im moziloCMS Forum:


und direkt auf GitHub:

Installation


Das Archiv in einen Ordner entpacken, in dem entpackten Ordner befindet sich eine Datei "CSSDropDownMenu.zip" diese im Adminbereich unter Plugins Verwalten intallieren.

Responsive Design


Das Menü kann auch für ein responsive Design verwendet werden. Dazu wird das Plug-in zweimal im Template eingebunden:

HTML Code
  1.   <div class="mobilemenu"><ul><li><a href="#">Menü</a>{CSSDropDownMenu}</li></ul></div>
  2.   <div class="menu">{CSSDropDownMenu}</div>  

Jetzt wird mit hilfe von CSS immer nur eines von beiden angezeigt. Das mobilemenu wird zudem so konfiguriert, das es sich nur nach unten öffnet. Ein Beispiel (mit Download) befindet sich hier: http://bn-app.de/CSSDropDownMenu/. Dabei wird das CSS "bn_simple_grey_responsive" verwendet.

Kommentare

Neuen Kommentar erfassen
Name
Homepage
E-Mail (wird nicht veröffentlicht)
Kommentar
Spamschutz: Bitte geben Sie das Ergebnis der folgenden Aufgabe ein.
2 divided by 2