Tutorial para a criação de CSSs No AnimeSpirit

      Bom pessoal, eu tenho certeza que a maioria dos usuários do AnimeSpirit não sabem ou têem certas dificuldades em certas coisas em fazer CSSs! Isso mesmo, CSS, aqueles styles usados nas páginas.
      Primeiro passo é, você vai no canto da página, Minha Conta, Personalizar.Aí vai aparecer a lista de CSSs e vai ter uma opção que é "Adicionar Novo CSS". (Click em cima da imagem para ver de perto)

Logo após clicar em Adicionar Novo CSS, vai abrir uma página pedindo título, classificação, gênero e etc.

Você vai clicar em Clicando Aqui, assim, baixando o modelo completo do CSS.

Antes de tudo, vá no seu desktop (sua área de trabalho) e crie uma pasta para o CSS, vamos precisar de uma pasta vazia agora.

Então, quando você baixar o modelo completo do CSS, você coloca ele dentro dessa pasta que você criou no desktop.

Então você clica com o botão direito em cima do arquivo ZIP, e clica em Extrair Aqui.

Depois vão abrir várias pastas diferentes, Buttons,img,Projetos,estrutura.css,leia-me.txt,modelo.css, e finalmente o perfil.html.

A primeira dessas páginas que nós vamos mexer é a IMG.Clique duas vezes com o botão esquerdo sobre a pasta e vão abrir várias imagens.

Clique com o botão direito sobre a imagem cimaLogo.jpg , clique em Abrir com, depois clique no seu programa de edição.(No caso da Neko-chan, é o Paint T_T).Então você edita a imagem com um banner à sua escolha, com o comprimento à sua escolha, mas a largura tem que ser 1000px !

Eu pessoalmente gosto de assinar meus CSS'S, e gosto de colocar todos com: 1000px / 365px , mas o cumprimento a escolha é de vocês.Agora, nós passamos para o FundoBase.Edite da mesma forma que o CimaLogo, e salve, logo após o FundoDegrade e faça o mesmo, enfim o FundoSobra.Pessoalmente eu não gosto de mudá-lo, pra mim ele só deixa o CSS feio ú.u.Então, agora que já terminamos de mexer com a pasta img, vamos mexer com um arquivo TXT. é o Modelo.css .

Clique no Modelo.css, e logo ao abrir procure esta parte :

Você vai ver escrito :

 height: 120px;

Então você vai editar de acordo com o comprimento que você colocou.No meu exemplo :

height: 365px;

Agora nós vamos adotar as imagens em um site..Se não não funciona.Eu a-do-ro o Photobucket, para mim é o melhor.Você cria uma conta.Assim que criar, clique em UPLOAD lá em cima.(No meu caso, eu usei o PhotoBucket da minha amiga a Clarinha, é a Kuran_Midori no AS.Ela tem uma participação nisso então ^_^)

Clique em Select Photos and Videos.Assim que clicar, você vai abrir a pasta do CSS, selecionar as três imagens que modificamos, o FUNDOBASE, CIMALOGO e FUNDODEGRADE.

Você seleciona, e então vai ficar assim :

Então você clica em cima da imagem do CimaLogo.

Então você clica em cima do link do DIRECT LINK, e copia..Simples né?

Aí você vai voltar no Modelo.css.

Então, entre esse parêntese você apaga o que está ENTRE o parêntese deixando o parêntese.Então, você cola o link direto.Faz o mesmo com o FundoDegrade e o FundoBase.

Tem muita gente que reclama que o FundoDegrade e o FundoBase não funcionam, porque eles ficam só na metade da página e o resto fica..Verde.Então, você vai pegar essa parte:

background: url(img/fundoBase.jpg) no-repeat center top;

E no lugar de  : no-repeat center top;

Você vai colocar : fixed;

O mesmo no fundo Degrade.

Depois você pode ir conferir que vai ficar perfeito.Para conferir é só abrir o PERFIL.HTML

Fica assim.Então, você pode mudar as cores das letras e das coisas.Aqui um site, é o catálogo das cores, por que eu sempre me confundo com elas.

http://www.mxstudio.com.br/Conteudos/Dreamweaver/Cores.htm

Então, onde tem #32132 ou qualquer número, você muda para a cor desejada e vai no Perfil.HTML olhar.

Depois é só você salvar tudo apertando CTRL+S no TXT que é o Modelo.CSS, e enviar o CSS.

Espero que tenha sido beeeeem entendível >///< (não sei se essa palavra existe)

Bjinhokas pra vxs!

Xauxaau!!

Me adicione no AnimeSpirit! :http://animespirit.com.br/neko-nee-chan