[Gratuito][Cerco] qualcuno per fare menu a tendina ottimizzato per mobile-responsive con css e html

podset

Nuovo Utente
11 Lug 2018
14
0
1
Salve, sto cercando qualcuno che sappia destreggiarsi con linguaggio css (foglio di stile) e con l'html. Devo creare un menu a tendina ottimizzato per mobile-responsive. Deve esserci anche un pulsante/icona hamburgher per far apparire il menu quando il sito viene visualizzato con schermo smartphone o tablet (cioè con schermo sotto i 700 pixel).

Vi inserisco il link dov'è situato l'intero sito sul web e poi vi metto il relativo codice css e html della parte relativa al menu del sito. Se avete bisogno di altro ditemelo.

Il menu del sito attualmente non è a tendina, perché pur sapendo come si fa col codice html non mi riesce creare il css per nascondere le sottosezioni e come farlo visualizzare per mobile, per cui ho bisogno che qualcuno me lo faccia.

Qui potete vedere il sito online com'è attualmente ancora in fase di costruzione, ovvero senza il menu a tendina, così potete vedere anche l'intero codice del sito.

Qui inserisco il codice css del menu:

Codice:
/* Style the top navigation bar */
.navbar {
    display: flex;
    background-color: #666;
}

/* Style the navigation bar links */
.navbar a {
    color: white;
    padding: 14px 20px;
    text-decoration: none;
    text-align: center;
}

/* Change color on hover */
.navbar a:hover {
    background-color: #ddd;
    color: black;
}

Questo è il codice html attuale del menu:

HTML:
<!-- Navigation Bar -->
<div class="navbar"><a href="#">Sezione1</a><a href="#">Sezione2</a> <a href="#">Sezione3</a> <a href="#">Sezione4</a><a href="#">Sezione5</a><a href="#">Sezione6</a></div>

Questo è il codice html del menu come dovrebbe venire trasformandolo a tendina:

HTML:
<ul>
<li><a href="#">Sezione1<br /></a></li>
<li><a href="#">Sezione2<br /></a>
<ul>
<li><a href="#">Sottosezione1</a></li>
<li><a href="#">sottosezione3</a></li>
</ul>
</li>
<li><a href="#">Sezione1<br /></a></li>
<li><a href="#">Sezione2<br /></a>
<ul>
<li><a href="#">Sottosezione1</a></li>
<li><a href="#">Sottosezione2</a></li>
</ul>
</li>
<li><a href="#">Sezione5<br /></a></li>
<li><a href="#">Sezione6<br /></a>
<ul>
<li><a href="#">Sottosezione1</a></li>
<li><a href="#">Sottosezione2</a></li>
<li><a href="#">Sottosezione3</a></li>
</ul>
</li>
</ul>

Grazie mille!
 
Ultima modifica:

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.449
338
83
Ti allego uno zip ove c'è la pagina html e il file css!
Hai solo da cambiare i colori del menu e del header!
Poi mi arrendo
 

Allegati

  • menu.zip
    3,1 KB · Visite: 497

podset

Nuovo Utente
11 Lug 2018
14
0
1
Max 1 questa volta c'è mancato veramente un pelo. Menomale che sono abituato a lavorare sui codici dei template, pur non essendo un esperto programmatore, ma il mio senso di osservazione del codice in questo caso ha fatto la differenza e quindi sono riuscito a risolvere il tutto.

Quindi funziona tutto, però ci sono ancora alcuni difetti (di poco conto) che ti voglio esporre e vorrei sapere da te,
se lo sai, se essi sono normali o se c'è qualcosa che mi è sfuggito.

I difetti sono questi:

- Con il nuovo codice aggiunto il template non occupa più l'intero spazio del monitor ma c'è uno spazio tutto intorno (lo potrai vedere qui in questo link)

- restringendo la dimensione del browser per fare la prova di visualizzazione mobile nel menu è tutto apposto, tranne che sotto la voce "blog" si vedono anche le sottosezioni, mentre invece dovrebbero essere nascoste?

- L'icona del pulsante per far apparire il menu appare come un'icona bianca e non con le tre righe in verticale

Secondo le tue conoscenze, questi tre aspetti possono essere risolti? E in che modo?

Ti ringrazio di tutto per avermi suggerito questo codice....
 
