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 .