12 Free CSS Menüs von Codrops

Kostenloses Set von 12 CSS-only Menüs

Kostenloses Set von 12 CSS-only Menüs

Auf der Webseite von Codrops gibt es eine tolle und interessante Sammlung von 12 kostenlosen und wunderschönen CSS-Menüs!

Ich habe die einzelnen CSS-Menüs nach dem Download ins Deutsche übersetzt und ein wenig bearbeitet.

Sie können die 12 kostenlosen Menüs im Set ansehen und als Gesamtpaket downloaden. Zusätzlich haben Sie jedoch die Möglichkeit, jedes CSS-Menü einzeln anzusehen und bei Gefallen bzw. Bedarf auf Ihren PC gratis herunterzuladen.

Wichtig: In den CSS-Navigationen gibt es keine Grafiken und kein JavaScript!!

Die Original CSS-Navigationen von Codrops können Sie hier sehen:

Demo: http://www.tympanus.net/Tutorials/CSSonlyMenus/

Die HTML-Datei sieht im Prinzip für alle 12 CSS-Menüs gleich aus. Sie unterscheidet sich nur durch die CSS-Formatierung.

Diese wird mit 12 verschiedenen Stylesheets an das jeweilige Menü angepasst und mit einem Link-Tag im Head-Bereich der HTML-Datei eingebunden.

Beispiel HTML-Datei (Menü 1)

Hier im Beispiel-Code sehen Sie noch den englischen Text für die einzelnen Menüpunkte.

<div id="menu1">
	<ul>
           <li><a href="">
		<span class="title">About</span>
		<span class="text">Who we are</span>
		</a>
	   </li>
	   <li><a href="">
		<span class="title">Portfolio</span>
		<span class="text">What we do</span>
		</a>
	   </li>
	   <li><a href="">
		<span class="title">Blog</span>
		<span class="text">What we talk about</span>
		</a>
	   </li>
	   <li><a href="">
		<span class="title">Contact</span>
		<span class="text">How to get in touch</span>
		</a>
	   </li>
	</ul>
</div>

12 Free CSS Menüs Demo und kostenloser Download

a) CSS Menüs 1-12 (Set)

CSS Menüs 1-12 (Set)

Demo | Download (RAR-Datei – 57 KB)

b) CSS Menü Nr. 1

CSS Menü Nr. 1

Demo | Download (RAR-Datei – 56 KB)

c) CSS Menü Nr. 2

CSS Menü Nr. 2

Demo | Download (RAR-Datei – 56 KB)

d) CSS Menü Nr. 3

CSS Menü Nr. 3

Demo | Download (RAR-Datei – 56 KB)

e) CSS Menü Nr. 4

CSS Menü Nr. 4

Demo | Download (RAR-Datei – 56 KB)

f) CSS Menü Nr. 5

CSS Menü Nr. 5

Demo | Download (RAR-Datei – 56 KB)

g) CSS Menü Nr. 6

CSS Menü Nr. 6

Demo | Download (RAR-Datei – 56 KB)

h) CSS Menü Nr. 7

CSS Menü Nr. 7

Demo | Download (RAR-Datei – 56 KB)

i) CSS Menü Nr. 8

CSS Menü Nr. 8

Demo | Download (RAR-Datei – 56 KB)

j) CSS Menü Nr. 9

CSS Menü Nr. 9

Demo | Download (RAR-Datei – 56 KB)

k) CSS Menü Nr. 10

CSS Menü Nr. 10

Demo | Download (RAR-Datei – 56 KB)

l) CSS Menü Nr. 11

CSS Menü Nr. 11

Demo | Download (RAR-Datei – 56 KB)

m) CSS Menü Nr. 12

CSS Menü Nr. 12

Demo | Download (RAR-Datei – 56 KB)

Quelle: Codrops

Tweet about this on TwitterShare on Google+0Share on Facebook0Email this to someone

Schreib einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *