Como fazer css para flogvip

Como fazer css para flogvip

Díficil não é, só precisa de atenção, ok? vou ensinar a fazer um css básico nesse tutorial, com o tempo você irá se aperfeiçoando, acreditem hoje em dia eu faço qualquer css, mas no ano passado eu nem sabia o que era, então vamos lá, por partes, primeiro ensinarei cada função do css e depois como editar uma base (tutorial destinado aos usuários do flogvip) Não tenha preguiça de ler.

FONTE (São as fontes do seu flog, tudo o que estiver escrito, menos os links, claro).

IMAGEM (são as imagens do seu flog, tipo os favoritos, as fotos postadas e as propagandas)

LINK (são os links do seu flog)

ESTILOS (podem ser vários, entre eles : negrito <b>escreve aqui</b>, itálico <i>escreve aqui</i>, e assim por diante, ok? confiram isso na parte de GOODIES >>> CÓDIGOS do nosso site)

SELEÇÃO COLORIDA (quando você seleciona com o mouse alguma coisa, fica dessa cor).

CAIXA DE COMENTARIO (são as caixas de comentários).

TABELA (são as tables, caixas de post,onde você escrreve seus textos).

FORMATAÇÃO DA LINHA DA BARRA (é a linhda do topo do flogvip, onde fica escrito : Nome do flog | postar foto | painel de controle | ajuda | sair).

FOOTER (nem sempre é usado, mas é a parte debaixo da caixa de comentários, digamos que é o rodapé do flogvip, ok?! pode ter imagem, pode ficar sem ou pode ter alguma cor diferente, veremos a seguir).

COISAS QUE TEM QUE LEMBRAR ANTES DE FAZER SEU CSS sempre que estiver escrito color, é a cor da LETRA, não do fundo, atenção nisso.Sempre que estiver escrito font-size, é o tamanho da LETRA, da fonte, ok? (evitem colocar mais de 12, é grande demais).Sempre que estiver escrito font-family, é a fonte, exemplo - font-family:tahomaSempre que estiver escrito border-top, border-left, border-bottom ou border-right significa a borda, de cima, do lado esquerdo, debaixo e do lado direito, ok?) Sempre que estiver escrito background-color ou background, é o fundo, sempre!Sempre que estiver escrito background-image: url('LINK AQUI');, é uma imagem como plano de fundo, pode ser do flog, das tables, da caixa de comentários, da barra de formatação, enfim, de onde for e se sua base não tiver isso, mas você quiser colocar, é só pegar essa parte do código e por, ok? OUTROS LEMBRETES vejam que sempre depois de um número que signifique a espessura ou largura, vem as letras PX, que significa pixel, ou  seja, grossura, largura, espessura, enfim, o tamanho de determinada coisa.Reparem também que em muitos lugares vai estar escrito assim :5px solid #777777; (nesse exemplo, temos a espessura que pode ser ao seu gosto, temos a palavra SOLID que significa solido, seria uma linha reta, ou então se quiser as linhas pontilhadas, podemos trocar por DASHED e logo em seguida), temos o código da cor, (nunca tirem o # antes do código e nem o ; depois do código, ok?). FAZENDO SEU CSS Depois de ler as instruções acima, você já pode fazer uma base ou modificar uma, se ainda se sente inseguro, recomendo que pegue uma pronta e apenas modifique ao seu gosto, deixarei uma feita por mim para vocês modificarem e claro COLOCAR OS CRÉDITOS DA BASE A ESSE SITE, SWEETPOISON.TK, OK?! Abra a base do css em seu bloco de notas,  e nela, estaram separadas por partes, todos os itens que falei acima, (FONTE, IMAGENS, LINKS e etc...)Sempre que tiver color coloque a cor que você quer, background também e assim por diante, NÚMEROTALpx na espessura que você quer usar, background-image: url('link aqui'); se quiser uma imagem no local, se não, então ignorem essa parte, Dashed para bordas e linhas pontilhadas, solid para bordas e linhas retas. Quando quiser que alguma coisa fique sem cor ou coisa do tipo, pode colocar o seguinte no lugar de color: transparent;  (com o ponto e virgula tá).Nessa base que disponibilizei para vocês, na parte das caixas de comentário, é o seguinte :1ª parte é a parte de dentro da caixa, a 2ª é a de fora e a 3ª não é a de comentário, é subtitulo, certo? então, essa parte é onde está escrito no flog : ÚLTIMOS CADASTRADOS, FAVORITOS, ÚLTIMAS FOTOS, sabe? então, é essa parte. Outra coisa importante, as tables (caixa de post), pode fazer quantas você quiser, como essa base que estou disponibilizando é simples, só tem 2, mas você pode fazer mais, ok? repare que antes do codigo das tabelas tem sempre escrito algum desses nomes (Table, table1, table2, table3, table4, caixa, caixa1, caixa2, linha, linha1, linha2 ou qualquer outro nome do tipo, isso é para que você possa colocar as tables depois organizadas no seu flog, exemplo : Eu fiz duas tables, a preta e a branca, a preta é a table1 e a branca table2, a preta quero que fique maior, do lado de fora e a branca menor do lado de dentro, então na hora que o css estiver pronto eu saberei como é cada table e colocarei esses códigos no post :

MEU TEXTO AQUI

, mas foi só um exemplo, ok?) Me matem se eu falar : Ok?! de novo kkk.Bom, acho que é isso né, qualquer dúvida me perguntem pela AKS, ok?! rs espero que consigam usar direitinho, fazer um css legal e tals.. se quiser saber como hospedar, tem 2 tutoriais feitos por mim em TUTORIAIS. SE USAREM A MINHA BASE DEEM CRÉDITOS PLEASE, DÁ TRABALHO, NÃO COPIEM MEU TUTORIAL, NÃO DISPONIBILIZEM MINHA BASE E NEM O TUTORIAL, OK? SÓ ASSIM CONTINUAREI FAZENDO ESSES TUTORIAIS E DISPONIBILIZANDO MINHAS COISAS.

AVISO:Este tutorial pertence ao site:http://sweetpoison.edicy.co/

Não estou repassando,coloquei no meu blog de teste para guardá-lo,pois estou aprendendo a fazer CSS.

Você pode usá-lo,mas não repassá-lo.Entre no site e siga as instrução  que estão lá.

OBRIGADA.