Spoof Call and Spoof SMS set any caller ◆ Cheap KYC Verifications & Openups ◆ Anvilpoint CyberOps - Hacker for Hire ◆ ProxiesFood: Unlimited Residential Proxy ◆
Home Upgrade Search Memberlist Extras Hacker Tools Award Goals Help Wiki Contact
Hack Forums Tech Webmasters Website Showcase and Reviews › HTML CSS and a bit of JQuery navigation [menu]

New Reply 

HTML CSS and a bit of JQuery navigation [menu]
wanbetaaler
wanbetaaler Offline
[Code The Web]
**
HF l33t
Posts:
422
Threads:
42
Credibility:
100
Popularity:
17
βytes:
β 0
Game XP:
0
Aug 13, 2016 12:54 PM (This post was last modified: Aug 16, 2016 05:34 PM by wanbetaaler.)
Hi there,

i coded a navigation which i want to generalize on future projects.
its like 90% finished just some touch ups and some effects and i am finished with it i still need a logo for login and a form for it and a search icon for the search bar and when clicked on the logo it will expand to whats there right now.

anyways here are some screenshots and a gif.
tips are great :)


full layout
Spoiler (Click to View)

resized window
Spoiler (Click to View)

resized and open menu
Spoiler (Click to View)

gif
Spoiler (Click to View)


UPDATE
i updated the font guys..
Spoiler (Click to View)
resized
Spoiler (Click to View)

i have updated the burger icon for the resized window
While closed
Spoiler (Click to View)
While open
Spoiler (Click to View)
gif so you can see the animation between the clicks
Spoiler (Click to View)


* UPDATE 2***

added forms and checkboxes and modals

current view
Spoiler (Click to View)

scrolled down view
Spoiler (Click to View)

modal with checkboxes animated gif
Spoiler (Click to View)
[Image: 9noGpJD.jpg?1]
al5ina5
al5ina5 Offline
Full-stack Javascript Developer
***
HF Ub3r
Posts:
1,819
Threads:
84
Credibility:
2600
Popularity:
620
βytes:
β 8,473.7
Game XP:
12,175
Aug 13, 2016 01:43 PM
Looks like it works well! I add some more detail to make it prettier.

Great job!
Tylers The Name
Tylers The Name Offline
Lead Gens The Game
**
HF Ub3r
Posts:
494
Threads:
85
Credibility:
000
Popularity:
77
βytes:
β 0
Game XP:
0
Aug 13, 2016 04:33 PM
It's simple, sleek and most importantly it works. Mobile compatibility looks good to. Nice job! Maybe a different font for the nav-bar but I'm sure you've already thought of that.
You sleep like you're rich, I'm up like I'm broke
Revenαnt
Revenαnt Offline
[closed@HF:]
Posts:
1,287
Threads:
97
DO NOT DEAL WITH THIS MEMBER
βytes:
β 0
Game XP:
0
Aug 13, 2016 04:34 PM
I really like the clean and simple look it has. Good job, OP.
Picksley
Picksley Offline
I used to be really active
***
HF Ub3r
Posts:
610
Threads:
38
Credibility:
000
Popularity:
0
βytes:
β 0
Game XP:
0
Aug 15, 2016 04:36 AM
This looks pretty tasty, I'm not fond on the font you used. Maybe something a bit more metro and sharp?

Other than that great work
wanbetaaler
wanbetaaler Offline
[Code The Web]
**
HF l33t
Posts:
422
Threads:
42
Credibility:
100
Popularity:
17
βytes:
β 0
Game XP:
0
Aug 15, 2016 09:38 AM
(Aug 15, 2016 04:36 AM)Picksley Wrote:  This looks pretty tasty, I'm not fond on the font you used. Maybe something a bit more metro and sharp?

Other than that great work

Yeh i need to refine it a bit more like font and some small aditional animations.
thanks for the tip, btw any font u can recommend
[Image: 9noGpJD.jpg?1]
Narwals
Narwals Offline
Design & Code // http://narwals.xyz
**
HF l33t
Posts:
129
Threads:
11
Credibility:
000
Popularity:
8
βytes:
β 0
Game XP:
0
Aug 17, 2016 09:01 AM
(Aug 15, 2016 09:38 AM)wanbetaaler Wrote:  Yeh i need to refine it a bit more like font and some small aditional animations.
thanks for the tip, btw any font u can recommend

Open Sans never failed anyone. Just take a look at the Google Fonts library. Packed with fonts like Roboto to make your site look clean.
[Image: PpgHmt2.gif]
wanbetaaler
wanbetaaler Offline
[Code The Web]
**
HF l33t
Posts:
422
Threads:
42
Credibility:
100
Popularity:
17
βytes:
β 0
Game XP:
0
Aug 17, 2016 03:31 PM
Yes thanks look at the updated version my brother
[Image: 9noGpJD.jpg?1]
Next Oldest | Next Newest
New Reply 


Possibly Related Threads...
Thread / Author Replies Views Last Post
by r1seN-May 2, 2023 02:39 PM 1 208 May 2, 2023 02:39 PM
Last Post: Hephaestus
by UnderworldproblemJan 7, 2017 08:43 PM 7 370 Jan 7, 2017 08:43 PM
Last Post: Underworldproblem
by LumaAug 19, 2016 11:29 AM 1 172 Aug 19, 2016 11:29 AM
Last Post: Jdxo