<body> posts domingo, 18 de outubro de 2009 às 09:40
Bom nesse tutorial eu vou ensinar como utilizar css base para flogvip

1º Você precisa de uma conta em algum site via FTP tipo Geocities , 6te.net entre outros...

Crie um novo arquivo no seu FTP

e cole o código do CSS Base

2º Isso é o código da sua fonte do css


/**** FONTE ****/

p, a, body, td, tr, div {
font-style: normal;
font-weight: normal;
font-size: 10pt; <-- Edite o tamanho texto
color: #6666FF; <-- Edite a cor do texto
font-family: Tahoma; <-- Edite a fonte do texto
line-height: 13px;
cursor: crosshair}

3º Passo Isso é as caixas tipo textarea , inputs


/**** CAIXAS ****/

input, textarea
{ color: #6666FF;
font-size: 10pt; <-- Edite o tamanho texto da caixa
font-family: Tahoma; <-- Edite a fonte do caixa
border: 1px solid #0000FF; <-- Edite a borda da caixa
-moz-border-radius: 8px 8px 8px 8px;
background-color: #99CCFF } <-- Edite o fundo da caixa



Uma Caixa é assim





4º Passo isso é os links


/**** LINKS ****/

a:link
{ font-family: Tahoma;
font-size: 10pt; <-- Edite o tamanho do link normal
color: #333333 } <-- Edite a cor do link normal

a:hover
{ color: #3399FF; <-- Edite a cor do link quando passar o mouse
font-family: Tahoma; <-- Edite letra do link após passar o mouse
font-size: 10pt; <-- fonte do link após passar o mouse
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1px;
border-bottom-style: dashed;
border-bottom-width: 1px }



5º Passo isso é a formatação de texto


/**** FORMATACAO DE TEXTO ****/

u
{ font-family: Tahoma; <-- fonte do texto sublinhado
color: #000000; <-- cor do texto em sublinhado
font-size: 10pt; <-- tamanho do texto em sublinhado
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1px;
border-bottom: 1px solid #9966FF }

b
{ font-family: Tahoma; <-- fonte do texto em negrito
font-size: 10pt; <-- tamanho do texto em sublinhado
color: #6666FF; <-- cor do texto em sublinhado
font-weight: bold }

i
{ font-size: 10pt; <-- tamanho do texto em italico
font-family: Tahoma; <-- fonte do texto em italico
color: #6666FF; <-- cor do texto em italico
font-style: italic }

ul
{ font-family: Tahoma; <-- fonte do texto em UL
font-size: 10pt; <-- tamanho do texto em UL
color: #000000; <-- cor do texto em UL
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1px;
border-bottom: 1px solid #0000FF }





Exemplo

NEGRITO ITALICO SUBLINHADO UL



6º passo isso é a formatação das tables


/**** TABLE / TABELAS ****/

table
{ color: #3399FF; <-- cor da fonte das table
font-family: Tahoma; <-- fonte das tables
font-size: 10pt; <-- tamanho da fonte das tables
border-bottom: 3px double #6666FF; <-- cor da borda das tables
background-color: #99CCFF } <-- fundo das tables








ISSO É UM EXEMPLO DE TABLE :)


Bom espero que tenha aprendido e gostado do meu primeiro tutorial sobre css :)

Beijoos :*