Tutorial Skin Nuovo Layout - #01 Sfondo, Header e Mback

« Older   Newer »
  Share  
CAT_IMG Posted on 6/10/2011, 13:23
Avatar


Group:
Mod.Global
Posts:
5,250

Status:


Salve, benvenuti alla prima parte del completo tutorial su come creare skin con il nuovo layout, prima di iniziare con questa prima parte del tutorial in cui parleremo su come creare la parte grafica della skin cioè lo sfondo, l'header ed il mback, dovrete creare un forum di prova e mettere come skin la skin di base del nuovo layout.

Iniziamo con lo sfondo, per farne uno create un nuovo progetto (con qualunque programma) con le dimensioni di 1348px X 716px e dategli il colore e gli effetti che preferite, eccovi degli esempi per schiarirvi un po le idee: Rosso, Blu e Bianco/Crema, per metterlo nella skin inseritelo in Amministrazione Grafica alla voce Sfondo.

Passiamo all'header, che in parole povere è il logo orizzontale che trovate qui sopra, per farlo, basta che create un nuovo progetto (sempre con un programma a vostra scelta) con le dimensioni di 908px X 199px e fatelo sempre con un colore od un'immagine che preferite (non vi conviene dargli degli effetti come avete fatto con lo sfondo), comunque eccovi degli esempi: Rosso ed Blu Acqua, per inserirlo nella skin basta che andate in Amministrazione Grafica e lo aggiungete alla voce Logo.

Infine andiamo al mback che, per chi non sapesse cos'è, è la barra sopra le sezioni e le discussioni e sopra le statistiche, allora, il mback è la cosa più complicata, comunque noi ci proviamo, inziamo con scegliere se voler mettere un colore uniforme oppure un'immagine come in questa skin, allora, se scegliete di mettere il colore uniforme individuate nei CSS (Colori e Stili) le voci /* HOMEPAGE */ e background: #COLORE HTML e sostituite il colore in html presente con quello che preferite, mentre se scegliete di mettere un'immagine create un progetto (sempre con un programma qualsiasi) con le dimensioni di 861px X 40px e "rivestitelo" come preferite con colori ed effetti e poi sostituite il background: #COLORE HTML con background-image: url ('LINK IMMAGINE'); per finire il mback con quella riga sotto i blocchi di discussioni, sezioni e statistiche sostituite tutti gli altri colori in HTML della voce /* HOMEPAGE */ che vengono prima di quello che vi ho detto prima con il colore che preferite; mentre per mettere il mback alle statistiche basta che trovate le voci /* STATISTICHE */ e background: #COLORE HTML, per modificarlo usate lo stesso procedimento che abbiamo usato prima per fare il background del mback delle sezioni e delle discussioni

Bene, per questa prima parte abbiamo finito, ma vi aspetto nella prossima parte in cui parleremo di cambiare le immagini e mettere i tabs (quelle targhette che trovate intorno al container).

Alla prossima, arrivederci!


CITAZIONE
Corso per creare skin - Come si fanno le skin? - tutorial Skin nuovo layout - Corsi di skinning - Corso per fare le skin - Aiuto skin - dove posso trovare un tutorial per fare le skin - Help skin - Corsi base per skinnare - come coddare una skin - come si codda una skin - come montare una skin - Tutorial skin - tutorial nuovo layotu forumfree/forumcommunity/blogfree -



Edited by Spitfireikky - 6/10/2011, 14:32
 
Top
~[MeRc]« ChAPz » ™
CAT_IMG Posted on 26/5/2012, 19:38




Grazie.
 
Top
CAT_IMG Posted on 16/7/2012, 12:09
Avatar


Group:
Mod.Global
Posts:
5,250

Status:


Di nulla! :D
 
Top
Ai-fan
CAT_IMG Posted on 16/4/2013, 16:54




Grazie mille sei stato utilissimo :D
p.s. anch'io sono un fan di layton *O*
 
Top
3 replies since 6/10/2011, 13:23   957 views
  Share