Como fazer CSS FlogVip, ou Multi - Passo a Passo - ATSPACE

Criar flog

« Anterior 15/09/2009 - 11:36 Próxima » 0

Aulas

Dica para quem esta fugindo do Geocities,que vai sair do Ar.

Baixem todos os css salvos la, e enviem para esse site.
ABRAM O SITE
http://www.atspace.com/
Escolha a op��o Free.
http://www.atspace.com/signup-free.html

Vejam os passos a Seguir:

Para quem nao sabe Fazer o Css ainda..
Fa�am uma Imagem tamanho 500 x 160
E salve em algum flog, ou outro site,
para poder pegar o link e por no CSS
Abram esse link e copiem o texto

http://prit.atspace.com/prit.css

Abra um Bloco de nota. Cole esse c�digo
Fa�a suas altera��es
e Salve como Css.

Exemplo: azul.css, ou fantasia.css

Sempre pondo .css no final do arquivo na hora de salvar
E fa�a o Carregamento do css na op�ao: UploadFile

Pegue o link do Css que vc criou e ponha dentro do c�digo:

<*link rel="stylesheet" href="COLE AQUI" media="screen" />

FICAR� ASSIM

<*link rel="stylesheet" http://prit.atspace.com/prit.css" media="screen" />

Tire o "*" (asterisco) para Funcionar

..saudades...
grupo cada vez mais distante...
mas sempre presentes
quando precisamos.

.
Saia tamb�m dessa foto!!! Venha me conhecer!!
Prit

Comentários

1 - /pritcila GoldVIP

em 15/09/2009 às 12:02 disse:
<html>
<head>
<title>pritcila</title>
</head>
/* ------------------------------- title ---------------------------------- */

.titulo {
border-bottom: 3px double #99cc66; font-weight: bold; color: #99cc66
}
/* ------------------------------- caixas ---------------------------------- */

input, textarea {
color: HotPink;
font-family: Kristen ITC;
font-size: 20px;
font-weight: bold;
border: 3px dotted HotPink;

2 - /pritcila GoldVIP

em 15/09/2009 às 12:02 disse:
background-image : url("http://v1.gigafoto.com.br/2008/06/09/512272.gif");

}

