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

« Anterior 15/09/2009 - 11:36 PrÃ³xima »

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!
pedrinafm@hotmail.com
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 - toumae@hzwxzr.com 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.