Dall'autore: Devo ammettere: mi piacciono gli pseudo-elementi CSS :: before e :: after. Sembrano un paio di servi in un'avventura. 3 volte più potenza. 3 volte più stile. Con loro aiuto puoi creare effetti visivi che sono 3 volte più sorprendenti.

Non sarai mai solo - perché ovunque dove sei stato da solo, sarete in tre

Hai visto parola flex nel ispettore del codice e non sai come funziona? Non sai nemmeno che cosa é Flexbox? Vorresti scoprire di piu su questa tecnica per creare layout flessibili? Allora questo articolo ti sara d'aiuto.

Tecnica di Flexbox consente di creare layout flessibili che si adattano perfettamente allo schermo. Se si imposta tutto correttamente, non avrai  piu bisogno creare query multimediali per supporti di schermi varie, orientamento e grandezza della finestra del browser.

In questo tutorial, ti mostrerò come utilizzare le proprietà di ridimensionamento di Flexbox come: flex-grow, flex-shrink, flex-base e flex.

Vorresti creare una galleria di immagini e sono tanti ? Stai creando un sito  portafoglio e ci sono tanti opere che vorresti mostrare sulla prima schermata del sito? Solite gallerie non soddisfanno le tue esigenze? Allora oggi vediamo come rimediare questo e mostrare subito al visitatore del tuo sito tante opere senza scrollare la pagina.

Sulle pagine del sito abbiamo scritto tantissimo su finestre modali di  tipi e come realizzarli. E oggi ancora una volta torniamo al argomento, perleremo di pop-up e finestre modali
Lo sviluppo del linguaggio html non si ferma mai. Ogni messe ci sono delle novità e proposte per inserire nel linguaggio e approvare per via definitiva novi elementi.
Oggi parleremo del tag <dialog> che in realtà non e nuovo ma comunque poco noto al pubblico particolarmente ai principianti

    Con l'arrivo di CSS3, le possibilità per la trasformazione e decorazione di elementi sono diventate quasi illimitate, in realtà sono limitate solo dalla visualizzazione non sempre uguale in browser diversi e naturalmente dall'immaginazione e dalla fantasia degli sviluppatori.

    Vediamo un elemento comune come  testo, testo come principale elemento di qualsiasi sito Web o blog, in primo luogo, il quale visitatore legge sempre, puoi il nome del sito(logo), titoli di articoli, voci di menu, articoli stessi descrizione di prodotti , ecc ...

Ogni tanto capita che sarebbe utile di mostre qualche modulo di Joomla al interno della descrizione di una categoria in Virtuemart. E in questo caso ci sono due possibilità.
Il primo creare una copia del template e in questa copia prevedere un posizione e inserire in essa il modulo voluto e in seguito assegnare questo template alla rispettiva voce della categoria

 

I campi personalizzati arricchiscono  notevolmente le funzionalità standard di virtuemart.

Con il loro aiuto è possibile aggiungere varie proprietà alle merci,  regolare sconti e saldi, dividere clienti in gruppi e mostre un prezzo diverso per ogni gruppo come per esempio grossisti o creare un gruppo di membri , creare filtro, generare eventuali informazioni aggiuntive sul prodotto.

Oggi vediamo come modificare template di prezzo per mostrare lo sconto in percentuale  in Virtuemart

Per visualizzare i prezzi in virtuemart 3, si utilizzare il file /components/com_virtuemart/sublayouts/prices.php.

Viene conneso  ovunque sia necessario mostrare il prezzo della merce: nella categoria, nella sceda del articolo e nei moduli

Questo è molto comodo perché cambiando solo un fail posiamo modificare l'aspetto finale dei prezzi sull'intero sito.

In virtuemart, posiamo in modo molto flessibile  configurare  diverse regole per i prezzi (tasse, sconti). Ogni regola può essere applicata ad un prodotto specifico o a tutti i prodotti di una categoria o di un produttore. Inoltre, la regola può essere applicata solo per un determinato gruppo di acquirenti, il paese, la regione, che offre una flessibilità incredibile.

Ok faccio una premessa subito e solo il mio punto di vista e ovvio un template premium sara piu attrezzato e bello al inizio! ma con un puo di impegno potrai anche tu avere un template gratuito con diversi funzionalità. Dato che parleremo di template in generale e quindi ogni situazione richiede proprie correzioni  vediamo opzioni per il blog e per un sito ecommerce.

Ecommerce ogni giorno diventa sempre pui popolare e diffuso. Per la gente è piu facile accedere ad un negozio online dal proprio divano che prendere macchina e andare chi sa dove spendere benzina e il tempo. In questo concetto si moltiplicano anche varie negozi online basati su varie piattaforme.

Coi CSS puoi posizionare qualsiasi elemento sulla tua pagina in modo tuo! E oggi vediamo un caso particolare posizionare con aiuto della proprieta float di CSS Perche esistono anche altri tipi di posizionamento nei CSS e ognuno di questi tipi ha il proprio uso. In questo tutorial esamineremo diverse situazioni  da creando layout multiuso e posizionamento unico di un elemento, a descrivere diversi metodi di come farlo.

Pagina 1 di 21

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