Contando des do dia 19/10/08


Regrinhas^^ Vamos as minhas regrinhas ^^ Que?? Achou que não ia ter?? Claro que vai, é chato mas vai *-*
1º - Vc não tem direito de copiar nada daqui!! ù.ú Se copiar vai ganhar uma passagem só de ida para o titio snow, lá no pólo norte ù.ú
2º - Esta petpage foi feita por mim, somente por mim, e demorei um bom tempo para faze-la, então não copia-a² ù.ú
Cuidado com as copycats, se ver alguma me mande um NeoMail o mais rápido possível, plz =D (Obs.: para quem não sabe, plz significa please, ou por favor^^)
Páginas 1|2|3|4|5|6|7|8


Contando des do dia 19/10/08




Se você não gostar da música aperte 'esc' mas eu recomendo só desligar o som da sua caixa de som ;) Porque se vc apertar 'esc' todas as imagens animadas vão parar de se mexer =/

Obs.: Eu aprendi a fazer esta pp em outras pp, mas não significa que eu copiei o conteúdo delas e que eu não vou dar os créditos!!!
Obs².: Esta pp é melhor vizualisada no Internet Explorer (IE), pois foi feita inteiramente lá^^
Seja bem vindo(a) guest. Se veio até aqui deve estar procurando um tuto decente de como mecher com HTML, não é? Então veio ao lugar certo!!!Vamos direto ao assunto então^^
Primeiramente, axo que vc quer saber o que significa HTML né? Significa Hyper Text Markup Language, ou na nossa língua (potugues) Linguagem de Marcação de Hiper Texto =D
Agora que vc já sabe isso que é o básico do básico, vamos aprender o resto^^

Ah é, outra coisa importante, sempre kdo for fazer uma petpage, por menor que seja, faça-a no world para não ter perigo de perde-la parcial ou totalmente ;D
Quer add esta pp nos seus favoritos? Então aperte Ctrl+D e depois enter =D

Finalmente, agora sim vamos ao assunto:
Abaixo uma tabela com as cores, vc vai usa-la mto ;D



Para aparecer o nome da pessoa que está visitando a sua pp (algumas pessoas me perguntaram isso xP daí resolvi botar aqui lol)

Tire o hífen (-) que está ali

Para botar o texto em negrito:


Para botar um texto com um Risco no meio:

Para pôr texto sublinhado:

Botar texto em itálico:

Botar Texto Rolante

Informação extra sobre Texto Rolante: scrollAmount é a velocidade do seu texto, vai de 1 à 100, mas recomendo a velocidade 5, é a que eu sempre uso.
width é o espaço que o seu texto percorrerá.
direction é a direção que o seu texto vai rolar, troque por "up" (q é de baixo para cima), "down" (de cima para baixo), "left" (direita para esquerda) ou "right" (esquerda para direita)

Texto no centro:

Para botar seu texto na esquerda:

Colocar seu texto à direita:

Pular uma linha (é muito simples mas algumas pessoas não sabem):

Colocar link's com textos ou imagens (isto tbm é mto procurado pelas pessoas que não sabem):

Aproveitando já vou dizer que só pode botar links dentro do neo, e tbm vou ensinar a botar imagens, é mto simples: Você vai presisar hospedar a imagem.Existem muitos sites que hospedam imagens, mas vamos usar o que eu uso: www.imageshack.us clique em "arquivo", escolha a imagem que você quer hospedar, e clique em "abrir", depois disto em "host it" depois epere carregar, na janela que abrir veja a ultima coisa que tiver nela, copie-a.Pronto. Agora é só botar aqui:

Colocar uma imagem como plano de fundo:

Bota uma imagem fixa como plano de fundo:

Botar uma cor como fundo da pp

Mudar o tamanho das letras:

Mude o numero depois de "size=" pelo tamanho de letra que vc ker, vai de 1 á 7:
Size 1
Size 2
Size 3
Size 4
Size 5
Size 6
Size 7
Colocar letras,ou palavras coloridas:

Obs.: Vc ja deve saber, mas onde estiver escrito #COR é pra vc botar o código da cor que vc quer *-* Os códigos tão naquela tabela lá de cima, ok? *-*
Botar outras fontes:

Os tipos de letra que podem ser usados são:
*Cursive
*Impact
*Fantasy
*Arial
*Garamond
*Verdana
*Papyrus
*Times
*Roman
*Courier
*Terminal
*Perpetua
*Modern
*Tahoma
*Georgia
* Comic Sans MS
* Arial Black
* Arial Narrow
* Arial Rounded MT Bold
*Vivaldi
* Trebuchet MS
* Mistral
Aprendi tds estas fontes aqui

Juntando tudo que aprendemos, e formando uma letra 'personalizada':

Botar um TextArea, que é akela caixinha onde eu estou botando os códigos:

No lugar de { e } bote: e
Como colocar uma tabela vc pode estar pensando que tabela é a msm coisa que TextArea, mas não é:

Depois de "width=" bote a altura que vc vai kerer, depois de "height=" bote a largura que vc vai kerer. Troque "1px" Pelo tamahno da borda. Troque "solid" pelo estilo que vc vai querer na borda, os estilos são: solid (que é a normal), dashed (que é a tracejada) e dupled (que é a borda dupla). E também troque bgcolor pela cor de fundo .

Mudar borda e cor da letra do text area, este código é o meu favorito no HTML:

Obs.: Tire todos os hifens (-) que vc achar no código ;)
No 1º código das cores é para mudar a cor da letra e o 2º a cor da borda. Mude "8pt" pelo tamanho que vc quer na fonte. Mude "1px" pela expessura da borda. Mude "SUA FONTE AQUI" pela fonte desejada. Mude dashed pelo estilo da borda: os estilos tão ali em cima *-*. Obs.: No lugar de { e } bote
e

Botar uma linha passando pelo meio da pagina:

Troque o numero 980 pelo tamanho da linha^^

Formando uma linha personalizada:

Troque "size" por a expessura que vc quer, 980 pela largura dela e #000000, pela cor que vc quer ;D

Botar uma imagem como plano de fundo do seu TextArea

Obs.: Tire todos os hifens (-) que tiver no código ;)
Mude "URL DA IMAGEM AQUI" pela imagem que vc vai botar =D e no lugar de { e } vc ja sabe o que botar, se não sabe, vai ler todo o tuto de novo!!! ù.ú

Para botar uma caixinha de texto como lá nas Regras:

Depois de "width" bote a largura que sua caixinha terá; No lugar de "height" bote a altura que ela terá; "top" vc usa para botar sua caixinha de texto mais para cima ou mais para baixo (quanto maior o numero que vc botar + para baixo o texto vai); "left" vc usa pra botar mais prosa lados (quanto maior o numero que vc botar lá mais para direita a caixinha vai);D

Para botar um link e quando a pessoa clicar ir para uma nova pagina:


Está era a 1ª parte do meu tuto, agora vamos a 2ª??
Páginas 1|2|3|4|5|6|7|8


Contando des do dia 19/10/08




Tuto simples de CSS


Primeiramente, CSS significa Cascading Style Sheets, e para mim é mutio dificil de mexer com isto @_@ Mas não se assuste, pq não é impossível ;D CSS serve para deixar o negrito e o itálico com um sublinhado tracejado ou normal, e também para mudar a cor do link quando o mouse passa por cima e etc. Agora chega de papo e vamos aprender logo:

Obs.: Em todas as tags que estiver escrito style tire os hifens (-)
Onde está " B{ " , é o estilo que vai aparecer o seu negrito kdo vc usa-lo. Troque: o 1º " #COR" pela cor da letra que o negrito aparecerá. Mude onde tá "1px" pela expessura do sublinhado do negrito e também mude "dashed" pelo estilo do sublinhado (dashed é o tracejado, solid é onormal_ dupled sem sublinhado), o 2º " #COR" é o da cor do sublinhado. Onde está " U{ " é o jeito que vai aparecer o seu texto sublinhado ;D. Troque: #COR" pela cor da letra e do sublinhado q vc quer e também "7px" pelo tamanho do sublinhado. Onde está " I{ " , é o jeito do seu texto itálico. Mude: o 1º " #COR" pela cor da letra que o itálico aparecerá, onde está "2px" pela expessura do sublinhado do itálico e "dashed" pelo estilo do sublinhado (os tipos de sublinhado tão ali em cima^^) ; o 2º "#COR" pela cor do sublinhado.

Agora a ultima coisa desta parte do tuto, personalizando links:

Obs.: Em todas as tags que estiver escrito style tire os hifens (-)
a:link" é o jeito que o link irá aparecer na sua pp. Onde está "a:visited" é o jeito do link quando já foi visitado. "a:hover" é o estilo do link quando o mouse passa por cima dele (que pra mim esta é a parte mais lgl do CSS *-*)
Onde tá "10pt" é o tamanho da sua letra."TRANSFORMER" pela transformação que o texto irá aparecer quando o mouse passar por cima do link. Transformações mais utilizadas: UPPERCASE, q é todas letras maiúsculas e lowercase q é todas as letras minúsculas. E onde está " #COR DO BACKROUND" pela cor de fundo do link que aparecerá quando passar o mouse por cima do link.
Se vc ficou com alguma duvida até aqui, me mande um NeoMail se não ficou com duvida alguma pode seguir em frente!
Páginas 1|2|3|4|5|6|7|8


Contando des do dia 19/10/08


Parte Gráfica da pp


Esta é a parte mais legal de fazer a sua petpage!!!Mas tbm demora, exige mta paciência, se vc é esquentadinho já pode dando fora daqui^^
Antes de tudo, eu quero falar para vc, guest, que vc vai ter que usar 3 programas para fazer esta parte da sua pp: PhotoFiltre Studio, Beneton Movie GIF e um editor de imagens qualquer, como o paint. Mas se vc baixar algum destes programas e entrar vírus no seu pc eu não me responsabilizo por nada!! Baixe se quiser e onde quiser!!

Glitters

Agora eu vou ensinar a fazer glitters:
Vc vai precisar daqueles 3 programas que eu citei, e de uma imagem para botar o glitter, é cláro. Aqui vc pode encontrar algumas imagens para botar o glitter: http://images.neopets.com/pets/happy/kougra_maraquan_baby.gif
http://www.boomspeed.com/sfhelpers/petcolors/poogle.htm
http://images.neoronic.com/adoptables/faerie_baby_lupe.png
http://petpages.neopets.com/~Futiju


No 1º link, no lugar de "kougra" bote a espécie do pet que vc quer, e no lugar de "maraquan" a cor que vc quer, lembrando que vc tem que botar as cores em ingles, no 2º link troque poogle pela espécie do pet q vc ker, no 3º link troque lupe pela esécie do pet que vc ker, e no 4º vc pode axar alguns pets pelucias ;D. Depois copie a imagem, leve-a no paint e salve-a, fassa este processo duas vezes, mas nas duas bote um nome diferente na imagem ;D Depois abra o PhotoFiltre aperte com o botão direito do mouse na tela que abrir, daí em "open". Então procure a sua imagem, selecione-a e aperte em abrir. Depois disto selecione aquele tipo que uma varinha, como na imagem asseguir:

Então localize o local do pet que vc botará o glitter com aquela varinha. Depois aperte em "Filter" bem lá em cima da pagina do PhotoFiltre, asseguir aperte em Noise, e depois em "Add noise". Deixe akele negócio que abrir no numero 50. Fassa tudo de novo mas agora com a 2ª imagem, e em vez de botar o numero '50' no "noise" bote o numero 100!! E salve as duas imagens, é claro xD Depois de ter feito tudo isto, abra o Beneton Movie GIF e aperte na seguinte pastinha: daí abrá a imagem com "noise" 50, depois clique aqui: e abrá a imagem com noise 100, depois disto é só apertar aqui: e salvar a imagem ;D Pronto, sua imagem com glitter está pronta!!!
Páginas 1|2|3|4|5|6|7|8


