Fim de Post ~ Comentários lá em cima!

às 22h15

Tutorial, espero que gostem...

creditos>> fv:peoplejonas_

TUTORIAL DE CSS

1º PASSO- você tem que ter uma conta no Geocites:
http://br.geocities.yahoo.com/

2º PASSO- se vc já tem melhor ainda, faça uma pasta(CÓDIGO-FONTE) no geocities, copie esse código abaixo e cole dentro desta pasta.
3º PASSO-RETIRE OS ASTERISCOS SOMENTE DO CÓDIGO QUE ESTÁ NO COMEÇO E NO FINAL <*style*> (SOMENTE DESSES)

<*style*>

/* Cached cyberspace-purewhite.css */
body { background-color: #E5E5E5;}

/* -- Fonte -- */
p, a, body, td, tr, div {
font-style: normal;
font-weight: normal;
font-size: 10px;
color: AQUI A COR DA SUA FONTE(COR DA LETRA);
font-family : verdana;
line-height: 13px;
cursor: none;}
}

/* -- Link -- */

a, a:link{ color: AQUI A PRIMEIRA COR QUE VAI APARER NOS LINKS ; height:0px; TEXT-DECORATION: none;
}

a:hover { color: AQUI A SEGUNDA COR QUE VAI APARECER; TEXT-DECORATION: none; }

/* -- Edit dos posts -- */

blockquote {
background-color:A COR DO FUNDO DO BLOCKQUOTE;
border-left: A PIXEL DA BORDApx solid CÓDIGO DA COR QUE VAI FICAR NAS BORDAS;
border-right:A PIXEL DA BORDApx solid CÓDIGO DA COR QUE VAI FICAR NAS BORDAS;
border-top: A PIXEL DA BORDApx solid CÓDIGO DA COR QUE VAI FICAR NAS BORDAS;
border-bottom:A PIXEL DA BORDApx solid CÓDIGO DA COR QUE VAI FICAR NAS BORDAS;
text-align: justify;
padding: 0px 0px 0px 0px;
margin: 1px 10px 1px 10px;
color: COR DA LETRA;
font-size: 11px;
}

post {
background-color: #CC99CC;
border-left: 8px solid #CC99CC;
border-right: 8px solid #CC99CC;
border-top: 1px dashed #CC99CC;
border-bottom: 1px dashed #CC99CC;
text-align: justify;
padding: 0px 5px 0px 5px;
margin: 1px 10px 1px 10px;
color:#CC99CC;
}


/* -- Estilos -- */

b { cursor: sw-resize; color: #ffffff; TEXT-DECORATION: none;
}
s { cursor: sw-resize; color: #ffffff; TEXT-DECORATION: none;
}
u { cursor: sw-resize; color: #ffffff; TEXT-DECORATION: none;
}
i { cursor: sw-resize; color: #FFFFFFF; TEXT-DECORATION: none;
}
strong { cursor: sw-resize; color: #ffffff; TEXT-DECORATION: none;
}

/* -- Caixas -- */
input, textarea, select
{font-family: verdana;
font-size: 11px;
color: COR DA FONTE DA LETRA Q VAI APARECER QUANDO ESCREVER UM RECADO DENTRO DA CAIXINHA;
border-top: 1px solid COR DA BORDA DE CIMA DA CAIXA DE COMENTARIO;
border-left: 1px solid COR DA BORDA ESQUERDA DA CAIXA DE COMENTARIO;
border-right: 1px solid COR DA BORDA DIREITA DA CAIXA DE COMENTARIO;
border-bottom: 1px solid COR DA BORDA DE BAIXO DA CAIXA DE COMENTARIO;
background-image : url("a URL DA FOTO QUE VAI FICAR NO FUNDO DA CAIXA DE COMENTARIO");
background-color:COR DO FUNDO DA CAIXA DE COMENTARIO CASO VOCÊ NAO QUEIRA IMAGEM;
-moz-border-radius: 8px 8px 8px 8px;
}


.cmttext {
align: center;
width:500px;
color: #FFFFFF;
border: #FFFFFF;
cursor: crosshair;
text-align: left;
font-family: Tahoma;
font-size: 11px;
background-color: #FFFFFF;
}
/* -- Tabelas -- */
.titulo {
border-bottom: 1px dotted #1F1F1F;
}
.obg{
color: #545454;
border-top: 1px solid #545454;
border-bottom: 1px solid #545454;
background: url("http://i35.tinypic.com/wc0gp3.png") center top no-repeat;
}

.menu {
line-height : 20px;
letter-spacing : 1px;
padding-left : 16px;
font-size: 18px;
font-family: Georgia;

}
.fundopost {
color: #858585;
border: 3px solid #1F1F1F;
background-color: #545454;
text-align: justify;
-moz-border-radius: 10px 10px 10px 10px;
}
/* --------- As tables --------------------- */

.table {
color: COR DA FONTE DA TABLE;
border-bottom: 1px solid BORDA DE BAIXO;
border-top: 1px solid BORDA DE CIMA;
background-color: COR DO FUNDO DA TABLE;

}

<*/style*>
Detalhes:

font-size: 10px;<-Tamanho da fonte
color: #B2B2B2;<-Cor do texto
a:link{color: #00CCFF<-Cor do link
a:visited{color: #00CCFF<-Cor do link depois de já ter clicado nele
a:hover {text-decoration: none; font-weight: none; color: #B2B2B2<-Cor do link ao passar o curso
color: #00CCFF;<-Cor do texto dentro da caixa e texto dentro do botão.
border: 1px dotted #ffffff;<-Cor da borda
background-color: #ffffff;<-Cor do fundo da caixa

Ao salvar, é necessário salvar como "nomedoarquivo.css" DEVE ser .css para funcionar.


DEPOIS DE TER EDITADO TODO O CSS SALVE COM O NOME QUE VOCÊ QUER .CSS(SENAO NAO FUNCIONA OK?).

ASSIM QUE SALVAR ELE VAI VOLTAR PARA O GERENCIADOR DE ARQUIVOS, PROCURE O NOME DO SEU CSS , ASSIM QUE ENCONTRAR BEM AO LADO DELE TEM UM LINK ESCRITO " EXIBIR" CLICA NELE.

VAI ABRIR UMA PAGINA COPIE A URL DA PAGINA E COLE DENTRO DESSE CÓDIGO :

<*link rel="stylesheet" href=" AQUI A URL DO SEU CSS QUE VC HOSPEDOU NO GEOCITIES " type="text/css" media="screen" /*>

RETIRE OS ASTERISCOS PARA QUE FUNCIONE COPIE TODO ESSE CÓDIGO SEM OS ASTERISCOS E COLE NO SEU POST NO FLOG VIP E PRONTO SEU CSS ESTÁ PRONTO! PARA DUVIDAR FALE COMIGO PELO WWW.FLOGVIP.NET/PEOPLEJONAS OU ADICIONE NO MESN :STEPHANIE-TOP@HOTMAIL.COM

OBSERVAÇAO:

CASO VC QUEIRA COLOCAR ALGO NO CSS PONTILHADO MUDE O CÓDIGO QUE VEM DEPOIS DAS PIXELS EX:( border:3px SOLID #FFFFFF)MODIFIQUE SÓ AONDE TA O "SOLID":

PONTILHADO - DOTTED
LISO - SOLID

NO CSS AS CORES SAO CÓDIGOS QUE SE COMEÇAM COM #, SÓ TROQUE AS CORES E OS PIXELS NO CSS NADA MAIS OK? PARA PEGAR AS CORES VAI NO PAINEL DE CONTROLE > ESTILOS LÁ VC ENCONTRA MUITOS CÓDIGOS DE CORES É SÓ COPIAR E COLAR^^

PARA USAR O BLOCKQUOTE NO FLOGVIP É SÓ UTILIZAR AS TAGS<*BLOCKQUOTE> PARA ABRIR E <*/BLOCKQUOTE> PARA FECHAR.LEMBRE-SE DE RETIRAR O ASTERISCO DA TAG BLOCKQUOTE

SE QUISER EDITAR O CSS PRA USAR EM UM OUTRO NEW LOOK É SÓ EDITAR O CÓDIGO QUE ESTÁ NO GEOCITIES E SALVAR !OU SE PREFERIR COPIE A BASE E FAÇA OUTRO CÓDIGO-.FONTE

ESPERO QUE APROVEITEM ^^
E SE COPIAR O TUTORIAL POR FAVOR CREDITE^^

Fim de Post ~ Comentários lá em cima!

às 21h53

Por: duda & mari

oi, então gostaram do novo template? Espero que sim, pq o que demoro pra gente aprender a botar isso aqui, nossa, mas finamente conseguimos.. temos que agradecer ao site drikoti, pelo template! Bom além de estreiar o novo template queria avisar que amanhã provavelmente não vou postar, segunda vou viajar e amanhã tenho que arrumar as coisas... Mas segunda eu to de volta, e com muitas ,ou poucas novidades... Vai saber, beijos :*

Fim de Post ~ Comentários lá em cima!

às 20h44

Por: duda & mari

É acorda Eduarda, kaspodkaposd' to brincando! Também to com vontade de ir pra escola.. eu fico aqui olhando meus cadernos novos, louca de vontade de escrever neles, mas ai quando a aula começa, eu quero é parar de escrever! Se bem que esse ano vai ser muuuito legal, nós vamos ter que usar jaleco, o meu eu comprei P e fica gigante em mim, imagina como vai ficar na fe e na le! Já vou beijos :*

Fim de Post ~ Comentários lá em cima!

às 20h43

Por: duda & mari

Noossa, acabei de acorda o.o, ah, só pra lembrar, agora são 10:45 ok? esse relógio aí das postagens está totalmente errado O.o Já to com saudades de nossas aulas, não vejo a hora de sentar aqui na frente do pc, e escrever o que aconteceu durante o dia *-*' blé, acorda eduarda! (: beijos ;*

Fim de Post ~ Comentários lá em cima!

às 20h42

Por: duda & mari

Oii, Mari postando ;D Essa ai na foto é a Sara Bailes, eu adoro a musica Love Song, passa direto no multishow o clip dela, é tão bonitinho! Ai não tem nada pra faze, to aqui vendo jornal com a minha mãe, mas é um saco só diz coisas ruins, como sempre... Bom não vou ficar aqui falando de jornal né ¬¬. Eu e a duda temos cada uma um flogvip, o meu é o www.flogvip.net/who e o dela: www.flogvip.net/fansashleytisdale. Se vcs quiserem ir la dar uma espiada, nós agradecemos! Bom ja vou, beijos :*

Fim de Post ~ Comentários lá em cima!

às 20h42

Por: duda & mari

rs, nossa formatura de oitava sério, muito muito linds *-* aliais todas nós estavam lindas, um dos melhores anos do colégio, ai vem a pergunta, como assim melhor ano no colégio, colégio nao é bom!? claro que é, quando se tem amigas verdadeiras, legais, compressenvias, engraçadas e tudo tudo mais.. o colégio vira uma beleza, obrigada por tuudo que vcs conviveram cmg, esse ano será melhor ainda *-* apesar da AnaC. ter ido morar em outra cidade, nós vamso continuar sendo felizes *-* ! Um beijo pra voces, ;*

Fim de Post ~ Comentários lá em cima!