ArteDelWeb.it - WebDesign, Photoshop, Tutorial » Templates & Skin

Guida: creazione di un template web 2.0 in Photoshop – #3 Footer

Artedelweb — Sun, 06 Dec 2009 07:59:43 +0000

Dopo aver realizzato sia l’header, che il content, arriviamo ora all’ultima tappa di questa guida realizzando il footer. Questo sarà principalmente composto da un contact form e da un testo di crediti.

Footer

Sfondo

Creiamo un nuovo gruppo di nome “Footer“. Inseriamo il livello del footer all’interno del gruppo e lo rinonimiamo in “bg_footer“. Vi applichiamo questo stile livello (N.B.: bisogna spostare il gradiente verso l’alto come mostra la figura 3):

Ecco cosa dovreste ottenere:

Contact form e crediti

Creiamo un nuovo gruppo di nome “Contact form“. All’interno creiamo, grazie allo strumento rettangolo arrotondato, queste forme:

Ai campi bianchi, applichiamo questo stile livello:

Mentre al bottone azzurro, quest’altro stile livello:

Ecco ciò che otterremo:

Aggiungiamo, infine, del testo sopra ai campi, e una scritta di crediti in basso:

Ecco finito il nostro template in perfetto stile web 2.0

Potete scaricare da qui gratuitamente, il file .PSD del template Per qualsiasi domanda, o dubbio, potete scriverci nei commenti .

Esclusiva collezione di risore per webdesigners

Artedelweb — Wed, 11 Nov 2009 18:10:41 +0000

Tutorial9 ha pubblicato una collezione di utili risorse per webdesigners a cui ha dato il nome di “The Ultimate Resource Pack”. Si tratta di un’offerta limitata che avrà termine lunedì 16 novembre: infatti, fino a quel giorno sarà possibile scaricare il pack in modo gratuito. Sono presenti circa 400 esclusive icone ed un totale di 7 temi a pagamento di alta qualità per WordPress e Tumblr.
A nostro giudizio, una buona raccolta sopratutto perchè è gratuita e messa a disposizione di tutti senza alcun costo. Per maggiori informazioni e per il download potete cliccare qui.

10 dark template da cui trarre ispirazione

Artedelweb — Mon, 05 Oct 2009 12:11:21 +0000

Oggi abbiamo raccolto per voi, 10 siti web con temi dalle tonalità scure che ci sembrano davvero validi e che possono senz’altro darvi ispirazioni per progetti futuri.

Link: www.radiumlabs.com

Link: www.markjardine.com

Link: www.metalabdesign.com

Link: www.atebits.com

Link: www.uidigital.com

Link: www.jasonstockman.com

Link: www.designembraced.com

Link: www.sharify.it

Link: www.blackboxrepublic.com

Link: www.goinnovate.co.uk

Layout professionale in PSD per siti web

Artedelweb — Fri, 21 Nov 2008 16:01:28 +0000

Molto spesso si cerca un template professionale o davvero di buona qualità per un sito di un azienda e così via, e gli unici che fanno il caso tuo sono a pagamento!
Oggi vi voglio segnalare un tempate in formato PSD davvero bello, creato da psdfreebee.com, e scaricabile gratuitamente.

Template by Artedelweb.it #1!

Artedelweb — Tue, 19 Aug 2008 17:57:46 +0000

Eccoci di nuovo qui, e questa volta con una novità! Artedelweb.it si arricchisce di una nuova sezione “Favourite templates”. Di cosa si tratta? Praticamente noi dello staff di Artedelweb.it abbiamo deciso di mettere a disposizione templates creati da noi, gratuitamente scaricabili e completamente personalizzabili. L’unica cosa che vi preghiamo di lasciare intatta è il link al nostro sito presente nel footer di ogni template in modo tale da essere in qualche modo ripagati del lavoro svolto. Eccovi quindi il primo template di questa nuova sezione:

Live preview | Download

Raccolta di skins di Willz by artedelweb.it

Artedelweb — Tue, 22 Jul 2008 08:26:44 +0000

Per chi non lo conoscesse, Willz è il miglior creatore di skin Messener Plus!
Live in circolazione!
E’ stato tra i pochi a riuscire a sfruttare l’opzione della forma personalizzata
della finestra del nostro messenger.
Ecco tutte le sue skins e il relativo download raccolte per voi, da noi dello
staff!

Download|

http://www.msgpluslive.it/skins/view/81-Fantasia/

Download|

http://www.msgpluslive.it/skins/view/56-Iron-Man/

Download|

http://www.msgpluslive.it/skins/view/54-…Messenger/

Download|

http://www.msgpluslive.it/skins/view/41-Zero-G/

Download|

http://www.msgpluslive.it/skins/view/46-…ars-a-Who/

Download|

http://www.msgpluslive.it/skins/view/59-Wall-E/

Download|

http://www.msgpluslive.it/skins/view/62-Kung-Fu-Panda/

Download|

http://www.msgpluslive.it/skins/view/77-…rk-Knight/

Download|

http://www.msgpluslive.it/skins/view/78-…tal-Skull/

Tema WordPress: Stil Bruch

Artedelweb — Sat, 29 Mar 2008 17:18:26 +0000

Oggi, navigando tra alcuni siti, abbiamo visto questo bel tema wordpress da proporvi. Semplice e bello, è composto da un unica colonna centrale e da un semplice logo. Il tutto bicolore ma rotto da quei punti effetto pixel di vario colore. Un tema sicuramente confacente allo stile web 2.0 di oggi!

Skin MSN Plus: Iron Man

Artedelweb — Thu, 27 Mar 2008 13:58:15 +0000

Quasi tutti conosceranno Messenger Plus! Live, il più noto software aggiuntivo a Windows Live Messenger. Dalla precedente versione in avanti, è stato implementato l’utilizzo si skins grafiche grazie alle quali è possibile cambiare l’aspetto grafico del nostro Messenger. Oggi, infatti, vi proponiamo la migliore e più personalizzata e personalizzabile skin grafica per MPL 4.60! Il creatore Willz si è ispirato al noto film della Marvel “Iron Man”.

Temi Nokia in stile natalizio by PiZero

Artedelweb — Fri, 07 Mar 2008 13:32:40 +0000

Per tutti gli appassionanti di cellulari Nokia, oggi vi proponiamo 2 temi natalizi per i Nokia Symbian 3rd (tutta la serie N e altri).
I temi, creati da PiZero, sono davvero molto belli da un punto di vista grafico, e sono disponibili in due tonalità di colore differente: Blu e Rosso.
Inoltre, essendo vettorializzati, possono essere applicati a qualsiasi grandezza dello schermo.

Tema Rosso

Tema Blu

Crea skin con Msn Plus! Live

Artedelweb — Thu, 06 Mar 2008 16:59:07 +0000

E’ da poco uscita la nuovissima versione del più scaricato software aggiuntivo a
Windows Live Messenger, stiamo parlando di Msn Plus! Live.
Questa nuova versione offre una caratteristica molto utile, ovvero ti permette di creare skins per WLM, come già vi avevamo anticipato.
D’ora in poi, non ci sarà più il bisogno di sostituire file dll o frugare nel codice e questo significa anche, che in poco tempo verranno pubblicate nuove bellissime skin da usare.
Assieme a quest’interessante funzione, Patchou (il creatore di Msn Plus! Live), inserisce anche un esauriente documentazione che spiega agli sviluppatori, come creare e rendere nota la skin
creata. L’unica pecca è che tale documentazione è in inglese :-\
Intanto è già presente una bella sfilza di nuovissime skin scaricabili dal sito ufficiale.