Contando des do dia 19/10/08


Imagens animadas

Nesse vc só vai precisar do Beneton Movie e do paint^^
Vc vai precisar escolher o numero de imagens que vc quiser, pode ser neste msm link:
http://images.neopets.com/pets/happy/kougra_maraquan_baby.gif
Daí bote-as no paint, e salve-as, óbvio. Então abra o beneton e clique nesta ppastinha: e escolha uma das imagens, as outras selecione-as todas aqui: Depois vá nas duas imagens e bote em "centiseconds" o numero 100 ou 150. A imagem do centiseconds se encontra aqui:
Depois disto é só apertar aqui: e salvar a imagem!! Pronto, sua imagem animada também está pronta!!!!^^
Páginas 1|2|3|4|5|6|7|8


Contando des do dia 19/10/08


Fontes diferentes:
Primeiro eu vou dizer para que que servem ter fontes diferentes^^ Simplesmente serve pra kdo vc fizer uma imagem no paint, e quer botar um texto diferente, vc usa uma letra incomum ;D Vc terá que baixar as fontes, entaum não me responsabilizo se entrar vírus no seu pc² Mas o site que eu recomendo é:
http://www.netfontes.com.br/
Depois de vc ter baixado sua fonte, o arquivo dela deve ser assim: né? Entaum clique duas vezes neste arquivo e arraste o que estiver dentro dela para a sua pasta de fontes ;D Agora vou te ensinar como entrar na sua pasta de fontes^^ É muito simples, vc tem que ir no seu "painel de controle" e lá encontrar uma pasta com o nome "Fontes", é para lá que vc vai arrastar a sua nova fonte^^ Prontinho, mais uma informação pra vc^^
Obs.: Se a fonte não funcionar, não se preocupe, pq algumas não funcionam msm ;D Então tente baixar outras =D
Páginas 1|2|3|4|5|6|7|8


Contando des do dia 19/10/08


A ultima coisa sobre a parte gráfica da sua pp que eu posso te ensinar, guest, vai vir agora:

Contadores

Vou te ensinar como fazer Contadores!!!!

Entre no site:
www.boingdragon.com e crie uma conta apertando no seguinte botão:

Depois disto entre na sua conta e aperte no botão "Add a new counter" lá em cima. Vão aparecer varias opções mas clique no scorchio azul. Na página que abrir bote a URL da imagem que vc vai usar como contador, depois aperte em "update URL". Agora é só vc ajustar onde vai ficar os números mexendo nakeles 'x' e 'y'
Obs.:X é para direita e esquerda.
Y é para cima e para baixo.
Depois disto é mto fácil, vá até o topo da pagina, clique em "Counter List" procure o seu contador, aperte em "Install". Daí abrirá uma pagina com 2 códigos, selecione o 2º código e coloque o seu contador onde quiser!! =D
Páginas 1|2|3|4|5|6|7|8


Contando des do dia 19/10/08


Cursores

Agora vou ensinar a fazer CURSORES!!
Muitas pessoas procuram cursores, mas quase ninguem sabe fazer ;) Então eu resolvi ensinar^^ Mas se você quiser que eu fassa um pra vc é só me mandar um NeoMail
Tem até um outro tuto que ensina a fazer cursores, este, mas ele está MUITO desatualizado, então eu resolvi ensinar^^ Os programas que você irá precisar são um editor de imagem qualquer (Paint serve) e o AniTuner 1.1 (você pode baixar ele onde quiser e se quiser, mas não me responsabilizo)
Abra o paint e aperte Ctrl+E, daí irá aparecer;

