Style/Css para Social Spirit Part1

Criando um style

Olá ~ Estou fazendo essas aulas sobre como criar um style básico, espero que a partir do que viu aqui consiga fazer seu próprio style e que crie um com o seu próprio estilo e personalidade.
Espero que essas aulas te ajudem em algo, qualquer coisa pergunte nos comentários que eu ajudo no que puder, certo?
Agora vamos à aula!

Básico do Básico

Primeiro temos que saber o básico sobre imagens e edição, como os formatos e os tamanhos das imagens.

Programas

Você vai precisar ter um programa para edição das imagens, eu recomendo o photoshop, mas se não quiser pagar pelo photoshop original e também não quiser baixar ele crackeado pode se usar o pixrl, já que tem as funções parecidas, e se mesmo assim não quiser o pixrl pode usar o photoscape, ele até quebra um galho mas eu não recomendo usar ele pela falta de ferramentas como o uso de camadas, mas é a minha opinião, você escolhe qual preferir.

Baixando o modelo

Primeiro de tudo você deve ler as regras sobre o envio do style, ler todas, são muito importantes.

Você deverá ir ao site, clique em adicionar , no canto direito do seu perfil.

Clique em enviar style.

Leia as regras e aceite os termos.

Haverá um quadro meio alaranjado, clique aonde diz baixe o modelo  (...) clicando aqui.

Depois de baixado você deverá descompactar o arquivo, para isso você tem que possuir o winrar, clique no arquivo e em extrair aqui, ou extract here.

“Partes” de um styles

Antes de mostrar qual parte é cada, vou explicar uma coisinha, que apesar de existir vários tipos de styles, eles são “compostos” pelas mesmas parte com as mesmas medidas, você molda o style ao seu gosto, você faz como se sentir melhor, como souber, cada pessoa tem um estilo em seu style, segue algumas imagens de alguns styles meus, veja que sempre há um padrão.

Certo?

O modelo/bloco de notas é onde colocamos os comandos, exemplo:

.nav

background: #000;

Esse comando todo é para dizer que eu quero que a nav tenha o fundo preto ( a nav é aquela faxinha aonde está escrito banda e musicos, animes, filmes, oroginais, etc), por enquanto não precisa se preocupar que logo depois eu explico cada comando certinho.

O perfil/internet é onde vamos ver como o style está, ele é uma preview, eu nunca lembro o nome em português, ele é tipo uma previsão, é onde você vê como seu style está ficando.

A pasta img, é onde você editará as imagens;

Nessa pasta temos os elementos:

CimaLogo- ele é o banner do seu style, ele fica em cima centralizado  e na frente das outras imagens.

FundoDegrade- É a imagem que vai ao fundo, nas laterais dos styles.

FundoBase- ele vai a cima do fundoDegrade e embaixo do cimaLogo, e é centralizado no meio

FundoSombra- É como se fosse uma continuação do fundoBase

(Não da para mostrar nessa preview mas digamos que é igual a isso)

Até aqui entenderam tudo certinho?
Está bom?
Continuo? 
Bjinhosss~ 

Link da próxima aula ( já reescrita )