Creando siti web di varia tematica si affrontano diverse esperienze, particolarmente quando si cerca di presentare al meglio e nello stesso momento piu chiaramente possibile  per un visitatore del sito  gli prodotti o serivizi che offre o realizza azienda presentata nel sito . Nei mesi scorsi lavorando su uno dei progetti ho voluto inventare una cosa a mio parere molto informativa e nello stesso modo comoda proprio per il cliente finale e che riguardava una azienda artigianale che produce prodotti finiti di ferro battuto.

Pubblicato in Css

In questo breve tutorial vediamo come posiamo creare una semplice animazione che mostrerà quantità di articoli per esempio in una categoria quando utente muove  (lo stato hover ) il suo puntatore del mouse sopra il nome della categoria.

Pubblicato in Css

Menu laterale a scomparsa che esche dopo il clic è molto utilizzato in vari siti web.  Perche risparmia lo spazio e facilita la lettura del contenuto della nostra pagina web e se invece vorrei passare su un altra pagina basta aprire pannello nascosto e cliccare voce del menu interesata. Particolarmete e utile su dispositivi piccoli per ovio motivo.

Pubblicato in Css

In questo articolo vedremo come creare un menu verticale in Joomla 3. Naturalmente il tema non è nuovo ed è già stato affrontato più volte ma è sempre un problema per quelli che stanno creando il suo primo sito Joomla. Oggi vedremo come creare un menu verticale atraverso moduli. Per puoi piazzarli dove vuoi.

Pubblicato in Joomla
Venerdì, 25 Novembre 2016 16:06

Menu a tendina con tanti livelli in puro CSS

In questo articolo vedremo vari tipi di menu a tendina, quello semplice e mega menu, che puoi realizare in puro CSS bassandosi sulla proprieta position . Tutti gli elementi della lista, che è la base del nostro menu, sono posizionati relativamente e i blochi principali vengono cretai tramite il tag ul  sono posizionati assolutamente. Per default, la larghezza del menu a tendina è uguale alla larghezze di elementi della lista che compone questo menu.

Pubblicato in Css

Se utilizzando Bootstrap creeremo un menu come abbiamo fatto nel articolo precedente,  potremo notare rimpiccolendo la finestra del browser che il menu non e diventato del tutto responsivo. Si le voci del menu si spostano in un altra riga su schermi piccoli ma non cosi come ci si vorrebbe!

Pubblicato in jQuery

Oggi è difficile trovare un sito che non avrebbe la barra di navigazione (menu). E 'ciò che lega tutte le pagine insieme e permette al visitatore senza problemi muoversi fra di loro. Aspetto visivo del menu è una cosa molto importante di un sito web. E nella realizzazione di un bel menu senza perdere nella qualità ci puo aiutare framework Bootstrap.

Pubblicato in jQuery

Un menu è un elemento molto importante di un sito web e non puo essere trascurato. Posiamo decorarlo per evidenziare meglio con dei colori e disegni usare dei font speciali nonché  suggerire al utente visualmente che la voce sotto il suo puntatore del mouse è attiva aggiungendo vari effetti d'animazione.  Vediamo di creare una semplice pagina html ed inserire in essa un semplice menu orizzontale. Spero che sapiate come farlo?!  E se no, prima di proseguire vi invito a consultare il nostro corso CSS pratica.

Pubblicato in Css

Menu laterale è uno dei elementi di primissima importanza su un sito web. Oggi vediamo uno dei modi come sia possibile realizzare un menu laterale a tanti livelli utilizzando  script.

Pubblicato in Per sito

In questo tutorial vedimo come posimo stilizzare il nostro menu con dei animazioni  utilizzando solo i CSS. Per creare l'effetto utilizzeremo pseudo-elemento:after e come contenuto del nostro pseudo elemento il nome del menu.

Pubblicato in Css

corso CSS pratica

Impara HTML e CSS da zero al risulto!

Da piccolo hai imparato leggere leggendo libri. E con aiuto del nostro corso imparerai CSS e HTML costruendo un sito web da un templat in PSD .

Scopri il corso