CSS trucchi e notizie indispensabili in momenti di crisi!
Ecco una raccolta in ordine sparso (per ora spero) di consigli, trucchi, accorgimenti difficili da ricordare ma che possono risolvere situazioni problematiche. Preciso in questo caso che si tratta della mia esperienza personale, ogni segnalazione di eventuali errori è ben accetta. lo sfondo colorato di un blocco <div> viene mostrato solo se nella classe css … Read more
Inserire Google font in Joomla! 1.5
Per usare font alternativi e molto gradevoli, Google ha creato un servizio ad Hoc molto valido: Google font directory. Per poterlo utilizzare basta andare sul sito http://www.google.com/webfonts/ e scegliere il tipo di font che desiderate. Cliccando sul nome del font, si accede alla pagina delle proprietà del carattere scelto. Nei vari pannelli vengono esposte le varie caratteristiche … Read more
Dichiarare CSS all’interno di pagine HTML
Sebbene la soluzione più corretta sia richiamare file CSS esterni, per dichiarare uno stile CSS all’interno di un documento HTML la sintassi è la seguente: <style type=”text/css”> …dichiarazione CSS…. </style> Questa porzione di testo va inclusa all’interno dei tag <head></head> del documento HTML, dopo la dichiarazione degli attributi <meta> del documento.
proprietà clear CSS
La proprietà CSS clear serve per regolare lo scorrimento degli elementi adiacenti rispetto aun elemento flottante. Può avere i seguenti valori: eft nessun elemento flottante sul lato sinistro right nessun elemento flottante sul lato destro both nessun elemento flottante su entrambi i lati none Default. Consente il float su entrambi i lati inherit Eredita il … Read more
Creare layout multicolonna con div affiancati
Per creare layout multicolonna, il metodo migliore è affidarsi ai fogli di stile CSS e all’impaginazione tramite <div>. Le tabelle infatti, seppur funzionali per certi aspetti, sono molto rigide. Ci sono alcuni principi base da applicare sempre: float: left/right; questo attributo serve a realizzare l’affiancamento degli elementi. Dal momento che rimuove gli elementi dal normale … Read more
Inserire popup che scorrano con la pagina
Per fare in modo che un popup resti sempre visibile al centro dello schermo e sscorra con la pagina, basta assegnare alla classe CSS relativa gli attributi: position: absolute; top: <value> ; left:<valute> ; In questo modo la finestra occuperà sempre la posizione indicata dalle coordinate inserite.
Stili css individuali dei moduli per Joomla
Per prima cosa devi individuare a quale classe fa riferimento il modulo che desideri modificare. Puoi sfruttare strumenti come Firebug o la barra del Webmaster per Firefox, ma ci sono estensioni con le stesse funzioni per i browser più comuni. Un altro metodo può essere aprire il codice sorgente della pagina in cui compare il … Read more
Caricare CSS diversi per i browser
Come chi si occupa di sviluppare contenuti e applicazioni web ben sa, le proprietà CSS sono supportate e interpretate in maniera differente dai vari browser. Per essere sicuri che un sito appaia nello stesso modo su tutti i browser, occorre inserire uno script che, leggendo quale web browser sta richiedendo la pagina, carichi il foglio … Read more
CSS transparency e opacity
Grazie all’introduzione del CSS3, è ora possibile definire il gradiente di trasparenza/opacità di un determinato elemento. La proprietà è la seguente: Firefox e altri borwser: opacity: <valute>; espresso in valori decimali 0.0->1.0 per Internet Explorer: filter: alpha(opacity=<valute>); espresso in decine 10->100 In entrambi casi, 1 o 100 rappresentano l’opacità totale (non trasparenza), mentre 00 o … Read more
modificare lo stile del tag con i CSS
Il tag <hr /> (da scrivere sempre con lo slash di chiusura) serve in html per inserire linee orizzontali come separatori. Per modificarne lo stile, è sufficiente creare una classe CSS dedicata, ricordando alcune semplici regole: per impostare il colore in Mozilla e Opera, bisogna usare l’attributo background-color: <valore>; al posto del solo color: <valore>; … Read more
