[HTML] menu a discesa

[tigre2209]

buongiorno.
qualcuno sa come si puo realizzare un menu a discesa cosi, quello di sinistra:
http://www.avvocatoandreani.it/

 

[borgo italia]

ciao
dipende da quanto conosci i css e javascript, se cerchi su google puoi trovare degli script pronti.
se invece vuoi che qualcuno te lo realizzi partendo da zero ti conviene aprire una discussione su bacheca annunci ->Offerte e Richieste di Lavoro e/o Collaborazione

 

[cris8380]

clicca qui

 

[Max 1]

https://app.cssmenumaker.com/?legacy_id=256

 

[tigre2209]

ho visto, ma sono a pagamento.

 

[Max 1]

ho visto, ma sono a pagamento.

Prova a fare una ricerca come abbiamo fatto noi con menu drop down qualche cosa trovi di sicuro

 

[cris8380]

Prova a vedere qui
link diretto

 

[tigre2209]

grazie,
sono interessato a questo tipo di menu

http://codepen.io/andytran/pen/eIgoJ
ma non ho capito il codice, nella pagina html c'è scritto
%nav.animated.bounceInDown
%ul
%li
non sono tag html %

 

[cris8380]

ecco a te l'html del menu attenzione però e senza css e js

<nav class="animated bounceInDown">
<li>
<a href="#profile">
<div class="fa fa-user"></div>
Profile
</a>
</li><ul>
<li>
<a href="#message">
<div class="fa fa-envelope"></div>
Messages
<span class="badge right">12</span>
</a>
</li>
<li class="sub-menu">
<a href="#settings">
<div class="fa fa-gear"></div>
Settings
<div class="fa right fa-caret-down"></div>
</a>
<ul style="display: none;">
<li>
<a href="#settings">
Account
</a>
</li>
<li>
<a href="#settings">
Profile
</a>
</li>
<li>
<a href="#settings">
Secruity &amp; Privacy
</a>
</li>
<li>
<a href="#settings">
Password
</a>
</li>
<li>
<a href="#settings">
Notification
</a>
</li>
</ul>
</li>
<li class="sub-menu">
<a href="#message">
<div class="fa fa-question-circle"></div>
Help
<div class="fa right fa-caret-down"></div>
</a>
<ul style="display: none;">
<li>
<a href="#settings">
FAQ's
</a>
</li>
<li>
<a href="#settings">
Submit a Ticket
</a>
</li>
<li>
<a href="#settings">
Network Status
</a>
</li>
</ul>
</li>
<li>
<a href="#message">
<div class="fa fa-sign-out"></div>
Logout
</a>
</li>
</ul>
</nav>