Home Web CSS

CSS

Benvenuti su questa mia guida dedicata ai fogli di style o CSS. Non ha la pretesa di insegnare tutte le molteplici tecniche legate a questo modo di integrare stile nelle pagine web ma vuole, con tutta onestà, essere qualcosa di più di una semplice indicazione introduttiva che renda meglio l’idea di che cosa sono, come si adoperano e a che cosa servono i CSS. Leggi tutto…

CSS pronti per l'uso da scaricare gratis

Questa è una raccolta di alcuni stili di base che possono tornare utili quando si creano le proprie definizioni di stile. Imparare a fare alcune classi utili per gli stili semplici e come applicarle a una varietà di elementi. Oggi ci accingiamo a scavare un po' di più nel processo di sviluppo. Quando si crea un sito web o un'applicazione...

I selettori ID (Identificatori)

Un selettore ID o identificatore, svolge funzione di etichetta di un contenitore, si possono cioè assegnare dei parametri e marcarli con un ID così che quando serviranno quei parametri, basterà richiamare il nome del selettore (ID) e con esso saranno richiamati tutti i valori a lui associati, valori specificati una sola volta nel foglio di style (interno o esterno...

25 esempi di web design ben riuscito

Spyre Studios è un piccolo studio canadese di webdesign creato da Jonathan Phillips, designer di giorno e chittarrista rock di notte. Ha aperto da poco un blog, in cui inizia analizzando 25 esempi di webdesign che apprezza in modo particolare: alcuni sono siti famosi (A List Apart, Problogger, Woork), altri meno. Nel suo post originale potete vedere quali sono e...

Guida fogli di stile CSS: introduzione

Benvenuti su questa mia guida dedicata ai fogli di style o CSS. Non ha la pretesa di insegnare tutte le molteplici tecniche legate a questo modo di integrare stile nelle pagine web ma vuole, con tutta onestà, essere qualcosa di più di una semplice indicazione introduttiva che renda meglio l'idea di che cosa sono, come si adoperano e a che...

Il Box Liquido

Abbiamo visto come si creano i box e come si posizionano correttamente, esiste però una tecnica che prende il nome di box liquido che consentirà al box di adattarsi alla pagina ridimensionandosi automaticamente, proprio come fosse un liquido versato in un recipiente che ne assume la forma, da qui il nome box liquido. Dovendo posizionare un box al centro della pagina abbiamo visto che...

Sintassi CSS

La sintassi Abbiamo detto che hanno un loro elemento (tag) che viene specificato in html, si tratta dell'elemento: <style> con relativa chiusura </style>. Questo elemento serve per informare il browser che si tratta di stili che apporteranno le dovute modifiche agli elementi di html in esso definiti. La dichiarazione di style deve essere collocata all'interno dei tags <head> e </head> della pagina web, unica...

I Layout fissi e liquidi

Un layout altro non è che una struttura per contenere i dati. Si tratta in pratica di usare box fissi e/o box flottanti per impaginare tutto quello che può far parte di una pagina web. Facendo uso delle informazioni e degli esempi visti in precedenza per il box liquido è possibile creare una struttura molto versatile, in questo esempio due...

CSS in linea

In linea quando si ha la necessità di applicare lo stile al solo blocco o parte di codice che stiamo trattando, senza cioè che questo stile vada ad influire su altre parti della stessa pagina web. Per esempio un paragrafo <p> che debba avere determinate caratteristiche ma con la certezza che queste non siano estese a tutti gli altri paragrafi...

CSS nella pagina

A style incorporato Cioè quando ad un determinato stile fanno riferimento più elementi (tags) html uguali nella stessa pagina. Sarebbe estremamente dispersivo, oltre che laborioso, definire sempre lo stesso stile più volte all'interno della stessa pagina visto che servirebbe sempre per lo stesso identico scopo. Molto meglio definirlo una sola volta, ad inizio pagina. Così facendo tutti gli elementi interessati...

Come modificare il CSS di un Template Joomla!

Molto simile a Joomla 2.5 , la serie 3.x Joomla include un editor di template disponibili all'interno del cruscotto di amministrazione. L'editor modello consente di modificare il modello direttamente all'interno del tuo browser. Questo è utile e, a volte più efficiente di modifica di file tramite FTP o un altro metodo. In questo tutorial vi guiderà attraverso i passi di...
NON seguire questo link o sarai bannato dal sito!