Faça exatamente como está na imagem ;) Mas se vc quiser, o tamanho da imagem não precisá ser 32x32 pode ser um pouco maior, só nao faça muito maior, porque distorce a imagem =/ Então faça o que quiser neste espaço! Abuse da sua criatividade! E pinte o fundo do seu cursor de uma cor que você NÃO usou nele. Então quando terminar salve-a no formato .GIF Mas se vc quiser animar o seu cursor é só fazer varias imagens que vão fazer o cursor ficar animado, como no cursor desta pagina! Eu fiz a mesma imagem várias vezes, mas só pintei a parte escrita^^ Daí isto entra lá na parte das imagens animadas ;) Daí quando vc tiver terminado de animar seu cursor é só levar nakele mesmo programa das imagens animadas (Beneton Movie GIF) e salvar ;) Agora que nós vamos trabalhar com o AniTuner 1.1; Abra o AniTuner e clique aqui;

E selecione o seu cursor. Então abrirá uma nova página, clique aqui:
Depois que clicar ali, clique no fundo do seu cursor ;) Daí você terá selecionado akela cor ( o fundo) pra ficar transparente^^ No programa não aparece que ficou transparente ;) Mas ficou^^ Então aperte aqui;

E salve o seu cursor ;D
Agora o terror!! HOSPEDANDO SEU CURSOR;
Entre no site http://clip2net.com/members.html (não me responsabilizo se entrar vírus) e crie uma conta, e entre nela, cláro. Depois disto clique em "Meus arquivos" e logo asseguir em "Upload files via web browser". Na nova página que entrar clique em "Browse Files" e selecione o seu cursor. Depois disto aperte Submeter. Clique de novo em "Meus arquivos". Agora vem a parte difícil; Bote o cursor em cima da flechinha, mostrada na imagem abaixo (nota: Não aperte, só deixe o cursor em cima);

Agora note esta parte aqui que vai aparecer quando você deixar o cursor em cima dakele lugar;

(eu distorci a imagem ali pra vc nao pegar o código do meu cursor xP) Tudo aquilo que aparecer escrito ali, é o código do seu cursor!! Então anote num papel, e depois passe para o pc e bote o código aqui;

Se vc ja tiver um código de CSS na sua pp/guild/userlookup(nao sei se funciona)/petlookup(nao sei se funciona²) é só botar esta parte;

do lado da palavra BODY ;) OBS.:Tire os hífens (-) dos códigos acima ;)

HOSPEDANDO MÚSICAS
É só fazer a mesma coisa dos cursores, por isso nem vou explicar tudo de novo ;) Você precisa selecionar a sua musica nakele site, hospedar e pegar o código da música, mas para fazer a música tocar na sua pp/guild/userlookup/petlookup o código é diferente, o código é este;


Acabou o tuto =/ mas não fique triste!! Fique a vontede para me mandar um NeoMail quando quiser!! Seja pra dar uma sugestão, dizer alguma coisa que faltou eu botar, uma pergunta, ou simplesmente pra me dar um oi!!! ;D Então foi isso, espero que tenham gostado!!
Agora não tenho mais nada a dizer a não ser:
Bjux, xau, e sejam felizes neste mundo!!!

LINK-ME

E você pode me linkar? Depois de tudo que eu te ensinei acho que você poderia me linkar né? =/ Thanks ;) Se me linkar eu também te linko;


Tuto de HTML, clique aqui


Tuto de HTML, clique aqui


Tuto de HTML, clique aqui


pp's que recomendo



Tuto de HTML

Fontes da Fran
Páginas 1|2|3|4|5|6|7|8|



NEOPETS, characters, logos, names and all related indicia
are trademarks of Neopets, Inc., © 1999-2012.
® denotes Reg. US Pat. & TM Office. All rights reserved.

PRIVACY POLICY | Safety Tips | Contact Us | About Us | Press Kit
Use of this site signifies your acceptance of the Terms and Conditions