-
18.11.2011, 00:12 #1
[HTML5+CSS3+JQuery]Vertical Floating Navigation Menu
Moin,
hab grad bisschen mit HTML5, CSS3.0 und JQuery rumgespielt und mir ne nette Navigation zusammengebastelt, hab zwar danach gegooled, aber in der Form gibts das anscheinend nicht, hab jedenfalls nix gefunden, also kurz selbst gecoded.
Source:
Spoiler:
Den Code einfach in 'Test.html' kopieren und im Browser aufrufen, und bei Gefallen einfach abändern wie mans braucht.
(Muss ja auch nicht als Menü genutzt werden =D)
Wollte die Drehung des Textes erst rauslassen, aber eventuell kanns ja jemand gebrauchen .
Habe die Kommentare mal rausgelasseen, wer das nicht anhand des Codes versteht wird eh nichts damit anfangen können.
Viel Spass damit.Java:
Spoiler:
Lustige Quotes:
Spoiler:
-
18.11.2011, 15:14 #2
[HTML5+CSS3+JQuery]Vertical Floating Navigation Menu
Hallo,
sieht im Firefox sehr nett aus aber im IE funktioniert üerhaupt nichts(nicht mal Dartstellung).
Ein kleiner Verbesserungsvorschlag: Beim ein- und ausklappen vegrößert sich die Box noch
während dem 'reinfahren'. Das könnte man schönheitshalber verbessern
MfG
-
18.11.2011, 15:25 #3
- Registriert seit
- 05.12.2011
- Beiträge
- 66
Thanked 12 Times in 11 Posts[HTML5+CSS3+JQuery]Vertical Floating Navigation Menu
@exception
Kommt davon das Internet Explorer scheiße ist. Firefox ist das beste jaha!
Eine kleine Vorschau:
Bild nicht mehr verfügbar
http://pastehtml.com/view/bef4v1j2v.html
Das sieht schon gut aus, bsw. das Script von sich aus. Ein bisschen aufpeppen und das wird geil - versprech ich euchGeändert von Darkfield (28.02.2014 um 10:06 Uhr)
-
18.11.2011, 16:30 #4
[HTML5+CSS3+JQuery]Vertical Floating Navigation Menu
In Google Chrome failed es.
Da ist das Navigation gerade (Man liest nur vigation) und nicht so vertikal.
Schade, ansonsten sehr nice. ^^
-
18.11.2011, 16:37 #5
- Registriert seit
- 03.12.2011
- Beiträge
- 38
Thanked 3 Times in 3 Posts[HTML5+CSS3+JQuery]Vertical Floating Navigation Menu
Ja Google Chrome macht Probleme, FireFox hingegen sieht alles super aus!
Kann man richtig was drauß machen. Nice
Gruß
-
18.11.2011, 19:08 #6
[HTML5+CSS3+JQuery]Vertical Floating Navigation Menu
Im IE sollte es eig. funktionieren.
Und wenn ihr das Fähnchen nicht lesen könnt, nehmt mal die Rotation raus und macht left:0; top:0;, margin auf 0, dann sollte es eig. normal dargestellt werden.Java:
Spoiler:
Lustige Quotes:
Spoiler:
-
29.02.2012, 10:10 #7
- Registriert seit
- 29.02.2012
- Beiträge
- 1
Thanked 0 Times in 0 Posts[HTML5+CSS3+JQuery]Vertical Floating Navigation Menu
sieht gut aus, aber wie kann ich die Positionen definiern? ich möchte den toggler nur als kleinen Button und die navBar auf der linken Seite
-
04.03.2012, 17:01 #8
[HTML5+CSS3+JQuery]Vertical Floating Navigation Menu
@Patrik Neunteufel
Wie? Was das für ne Frage?
Mit CSS natürlich...Geändert von Darkfield (28.02.2014 um 10:06 Uhr)
Java:
Spoiler:
Lustige Quotes:
Spoiler:
Ähnliche Themen
-
[S] Umfangreiches eBook,Video ueber CSS3&HTML5
Von derk1ng im Forum WebentwicklungAntworten: 0Letzter Beitrag: 02.09.2013, 00:46 -
Macro Magic Invalid floating point operation
Von ThunderStorm im Forum SoftwareAntworten: 0Letzter Beitrag: 15.08.2013, 19:12 -
[HTML5/CSS3] UHacks Elements
Von patlux im Forum ShowroomAntworten: 12Letzter Beitrag: 07.06.2013, 08:05 -
Darstellungsfehler - Navigation
Von Devon im Forum SupportAntworten: 1Letzter Beitrag: 08.11.2012, 08:57 -
HTML5 + CSS3 - Blog Layout
Von Snees im Forum HTMLAntworten: 0Letzter Beitrag: 17.08.2012, 12:35
Diese Seite nutzt Cookies, um das Nutzererlebnis zu verbessern. Klicken Sie hier, um das Cookie-Tracking zu deaktivieren.