♥
ENTENDA CSS ♥
TUTORIAL FEITO POR:
flogvipsupporters.webs.com/ se utilizá-lo credite.
Fonte:
É a fonte geral do seu flogvip, aqui você configura cor, tamanho e etc.
Dica: As fontes mais usadas no flogvip são Tahoma (tamanho 12) e Verdana (tamanho 11).
font-family: Nome da fonte.
font-size: É o tamanho da fonte.
font-style: Onde você define se você quer o texto em itálico, negrito etc. Se lembre que essa configuração é para todo o seu flogvip, não vá exagerar.
font-weight: É o peso da fonte. Você pode colocar normal ou em negrito.
color: É a cor da sua fonte.
line-height: É o tamanho do espaço entre uma linha ou outra.
cursor: Que tipo de cursor você quer no seu flogvip.
Links:
Agora vamos editar os links, que são os de últimos cadastrados, outros flogvips e etc.
a, a:link - São os links normais, sem o mouse por cima.
font-family: Nome da fonte.
font-size: É o tamanho da fonte.
color: É a cor dos links normais.
background-color: É a cor de fundo dos links.
border: É a borda dos links. Você pode colocar border-bottom (borda de baixo), border-top (borda de cima), border-left (borda da esquerda) e border-right (borda da direita), é só você substituir no css. (Lista dos tipos de borda)
text-decoration: É a decoração do texto. Se você quiser negrito coloque bold, e assim por diante. Se não quiser nada coloque "none", como por exemplo, aquele linha debaixo do link não irá aparecer.
cursor: É o cursor que vai aparecer quando você passar o mouse sobre o link.
a:hover - São os links quando eles são "ativados", ou seja, quando você passa o mouse por cima deles.
font-family: Nome da fonte.
font-size: É o tamanho da fonte.
color: É a cor dos links quando você "ativar" eles.
background-color: É a cor de fundo dos links.
border: É a borda dos links. Você pode colocar border-bottom (borda de baixo), border-top (borda de cima), border-left (borda da esquerda) e border-right (borda da direita), é só você substituir no css.
text-decoration: É a decoração do texto. Se você quiser negrito coloque bold, e assim por diante. Se não quiser nada coloque "none", como por exemplo, aquele linha debaixo do link não irá aparecer.
cursor: É o cursor que vai aparecer quando você passar o mouse sobre o link.
Estilos:
Os estilos são a configuração das tags de negrito, itálico, sublinhado e etc. Quando você quiser usar no seu post, é só colocar a letra entre <>.
Dica: Você também pode criar suas próprias tags, como tags de cores diferentes.
b - Textos em negrito.
cursor: É o cursor que vai aparecer quando você passar o mouse por cima do texto.
color: É a cor do texto em negrito.
u - Textos sublinhados.
cursor: É o cursor que vai aparecer quando você passar o mouse por cima do texto.
color: É a cor do texto em sublinhado.
i - Textos em itálico.
cursor: É o cursor que vai aparecer quando você passar o mouse por cima do texto.
color: É a cor do texto em itálico.
s - Textos tachados.
cursor: É o cursor que vai aparecer quando você passar o mouse por cima do texto.
color: É a cor do texto tachado.
strong - É a tag que no flogvip aparece no contador de visitas, na foto em que você está e etc.
cursor: É o cursor que vai aparecer quando você passar o mouse por cima do texto.
color: É a cor do texto em strong.
cor - É a sua tag, você pode configurar ela como as outras, ou colocar uma cor diferente para destacar alguma palavra. Você pode colocar qualquer letra/palavra para ser a tag, contando que coloque ela entre <> no seu post.
Seleção Colorida:
Sabe quando você vai em um flogvip e quando você passa o mouse, invés de um cinza e preto a seleção está colorida? Essa é a configuração que se usa.
Dica: Não coloque nada muito exagerado, com cores chamativas, pois isso atrapalha a pessoa a ler o post.
background: É a cor do fundo da seleção.
color: É a cor que o texto vai ficar quando você selecionar.
Caixa de comentários:
É a caixa onde as pessoas comentam no seu flogvip. Eu vou colocar o código básico da caixa de comentários, se quiser os outros códigos, vá na página de Códigos.
font-family: Nome da fonte.
font-size: Tamanho da fonte.
color: É a cor do texto da caixa de comentários.
background: É a cor de fundo da sua caixa de comentários.
border: É a borda da caixa. Você pode colocar border-bottom (borda de baixo), border-top (borda de cima), border-left (borda da esquerda) e border-right (borda da direita), é só você substituir no css.
width: É o tamanho da caixa, quanto maior o número, maior ela vai ser.
-moz-border-radius: É o arredondamento da borda. Quanto maior o número, mais redonda ela vai ser.
Título:
É o título do seu flogvip, que fica logo no começo da página.
font-family: Nome da fonte.
font-size: É o tamanho da fonte.
font-style: Onde você define se você quer o texto em itálico, negrito etc. Se lembre que essa configuração é para todo o seu flogvip, não vá exagerar.
font-weight: É o peso da fonte. Você pode colocar normal ou em negrito.
color: É a cor da sua fonte.
Tabelas:
As tabelas são onde fica o seu post. Você pode configurar elas do jeito que você quiser e fazer várias em um mesmo css.
Dica: Se o seu post tiver várias tables, aconselho não nomear nenhuma com o nome "post", pois a configuração dessa table vai configurar todo o seu post.
.nomedatable - É o nome da tabela, você pode colocar qualquer um, mas não se esqueça de colocar o ponto (.) na frente.
font-family: Nome da fonte.
font-size: Tamanho da fonte.
color: É a cor da fonte dos textos.
text-align: É o alinhamento do texto, ele pode ficar todo na direita (right), esquerda (left), ou justificado (justify).
background-color: É a cor do fundo da sua tabela.
border: É a borda da caixa. Você pode colocar border-bottom (borda de baixo), border-top (borda de cima), border-left (borda da esquerda) e border-right (borda da direita), é só você substituir no css.
padding: É como um parágrafo. Determina qual é o afastamento do texto da sua tabela com a borda da mesma.
width: É o tamanho da tabela, quanto maior o número, maior a tabela vai ficar.
-moz-border-radius: É o arredondamento da tabela. Quanto maior o número, mais redonda ela vai ser.
Conteúdo Exclusivo RBD
Conteúdo exclusivo para
fãs da banda Mexicana
RBD. Aqui podem ser feitos downloads
de cds, DVDs, imagens, gifs e etc. Façam bom proveito e não deixem de colocar os
devidos créditos ok?!
♥
CDS
♥
DVDS
♥
BOX REBELDE
♥
GIFS
♥
FOTOS
♥
LINKS IMPORTANTES
Tutoriais Úteis
Postarei neste espaço tutoriais muuito úteis,
como bases CSS, códigos HTML,
inserir
códigos em arquivos prontos e muito mais que eu achar que devo postar.