html {
scrollbar-3dlight-color: HotPink;
scrollbar-arrow-color: HotPink;
scrollbar-base-color: HotPink;
scrollbar-darkshadow-color: HotPink;
scrollbar-face-color: #000000;
scrollbar-highlight-color: HotPink;
scrollbar-shadow-color: #000000; }
#999933, OffX=1, OffY=1, positive=2), chroma (color=#ff0000);}
.HeadImage {padding-top:10px}
</style>

</body>
</html>

3 - /pritcila GoldVIP

em 15/09/2009 às 12:02 disse:
Nesse Css
usei a cor hotpink
fonte tamanho 20
fonte: Kristen ITC
border: 3px dotted HotPink;
significa: borda de comentarios
na expessura 3
pontilhado
cor: hotpink

4 - /pritcila GoldVIP

em 15/09/2009 às 12:03 disse:
Copie meu comentario 1 e 2.
come?ando pelo: <html> e terminando pelo </html>
(Tire as referencias do meu flog)
e cole num bloco de notas do seu computador
e salve como nome.css
ou qlqr outro nome, mas nao esque?a de por o .css
no final do nome do arquivo
e vc ja pode subir esse arquivo para o site em questao

5 - /pritcila GoldVIP

em 15/09/2009 às 12:03 disse:
Utilizando CSS ? poss?vel customizar as cores da barra de rolagem do navegador.

Para isso s?o utilizados algumas propriedades:

scrollbar-face-color - Cor da face da barra de rolagem
scrollbar-3d-light-color - Cor do plano de fundo da barra
scrollbar-arrow-color - Cor da seta da barra
scrollbar-base-color - Cor do plano de fundo da barra durante a rolagem
scrollbar-dark-shadow-color - Cor do contorno esquerdo da barra
scrollbar-face-color - Cor da barra contornada
scrollbar-highlight-color - Cor do contorno interno da barra
scrollbar-shadow-color - Cor do contorno direito da barra

6 - /pritcila GoldVIP

em 15/09/2009 às 12:04 disse:
Estas propriedades s? podem ser declaradas na tag Body.

7 - /pritcila GoldVIP

em 15/09/2009 às 12:04 disse:
EXEMPLO
<style>
body{
scrollbar-face-color:#DBDEE7;
scrollbar-highlight-color:#DBDEE7;
scrollbar-shadow-color:#A4A6AB;
scrollbar-3dlight-color:#DBDEE7;
scrollbar-arrow-color:#354274;
scrollbar-track-color:#EDEEF2;
scrollbar-darkshadow-color:#DBDEE7;
}
</style>

8 - /pritcila GoldVIP

em 15/09/2009 às 12:05 disse:

INFORMA??ES AOS FLOGUEIROS
SITE QUE HOSPEDA CURSOR(.ANI) E CSS (.CSS)
Esse Tutorial aqui da Pagina
http://www.atspace.com/signup-free.html

SITE QUE NO TUTORIAL AQUI NO FLOG ENSINEI A POR O CSS

http://www.sqweebs.com/register.jsp
Tutorial aqui no flog: http://www.flogvip.net/pritcila/8670734

PARA HOSPEDAR CSS TAMB?M

http://www.50webs.com

ESCOLHAM A VERS?O FREE

9 - /soniaguedes em 18/09/2009 às 20:46 disse:
MENINA EU TE ADMIRO POR VC SER UMA PESSOA LINDA POR DENTRO E POR FORA E N?O TEM VC EGOISMO EU DOR MAIOR VALOR AS PESSOAS QUE NEM VC QUE PASSA AS COISAS PRA N?S APRENDER PARAB?NS MENINA DEUS TE ABEN?OE MUITO PRA MIM ESTA MUITO DEFICIO POR QUE N?O CONSEGO PASSA MEUS CSS PRA ESSE SITE MIL BJS

10 - /bethmagnus em 08/10/2009 às 01:15 disse:
Copiei mais esse tutorial . Obrigada.

11 - /adelaidefritzen GoldVIP

em 12/10/2009 às 01:43 disse:
queria tem uma barra de mensagens...mas nem sei como come?ar snifs

12 - /pritcila GoldVIP

em 13/10/2009 às 10:42 disse:
lidos e respondidos

13 - /pritcila GoldVIP

em 15/10/2009 às 21:51 disse:
versao free - Gratis

http://www.atspace.com/signup-free.html

14 - /ellianaalves em 27/10/2009 às 00:10 disse:
"A amizade ? uma d?diva de Deus,
para podermos caminhar
ao longo da nossa vida,
sem nos sentirmos em nenhum momento
s?s ou desamparados"

?tima semana
beijusssss no cora??o

15 - /pritcila GoldVIP

em 14/11/2009 às 20:56 disse:
lidos

16 - /ritabacelar em 19/11/2009 às 17:32 disse:
oi , Priit , n?o encontrei o free

17 - /bethmagnus em 28/11/2009 às 01:46 disse:
Aprendi a fazer os meus com as tuas aulas.
O que a Sonia Guedes falou ? a pura verdade e Deus te aben?oe e te ilumine sempre.
Beijos Pritcila.

18 - /fuckup em 08/12/2009 às 18:15 disse:
eu ainda naum entendi como fazer o css tt.tt

19 - /coisinhasdasvips em 15/12/2009 às 15:21 disse:
oie..
me add no msn para vc me explicar mais detalhes pq eu ainda n?o entendi!
[email protected]
Bjinhos...
"P?

20 - /cantinhodeartes em 18/12/2009 às 02:04 disse:
Ol?
Amei seu tutorial!!
Aonde colo o c?digo css aqui
no Flogvip?
Obrigada
bjss

21 - /pritcila GoldVIP

em 22/12/2009 às 23:33 disse:
pode por o codigo do css com seu pronto ou no post fixo
ou debaixo de cada postagem mesmo, onde vc poe o texto
boa sorte

22 - /brazyluz em 12/01/2010 às 20:33 disse:
Menina de Deus como vc ? uma criatura boa ,ensinando tudo que sabe pra gente ,
Deus te aben?oe e recupere logo logo .
Beijos

23 - /happy_baby em 21/01/2010 às 23:39 disse:
amiga nao da certo me ajuda,eu fa?o tudo direitinho salvo como css,mas coloco no poste fixo e nao acontece nada

? assim o codigo
<link rel="stylesheet"http://flogviplea.atspace.com/css/ha.css" media="screen" />

ma diz tem q tirar os asteriscos do codigo do css?
obrigada pela ajuda q da a todos nos q nao entendemos css deus te aben?oe
te add

24 - /pritcila GoldVIP

em 03/02/2010 às 12:00 disse:
RESPONDIDOS

25 - /pritcila GoldVIP

em 11/04/2010 às 21:40 disse:
/* --------------- Rodap? ---------------- */

#footer {
background-position: bottom;
width: 1002px;
height: 122px;
clear: both;
text-align: center;
background: url("http://img444.imageshack.us/img444/2980/catsdb.jpg");
}

