Su alcuni siti web e su alcuni blog che visito di frequente, i link del menu o quelli all'interno dei testi sono evidenziati non dalla classica underline che appare o scompare al passaggio del mouse, ma da una linea tratteggiata. 

Questa scelta da un tocco di originalità in più alla grafica di un sito web, in cui i link sono troppo spesso marcati da una sottolineatura classica. Ma questo è un parere personale, esistono molti blog che puntano sui contenuti, più che sull'aspetto grafico, riscuotendo un enorme successo.

Da poco Blogger ha introdotto la possibilità di impostare un editor avanzato per la scrittura dei post, che ha molte funzioni in più rispetto a quello classico, soprattutto per la formattazione del testo.

Per attivare l'editor avanzato basta andare dal pannello di controllo, nella scheda "Impostazioni" alla voce "Generale", e in fondo alla pagina impostare l'editor aggiornato nelle impostazioni globali.



Forse la novità più utile è la funzione per spezzare i post e mostrarne solo il sommario sulla home page del blog. Questo offre il vantaggio di poter visualizzare solo una parte del testo del post, quindi velocizzare il caricamento della home e mostrare più post senza allungare troppo la pagina iniziale.

Abbiamo visto in precedenza come creare un footer statico su blogger, cioè che non scorre con il resto della pagina ma resta sempre nella stessa posizione. Ora vediamo come realizzare un pulsante con la stessa tecnica. Nel mio blog ho deciso di posizionare in questo modo l'icona dei feed RSS in alto a destra, perché mi piaceva che fosse sempre in evidenza.

La procedura per realizzare un pulsante del genere è molto simile a quella trattata in questo post, con l'aggiunta di poche righe di codice.

Prima di tutto come al solito dobbiamo creare un'immagine che sarà il pulsante su cui inserire il link, e possiamo farlo con Photoshop o Gimp, ricordandoci che un'unica immagine dovrà contenere i due stati del pulsante, cioè "on" e "off", e che dovrà essere perfettamente divisa in due, proprio come questa:

Essendo un appassionato di web design, mi capita spesso nel tempo libero di navigare in cerca di ispirazione. Qualche volta mi capita di imbattermi in siti web che catturano la mia attenzione per un particolare design o per alcuni elementi contenuti nel layout, e nella maggior parte dei casi questi siti sono portfolio on line di grafici, designer o creativi in genere.

In particolare sono sempre stato attratto dagli elementi che rimangono fermi e non scorrono insieme al resto della pagina, perché credo che sia un ottimo modo di fargli ricadere addosso l'attenzione. In alcuni siti, questa tecnica è utilizzata per realizzare dei footer statici, questo perché contengono delle informazioni che i proprietari del sito vogliono far rimanere sempre sotto gli occhi del visitatore, o semplicemente per aggiungere un tocco estetico al sito.

Mi sono chiesto se fosse possibile realizzare lo stesso tipo di footer sul mio blog, e ho trovato una soluzione abbastanza semplice per farlo. Vediamo come.

Per molto tempo ho cercato di inserire dei pulsanti fatti con un un rollover di immagini all'interno del mio blog, senza mai riuscirci. Dopo un po' di ricerche sul web ho finalmente trovato un modo per farlo. In particolare l'articolo originale si trova a questo link.

La tecnica si basa sull'utilizzo dei CSS e ha il vantaggio (rispetto alla tecnica tradizionale basata sull'uso di javascript) di essere molto più leggera e semplice da realizzare.

Il risultato dell'effetto che andremo a realizzare è questo:

Questo tipo di rollover (che esattamente viene chiamato "sprite") e può essere utilizzato per creare dei pulsanti, o dei menu, e può essere inserito sia all'interno di un post su blogger, che come elemento html ad esempio nella sidebar, o nel footer del blog.