Ultima modifica:
Discussioni simili
Autore Titolo Forum Risposte Data
F Cerco qualcuno per un progetto java gratuito Java 1
Z Cerco ecommerce gratuito meglio se realizzato con Woocommerce di Wordpress. E-Commerce 0
M [Cerco][Gratuito] Artista/designer per creazione grafica gioco di società Offerte e Richieste di Lavoro e/o Collaborazione 0
F [Cerco][Gratuito] Collaboratori blog su tecnologia, serie tv e motori Offerte e Richieste di Lavoro e/o Collaborazione 1
S [Gratuito][Cerco]webmaster per progetto no-profit Offerte e Richieste di Lavoro e/o Collaborazione 6
F [Gratuito][Cerco]Front End pagina web dinamica dinamica stato attuale Offerte e Richieste di Lavoro e/o Collaborazione 1
C [Gratuito][Cerco]cerco staff per il mio sito Offerte e Richieste di Lavoro e/o Collaborazione 1
M [Gratuito][Cerco] Cerco Staff per SitoWeb Professionale dedicato all'Informatica! Offerte e Richieste di Lavoro e/o Collaborazione 0
grgfede [Gratuito][Cerco] Forum su tecnologia cerca staff Offerte e Richieste di Lavoro e/o Collaborazione 1
maXss [gratuito][cerco] Cerchiamo nuovo Staff Offerte e Richieste di Lavoro e/o Collaborazione 0
S [gratuito][cerco ]Cerco staff per forum di tecnologia e videogame Offerte e Richieste di Lavoro e/o Collaborazione 0
elpirata [CERCO][GRATUITO] Cercasi Web Designer per realizzazione front end gestionale Offerte e Richieste di Lavoro e/o Collaborazione 3
tHESPINIS (cerco) programmatore gdr pbc(gratuito) Offerte e Richieste di Lavoro e/o Collaborazione 0
elpirata [Cerco][Gratuito]Cerco collaboratori per realizzazione piccolo gestionale Mysqli+Php Offerte e Richieste di Lavoro e/o Collaborazione 6
Tuttoinformatico [Gratuito][Cerco] Cerco Staff per SitoWeb Professionale dedicato alla Tecnologia! Offerte e Richieste di Lavoro e/o Collaborazione 1
Fuego2806 [Gratuito][Cerco] Cerco Staff per SitoWeb Professionale dedicato all'Informatica! Offerte e Richieste di Lavoro e/o Collaborazione 2
Tuttoinformatico [Gratuito][Cerco] Cerco Staff per SitoWeb Professionale dedicato alla Tecnologia! Offerte e Richieste di Lavoro e/o Collaborazione 0
Davide05 [Cerco][Gratuito] Collaboratri per sito web Offerte e Richieste di Lavoro e/o Collaborazione 3
AldoFansbook [CERCO][GRATUITO inizialmente] Collaboratori varie squadre per Social Network Calcio Annunci servizi di Social Media Marketing 0
Fuego2806 [CERCO][GRATUITO][MMORPG] Cerco collaboratori per creare MMORPG Offerte e Richieste di Lavoro e/o Collaborazione 0
ElBebo [Gratuito][Cerco] Realizzazione sito per videogioco Offerte e Richieste di Lavoro e/o Collaborazione 3
A [Gratuito] [Cerco] Grafico per progetto Offerte e Richieste di Lavoro e/o Collaborazione 0
Glauco Zega [Cerco - Gratuito] Cercasi collaboratori per Nuovo Network (Web, Musica, Divertimento, Arte) Offerte e Richieste di Lavoro e/o Collaborazione 2
N [cerco] [gratuito] cercasi sviluppatore app zona roma Offerte e Richieste di Lavoro e/o Collaborazione 0
G [Gratuito] Cerco Staff per Portale PROFESSIONALE su videogames. Offerte e Richieste di Lavoro e/o Collaborazione 3
M [Gratuito] Cerco collaboratore/i per restiling sito culturale Offerte e Richieste di Lavoro e/o Collaborazione 0
B [CERCO-GRATUITO] Programmatore PHP/MYSQL per progetto innovativo Offerte e Richieste di Lavoro e/o Collaborazione 0
A [CERCO][GRATUITO ] Webmaster per sito d'Arte Offerte e Richieste di Lavoro e/o Collaborazione 1
L [Offro Collaborazione][Gratuito] Cerco programmatore php come collaboratore Offerte e Richieste di Lavoro e/o Collaborazione 1
P Cerco collaboratore gratuito per sito Offerte e Richieste di Lavoro e/o Collaborazione 0
L [gratuito] cerco sistema news xml in php5 Offerte e Richieste di Lavoro e/o Collaborazione 1
R [Cerco Collaborazione] [Gratuito]Ricerchiamo per nuovissimo sito notizie sportive e mondo scommesse Offerte e Richieste di Lavoro e/o Collaborazione 1
G [Cerco Collaborazione][GRATUITO]Cerco collaboratori per realizzazione di un sito Offerte e Richieste di Lavoro e/o Collaborazione 0
N [Cerco Collaborazione][Gratuito] Mercato italiano dei microlavori Offerte e Richieste di Lavoro e/o Collaborazione 0
A [CERCO COLLABORAZIONE][GRATUITO] Cercasi programmatore per costruzione sito Offerte e Richieste di Lavoro e/o Collaborazione 1
E [gratuito]cerco webmasters a Messina Offerte e Richieste di Lavoro e/o Collaborazione 0
M [ Cerco collaboratori ][ Gratuito/Retribuito ] Articolisti per blog hi-tech Offerte e Richieste di Lavoro e/o Collaborazione 5
D [Gratuito] Cerco autori per recensioni giochi iOS Offerte e Richieste di Lavoro e/o Collaborazione 0
max_400 [Gratuito] Cerco Staff per forum di flash Offerte e Richieste di Lavoro e/o Collaborazione 0
D [cerco Gratuito]Sviluppo browsergame city builder Offerte e Richieste di Lavoro e/o Collaborazione 0
O [Gratuito] Cerco staff per sito web Offerte e Richieste di Lavoro e/o Collaborazione 5
B [Gratuito] - Cerco collaboratori per sviluppo progetto ORM open source - Syrius ORM Offerte e Richieste di Lavoro e/o Collaborazione 3
R Cerco software gratuito per inserire sito su motori di ricerca SEO e Posizionamento 2
H cerco database mysql esterno gratuito MySQL 1
R Cerco un sito con spazio web illimitato gratuito Hosting 3
C Cerco antivirus gratuito Sicurezza e Virus 2
riminese77 Gratuito portale Banner Offerte e Richieste di Lavoro e/o Collaborazione 0
S Quale model router con DDNS gratuito Reti LAN e Wireless 3
A [Gratuito] [Collaboratore] Programmatore Java Offerte e Richieste di Lavoro e/o Collaborazione 0
K Certificato SSL (https) gratuito o a pagamento? che differenza c'è? Server Dedicati e VPS 1

Discussioni simili