PARA COMPLEMENTAR E FAZER RODAP?

26 - /pritcila GoldVIP

em 14/04/2010 às 09:14 disse:
O RESTO ? TUDO IGUAL

27 - /pritcila GoldVIP

em 27/04/2010 às 11:22 disse:
<html>
<head>
<title>pritcila</title>
</head>

/* --------------- referente ao titulo ---------------------- */
.titulo {
border-bottom: 5px double #4f4f4f; Comic Sans MS;: bold; font-size: 25px; color: #FF99CC;
}

body
{
background-attachment: fixed
}

/* --------------- Rodap? ---------------- */

#footer {
background-position: bottom;
width: 1002px;
height: 122px;
clear: both;
text-align: center;
background: url("http://img444.imageshack.us/img444/2980/catsdb.jpg");
}

28 - /pritcila GoldVIP

em 27/04/2010 às 11:22 disse:

/* ---------Agora referente a Caixa de Comentarios-------- */

input, textarea {
color: #FFFFFF;
font-family: Comic Sans MS;
font-size: 18px;
border: 2px solid #FF99CC;
background-image : url("http://i.flogvip.net/fotos/e/u/a/euamovoce/f/20090909104141841.jpg");
}

html {
scrollbar-3dlight-color:#FF99CC;
scrollbar-arrow-color: #FF99CC;
scrollbar-base-color: F18B8D;
scrollbar-darkshadow-color: #FF99CC;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #FF99CC;
scrollbar-shadow-color: #000000; }
#C3B47B, OffX=1, OffY=1, positive=2), chroma (color=#CC9966);}
.HeadImage {padding-top:10px}

}

</style>

</body>
</html>
</html>

29 - /mytown em 29/06/2010 às 19:28 disse:
o que ? o rodap???

30 - /mytown em 29/06/2010 às 19:28 disse:
e como se faz o cursor??

31 - /pritcila GoldVIP

em 02/07/2010 às 19:12 disse:
ola...cursor ainda nao tenho o tutorial
mas se vc tiver o animation shop, vc vai la, cria uma gif com a imagem do seu cursor
e salva no formato .ani
a imagem tem q ter dimensao 35 x 35
ou algo proximo a isso.
ai envia la pro atspace a imagem
e pega o link
axo q ? isso..
tempao q nao tenho o animation
mas a imagem vc qndo for salvar, tem op?ao de tipo de arquivo
escolha cursor, que ? formato .ani

32 - /afonsina_rezende em 11/09/2010 às 16:07 disse:
Priscila quero aprender coloar posto fixo no meu flog e n?o consigo vai l? no meu flog e me de uma dica por favor bjos

33 - Luciana em 26/12/2010 às 21:16 disse:
Obrigada!! voc? me ajudou bastante!

34 - /katylady em 29/08/2011 às 22:17 disse:
Desculpe mas nao consigui fazer o css

35 - [email protected] em 20/12/2011 às 14:41 disse:
kIDY32 <a href="http://yvfzolgqgerf.com/">yvfzolgqgerf</a>, [url=http://jkhyuxyqgdnr.com/]jkhyuxyqgdnr[/url], [link=http://qobpdxlkixdc.com/]qobpdxlkixdc[/link], http://aryjbjjsdqyn.com/

36 - /pritcila em 12/08/2012 às 19:42 disse:
CSS PRETO

<link rel="stylesheet" href="http://prit.atspace.com/preto.css" media="screen">

Fotos com mais de 20 dias nao podem ser comentadas.