Creare degli sfondi per il tuo sito o blog con dei pattern personalizzati

Oggi ti presento un’applicazione online che ti permette di creare dei pattern personalizzati da usare come sfondo ai tuoi siti web o blog. Si chiama Repper Lite e caricando una tua immagine potrai creare facilmente un pattern.

Il funzionamento è semplice. Basta visitare il sito e cliccare in alto a sinistra su Upload per caricare una tua immagine. Mettiamo il caso di voler mettere uno sfondo metallico al nostro sito…

Caricheremo dunque un’immagine di un pezzo di ferro o lamiera ecc..per esempio ho cercato su Google immagini “lamiera zincata” e ho trovato l’immagine che vedi sotto caricandola con upload!

L’immagine caricata si posizionerà nella finestra 2, dove sarà possibile scegliere il particolare da ripetere nel pattern semplicemente spostando il “mirino” quadrato, allargandolo o restringendolo per beccare più particolari.

In basso alla finestra 2 ci sono tre quadratini che mostrano il gioco che farà il pattern, io ho scelto il primo, basta smanettare per capire l’effetto e scegliere quello desiderato…

Appena l’anteprima ci soddisfa basterà cliccare su Download pattern nella finestra 3 e scaricarlo. Inoltre possiamo pubblicarlo su Facebook, Myspace, Twitter e Tumblr o impostarlo direttamente come sfondo del nostro Twitter.

Il sito permette inoltre di creare delle tazze, tappetini mouse, portachiavi, magneti, borsette di panno che potrai acquistare e farteli recapitare a casa, ma non penso che questo ti interessi.

Quello che vuoi sapere adesso è come caricarlo nel tuo sito per metterlo come sfondo. Innanzitutto devi caricare il pattern creato sul tuo server tramite FTP e lo chiamerai per esempio sfondo.jpg

Se hai un blog o non ti è possibile caricare file sul tuo spazio web potrai usare l’opzione “Get as a link” che si trova sempre nella finestra 3 accanto alla tazza, per capirci.

Insomma ci serve che il tuo pattern sia reperibile da una url, mettilo dove vuoi!

Ora cerca nei tuoi fogli di stile CSS la voce Background relazionata al body. Se usi un tema WordPress per esempio potrebbe essere

body {
background:
}

La maggior parte dei temi usa la dicitura body. Per impostare il tuo pattern devi impostare così il contenuto di Body background:

body {
background:  url(http://www.tuosito.com/tuacartellaimmagini/sfondo.jpg);
}

Tra le parentesi ci va l’indirizzo corretto del tuo pattern! Salva tutto e vai a controllare se lo sfondo è stato applicato correttamente. Questo vale per Blogger, WordPress e siti creati con software per editare Html e Css.

Insomma se sei davanti ad un sito che ti permette di editare i fogli di stile CSS puoi applicare questo tuo sfondo personalizzato. Se hai qualsiasi altro gestore di blog dovrai trovare l’apposita funzione di modifica sfondo.

Applicarlo come sfondo Youtube

Se invece ti serve come sfondo per il tuo canale Youtube basta andare sul tuo canale e essere loggato, modificare “Temi e colori” -> Mostra opzioni avanzate -> Caricare l’immagine e Selezionare “Sfondo ripetuto”

Questo è tutto, spero di averti dato una buona idea per creare uno sfondo al tuo sito. A presto!

By: Nik Làmux | Google+ 10 aprile, 2010 3,699 letture

In: Risorse per Blog, Risorse per la grafica |