Come inserire Lightbox 2 in Blogger per ottenere con le foto effetti speciali e slideshow.

7 maggio 2009 - Fonte: http://parsifal32.blogspot.com/

Lightbox è adesso arrivato alla versione 2.04 e può essere scaricato da qui. Il pacchetto comprende un documento CSS, 5 file di tipo javascript, una decina di immagini ed un collegamento ad un file html.

Occorrerebbe fare la configurazione ma per fortuna c’è chi l’ha già fatta. Quindi per integrare Lightbox nel blog occorre semplicemente andare su Layout>HTML, scaricare il modello completo per un eventuale back-up, quindi, subito prima...

Leggi il seguito »

Nessun commento »

Inserito in , , , , , , , , , , , , , ,

CSS: Form personalizzato con immagini di sfondo

6 maggio 2009 - Fonte: http://www.programmando.net


Ecco come inserire un immagine di sfondo all’interno del form grazie ad un po’ di codice CSS, in questo esempio sono presenti solo 2 campi: uno di testo e una textarea. .textbox{ width:270px; border:1px solid #000033; color:#000033; font:bold 11px verdana,helvetica,sans-serif; letter-spacing: .1em;word-spacing:.2em; background:url('/righini.gif'); }   Per la textarea il codice è...

Leggi il seguito »

Nessun commento »

Inserito in , , , , , , , , , , , , , ,

CSS: come inserire immagini ripetute

5 maggio 2009 - Fonte: http://www.programmando.net
Inserire nel proprio sito web un immagine fissa su bordi potrebbe esser un buon modo di personalizzare l’interfaccia, senza utilizzare tabelle si può effettuare questa funzione tramite l’utilizzo di codice XHTML e CSS. Il seguente codice permette di creare un div contenitore che all’suo interno ne integra altri 3 uno per ogni oggetto da inserire. div#container{ width:500px; margin:20px auto; padding:0; border:1px [...]...

Leggi il seguito »

Nessun commento »

Inserito in , , , , , , , , , , , ,

Banner semplice con CSS

30 aprile 2009 - Fonte: http://www.programmando.net
Vi piacerebbe utilizzare il CSS per crearvi un semplice banner? Ecco il codice da inserire e in pochi minuti avrete il vostro banner inserito sul vostro sito personale. a.BANNER { text-align: Center; background-color: #008080; color: #FFFFFF; font-size: 44px; font-family: ‘Times New Roman’; text-decoration: None; width: 468px; height: 60px; border: Solid 1px #000000; } a.BANNER:hover { text-align: Center; background-color: #FFFFFF; color: #008080; font-size: 44px; font-family: ‘Times New Roman’; text-decoration: None; width: 468px; height: 60px; border: Dashed 1px #000000; } ...

Leggi il seguito »

Nessun commento »

Inserito in , , , , , , ,

SciTE 1.78 su Ubuntu

28 aprile 2009 - Fonte: http://linuxfreedomforlive.blogspot.com/

SciTE è un comodo editor testuale per Linux basato sulle librerie GTK. Semplice da usare, contiene in verità molte funzioni che lo rendono uno strumento potente e funzionale. L'editor è dedicato sia a chi sviluppa programmi sia a chi invece è dedito alla scrittura di codice HTML. I linguaggi supportati spaziano dal C/C++/C# sino al JavaScript, CSS e PHP, comprendendo naturalmente HTML e XML. Assieme all'editor, SciTe contiene anche strumenti che consentono...

Leggi il seguito »

Nessun commento »

Inserito in , , , , , , , , , , , , ,

Realizziamo un menu con effetto Mouseover

23 aprile 2009 - Fonte: http://www.programmando.net

Il codice CSS ci permette di ottenere un fantastico effetto di mouseover con molta semplicità, basterà combinare attributi Css con la nostra fantasia. Vi piacerebbe un menu che cambia colore dello sfondo e del testo al passaggio del mouse? Ecco un esempio di codice commentato che vi permetterà di eseguire in pochi mosse un menu di [...]...

Leggi il seguito »

Nessun commento »

Inserito in , , , , , , ,

Ombre con CSS: come fare?

21 aprile 2009 - Fonte: http://www.programmando.net
Vi piacerebbe impostare un’ombra su delle immagini con i Css? Si può e ci vuole pochissimo tempo. Scegliete la foto desiderata ricordando attentamente le sue dimensioni perché vi saranno utili quando scriverete il codice per l’elemento contenitore. Per prima cosa prepariamo il codice per il contenitore generale: Ora scriviamo il codice per il div che integrerà la [...]...

Leggi il seguito »

Nessun commento »

Inserito in , , , , , , , , ,

Piccolo trucco per proprietà CSS in-line

21 aprile 2009 - Fonte: http://www.programmando.net
Oggi vi propongo un semplice trucco, che vi permetterà di impostare le proprietà CSS in-line compatibili con qualsiasi browser disponibile al momento. Questo tutorial sarà utile per assegnare un comportamento “in-line” agli elementi di tipo “block”. Ecco il codice CSS: <style> li { width: 200px; min-height: 250px; border: 1px solid #000; display: -moz-inline-stack; display: inline-block; margin: 5px; zoom: 1; *display: inline; _height: 250px; } </style> Attualmente il “trucco” funziona con [...]...

Leggi il seguito »

Nessun commento »

Inserito in , , , , , , , , ,

Modifica dei form Html tramite Css

20 aprile 2009 - Fonte: http://www.programmando.net
Tramite il Css le modifiche che si possono apportare ai form Html sono davvero tanti, vediamo di seguito come modificare la grafica a un form. Il codice va inserito tra i tag <head> e </head>. Con questa tecnica si potranno applicare stilizzazioni grafiche di box e text. Il seguente codice va a definire lo sfondo del [...]...

Leggi il seguito »

Nessun commento »

Inserito in , , , , , ,