Seja muito bem vindo ao Tuto de HTML da Mah *-*

Este Tutorial de HTML pertence a Marcela940. Novidades: Minha mãe não deixou eu assinar o PB pro :@@@ #ninguémperguntou

Ooi guest! É um enorme prazer ter você aqui no THM

E aí, o que você achou do novo THM? *U* Esse é o nosso novo layout! *-* Com nova navegação tbm :P Eu espero assim que fique mais fácil de navegar na nossa PP ^^ Siim, sim, ela é nossa PP, mais sua do que minha (: E agora eu tenho uma equipe que me ajuda em tudo *-* Estou super animada com isso :3 Mas você veio aqui porquê tem dúvidas em relação à petpages né? Você está no lugar certo *u* Aqui você irá aprender sobre HTML e mais algumas coisinhas que irão te ajudar também :D É uma grande honra ter você aqui ^^ Obrigada pelas visitas meus amores *-* A Mah adora vocês demais

Nháa, se você quiser enviar sua opinião sobre o layout novo pra mim, pode enviar! *-* Eu ia amar! (:

Divirta-se

Contando desde 25/03/09

Tutorial de Glitter no Photofiltre
Oiii :D Aqui vamos aprender à fazer glitters õ/ Primeiro, vamos aos programas necessários:
- Photofiltre Studio - Gif Movie Gear
Agora, vamos baixar os programas necessários:

Ferramentas Necessárias

Todos os sites que eu recomendo aqui são totalmente seguros.
Para aprender à mexer melhor no Gif Movie Gear:
Para baixar o Gif Movie Gear: Vá no site baixaki.com.br (pode baixar, o site é bastante seguro e livre de vírus) e procure pelo Gif Movie Gear.
Para baixar o Photofiltre Studio X: Obs: Para deixar o PF em português, procure 'Como deixar o Photofiltre Studio em Português' no Google.
Para tornar o Gif Movie Gear gratuito, entre no site abaixo e siga as instruções:
Para tornar o Photofiltre Studio X gratuito, vá até o ponto de interrogação na barra de cima, ao lado de 'Janela' e clique em 'Registro'. Depois tente um dos serials abaixo:
Agora, dê uma olhadinha no seu futuro glitter, isso se você seguir todos os passos direitinho:

Pronto? Então vamos começar! Primeiro, vá até o photofiltre Studio e abra um novo arquivo (a largura e a altura não interessam para nós, podem ser quaisquer medidas). Procure a imagem que você quer (seja da internet, seja dos seus próprios arquivos), copie e cole nesse novo documento.

Quando fizer isso, selecione a ferramenta 'Varinha Mágica' (

) no menu de ferramentas do PF (photofiltre) do canto esquerdo do seu monitor. Em seguida, selecione a área que você quer que brilhe, vá em filtro, passe o mouse em cima de 'Ruído' e clique em 'Adicionar Ruído'. Uma nova janela deverá abrir, como na imagem:

Agora, salve a sua imagem do jeito que ela está em .png (não salve em .pfi, pois o o programa de animação que iremos usar não suporta esse tipo de arquivo). Pegue a imagem (sem alterações) novamente do site ou dos seus arquivos e repita todo o processo, só que dessa vez colocando um valor diferente para o ruído. Da primeira vez, eu coloquei 150, agora vou colocar 120:

Pronto, agora salve essa imagem e junte-as no Gif Movie Gear ou em outro programa de animação. Sua animação ficará assim (o resultado depende do tempo que você escolher colocar, eu coloquei 10):

Prontinho :D Espero que tenha aprendido tudo direitinho! (:

Parcerias
Aqui estão minhas parceirias :D No momento, as parcerias estão

Não estou aceitando parceriias (;

Tabela de Fontes
Colocarei aqui algumas fontes (tipos de letras) que você pode usar para personalizar sua PP ou sua fonte nos fóruns.

Arial CAC Pinafore Lumos Calibri Castellar Century Gothic Chiller Chinacat Comic Sans Ms Courier Curlz MT Forte Georgia Gigi Harrington Impact Jokerman Kristen ITC Lucida Handwriting magneto Meiryo mistral Modern MS PGothic nyala papyrus pristina ravie Riggle segoe print Tahoma Terminal Times Tw Cen MT Verdana

Tutorial de Músicas
Aqui você irá aprender a fazer músicas no webs :3 Lembrando que as músicas só funcionam no Internet Explorer.
Mas antes, você tem que fazer uma conta no webs xD Aí em baixo está um breve tutorial sobre como fazer isso, já que o site é em inglês P: Mas se você já tem uma conta no site, pule esse passo e siga para o tutorial de hospedagem de música:

Tutorial de música

Fazendo sua conta no Webs

Olá guest, sou eu de novo *-* A Mah (: AUSHSAHHU Bem, aqui você vai aprender a fazer músicas no webs. Pra quem não sabe, o webs é um site de hospedagem de sites e blogs, onde você pode criar seu próprio site (:
Primeiro você terá que entrar no site (copie o enderço e cole no seu navegador):

É necessário se registrar antes, então procure o botão mostrado abaixo e escolha a mesma opção da imagem:

Após clicar no botão verde 'Get Started', preencha a página que aparecerá colocando suas informações da seguinte maneira:

Arraste a imagem até o seu navegador para melhor vizualização.

Selecione a categoria do seu site, escolha o layout que você quiser e aperte 'Continue to next step'. Não é necessário selecionar nada na página seguinte, então aperte 'Criate my Site':

Pule a oferta que é oferecida no próximo passo clicando no botão 'No thanks, continue'. Quando você clicar nesse botão, será direcionado para o seu novo site *-* Agora você vai olhar para o canto superior esquerdo e clicar no lugar indicado na imagem:

Agora, nesse passo, você irá procurar pelo botão "File Manager" mostrado abaixo. Isso serve tanto pra quando você terminar se cadastrar quanto para quando você fizer o login (:

Pronto? Agora que você á fez sua conta, siga para o Tutorial de Músicas :D

Fazendo Músicas
Bom, a primeira coisa que você tem que fazer para usar a música na sua PP é que você tem que ter a música baixada aí no seu computador. Há vários locais onde você pode baixar músicas, existem programas especializados nisso, é só procurar no

^^ Depois de baixar a música que você quer, você terá que criar ou entrar na sua conta. Para isso, entre no site e procure no canto esquerdo superior algo parecido com essa imagem:

Depois que você preencher devidamente os espaços, clique em 'Sing In'. A página vai se abrir e então você irá clicar no seguinte botão:

Depois procure o botão 'File Manager', ele costuma ficar em uma barrinha preta que atravessa toda a página

Você vai ser direcionado para o lugar onde você vai hospedar suas músicas. A imagem a seguir explica um pouco sobre a função de cada um dos botões:

Arraste a imagem até o seu navegador para melhor vizualização.

ATENÇÃO!!! Antes de hospedar sua música retire todos os espaços do nome dela. Caso o contrário, o link da música ficará bugado e não vai pegar D:

Quando você escolher a opção que melhor lhe atende, basta clicar no botão desejado, procurar a(s) música(s) que você quer hospedar e clicar em 'Upload File'. Espere alguns segundos e pronto, sua musiquinha está hospedada *-* Agora é só pegar o link dela, a parte mais fácil (: Basta seguir a imagem:

Arraste a imagem até o seu navegador para melhor vizualização.

E colocar o link da sua música no código abaixo:

Prontinho (: Você deve colocar sua música como o primeiro código na sua PP, antes mesmo do código do lay ^^
Espero que tenha aprendido :3 Até o próximo tutorial :*

Tutorial feito com a ajuda de Thatyouknow.

Clique aqui para voltar.

Fazendo Animações

Oii :D É, sou eu de novo... Você deve tá enjoado de mim, não é mesmo? xD Maas esse tuto é MEU, se você não queiser mais me ver ~~se jogue da janela~~ MUAHAHAHAHAHAHAH

Maluquices à parte, vamos em frente! Fazer animações é muito fácil... Mas, você sabe o que é uma animação? Provavelmente sim, mas se não sabe, são imagens que se mexem, como essa:

Deu pra notar que ela se mexe não é? Pronto, aqui você vai aprender a fazer qualquer imagem se mexer! Vamos ao material que vamos usar:
- ~~Meio copo de leite~~ Paint ou seu programa de edição de imagens - GIF Movie Gear
Agora, vamos baixar os programas necessários:

Ferramentas Necessárias

Todos os sites que eu recomendo aqui são totalmente seguros.
Para aprender à mexer melhor no Gif Movie Gear:
Para baixar o Gif Movie Gear: Vá no site baixaki.com.br (pode baixar, o site é bastante seguro e livre de vírus) e procure pelo Gif Movie Gear.
Para baixar o Photofiltre Studio X: Obs: Para deixar o PF em português, procure 'Como deixar o Photofiltre Studio em Português' no Google.
Para tornar o Gif Movie Gear gratuito, entre no site abaixo e siga as instruções: Após ter baixado o GIF Movie Gear, vá até seu programa de edição de imagem (paint, photofiltre, photoshop, enfim, o que você mais souber mexer :3) e faça uma imagem qualquer. Vou usar essa imagem feita por mim no photofiltre:

Agora vou colorir alguns quadradrinhos, assim (não esqueça de, quando alterar sua imagem previamente salva, ir em 'salvar como' e mudar o nome, senão a imagem que foi editada substituirá a inicial, e você vai precisar da sua imagem anterior):

Para dar o efeito de movimento, vou voltar a imagem inicial e pintar outros quadradinhos, diferentes do primeiro, assim (não esqueça de ir em 'salvar como' e mudar o nome do arquivo):

Para finalizar, uma terceira imagem para dar mais movimento ainda (coloquei meu user para ninguém roubar a imagem;não esqueça de ir em 'salvar como' e mudar o nome do arquivo):

Vamos para o GIF Animator agora (você pode fazer animações usando o Photofiltre e o Photoshop também ^^). Instale-o. Ele é gratuito para testar, então para validá-lo, entre no link a seguir e siga as instruções(copie e cole no navegador): Depois que seguir esses passo, abra o programa. Quando abrir, vai encontrar:

Clique em 'Open File' e abra todas as imagens que você fez usando 'ctrl' para selecionar + de uma imagem. Quando abrir, vai encontrar (copie o link e cole no seu navegador): Agora olha como ficou o meu:

Pronto, sua imagem está pronta para ser usada :D Você pode fazer com letras também: Agora é com você, use sua criatividade e faça o que quiser :D Depois basta hospedar e colocar o link do gif animado no mesmo código de colocar imagens:

Mexendo no Paint
E aqui, você irá aprender à mexer melhor no paint, conhecendo algumas de suas mais importantes ferramentas ^^ Boa sorte :D
Copie o link abaixo e cole no seu navegador

Criando sua Petpage

Antes de tudo, o que é uma petpage? É a página do seu pet, onde você pode colocar o que quiser (menos coisas contra as regras, lógico). Essa página é onde trabalharemos grande parte dos códigos e acessórios mostrados nessa petpage. Você não poderá editá-la se colocou que tinha 13 anos quando fez o cadastro no neo :| Petpage é popularmente conhecido como PP, podendo ser dado pelos links /~NOMEDOPET (onde, para você conseguir olhar a PP, você precisa colocar "neopets.com" antes da barra) ou http://www.neopets.com/~NOMEDOPET, e nunca por http://www.neopets.com/preview_homepage.phtml, pois esse link dará erro se for repassado à outra pessoa, ele só funciona para você mesmo. Também não é necessário pagar nada (nem mesmo em neopontos ou ncs) para criar a sua petpage, esse serviço é totalmente gratuito. Para ver a PP de um pet, vá até o perfil dele e clique no ícone "Ver Página do Pet":

Para editá-la, clique no nome do seu Neopet, assim:

Abrirá uma página com a imagem do seu Neopet e algumas informações sobre ele. Agora escolha qualquer um dos seus pets (no caso, escolha aquele que tenha o nome você deseja ter como nome da Petpage), clique na setinha branca do lado da sua foto e depois clique em "Editar página", como mostra a figura abaixo:

Abriu uma página cheia de códigos, certo? Apague tudo! Vamos fazer a sua PP! TODOS os códigos à seguir são para serem colocadas nessa página que você excluiu os códigos! Lembrando que não paga absolutamente NADA para fazer uma PP. Ah, também não dá pra alguém criar um Petpage pra você, pois só você pode editar sua página, quando acessado em sua conta. Dar e pedir senhas é super proibido.
Aah, e só um último detalhezinho importante :D Eu aconselho que você construa/edite sua PP no bloco de notas ou word (eu particularmente prefiro o bloco de notas, porquê é um progrma mais leve e prático ^^), copiando o código e vendo como fica na caixa de edição normal do neo. Assim que terminar, salve. Recomendo que você atualize o documento salvo à cada coisa que alterar ou acrescentar na sua PP. Assim não tem risco de você perder completamente sua PP se por acaso algum dia você apagá-la sem querer, ou até mesmo der um bug no neo, sei lá xD Seja como for, é melhor previnir não é mesmo? (;

Curiosidade
O que é copycat? Acho que você, que é novo no neo, deve ter escutado muito essa palavra, e não faz ideia do que significa, certo? Copycat é o nome dado para petpages 'xerox', ou seja, PPs que alguns neopianos fazem copiando inteiramente ou parte de outra petpage. Isso mesmo, os copycateadores, como são chamados os que copiam PPs, copiam layout, conteúdo e até o código de uma PP já existente criada por outro neopiano, que a construiu com muito trabalho, esforço e carinho. Esse tipo de plágio é proibido e pode acabar em congelamento, além de fazer com que o copycateador fique com uma má fama pelo neo. Por isso, tome cuidado com eles e fique atento para não se tornar um deles

Sobre o quê eu faço minha PP?
Não faz ideia de sobre o que criar sua PP? Eu te ajudo *-* Você pode fazer uma PP de (nada de copycats, ok?): Screens apesar de ser comum, pode divertir muitas pessoas. Tente fazer uns bem engraçados ^^) Restaurante (também são comuns, mas podem te render uma boa grana) Tutoriais (são legais, só não tente fazer um sobre um assunto que você não domina, pois chegarão milhões de dúvidas e como você irá ensinar algo que nem você sabe?) Histórias (ótimas, mas poucas pessoas têm paciência para lê-las e-e') Gráficos (lays, imagens fofas, contadores... Só faça se você souber ^^) Encomendas (são muito úteis, mas, de novo, só faça se você souber fazer coisinhas legais) Imagens engraçadas (essa é a mais fácil, você só precisa sair por aí procurando imagens legais, se pegar alguma de uma PP do neo, dê os créditos ^^) Links diários (para quem não sabe fazer lays, essa é uma boa opição) Moldes (é uma boa, muito útil. Mas só faça se souber mesmo fazer moldes!) Dicas (de moda, beleza... São bem úteis para meninas :D) Jogos (dicas de jogos, jogos fáceis para ganhar nps... Essas coisas ^^) Awards (claro, só para distribuir seus awards) Manual para Iniciantes (ensinar como mexer no neo, como usar o banco, loja, fóruns e etc) Vida virtual (Um segundo jogo como o neo, com dolls, animais, moeda própria, casas... SÓ NÃO VALE COPYCAT!)
Tá vendo só? Muitos temas para você criar uma PP tudo de boom! Boa sorte

E agora que você já sabe como criar sua PP, que tal vermos alguns tutoriais e códigos bem legais para você usar na sua petpage? ^^

Código para Caixa de Texto

Para colocar uma caixa de texto (aquelas caixinhas onde se coloca os códigos para as pessoas pegarem):

Só que muita atenção nessa hora! Se você usa textarea junto, isto é, sem a separação por underline (_), sua PP pode dar erro! Então, se você usa o textarea junto, mude agora, antes que aconteça isso com sua PP:

Arraste a imagem até o seu navegador para melhor vizualização.

Faça Menus de Navegação
Fazer menus de navegação é bem fácil, são dois códigos: basta colocar o 1º código onde ficará o link desejado Troque "Nome do Link" pelo nome do link (Ex.: Regras, Créditos, Início, Contador)
E o 2º onde a pessoa irá quando clicar no link: Não esqueça que os números das partes dos códigos têm que coincidir!
Lembrando que esse código NÃO é o código da navegação multipáginas! Esse código é usado somente para fazer navegação numa mesma página, dividindo-a em várias partes para organizar melhor a PP ;D
Exemplo de Uso: O 1º você coloca onde quer que o link fique (o lugar mais comum são menus). Assim: O meu, quero que fique no menu de navegação. Então coloco o 1º link como, cujo o nome será "Hospedando Imagens". Aí, no número da parte, eu coloco o número 1. O 2º você coloca onde quer que a pessoa vá quando clicar nesse link . Assim: Na minha navegação, você clica em "Hospedando Imagens" e é direcionado à uma parte da minha PP. Onde Hospedando Imagens é o título e o número tem que ser o mesmo, o número 1.

Códigos Básicos

Atenção! Como nessa seção há muitos códigos, use ctrl + f para procurar o que você precisa ^^ Exemplo: Quero o código de fazer caixas de textos, então eu aperto ctrl + f no meu teclado e digito: caixa de texto. Pronto, vai direto para a parte dessa seção que tem esse código :D
Esses são os códigos que fazem coisas simples e que você vai ultizá-los quase em tudo :) . HTML significa Hyper Text Mark-up Language, é o código mais usado para a criação de Páginas da Internet. Antes de tudo, você precisa saber que todos os códigos devem estar entre os sinais . Esses sinais se chamam Tags! Quando você as usa, significa que você vai iniciar um comando. Para encerrar um comando, digite "/" (barra) depois da abertura da tag (Não pode ter espaço entre as Tags, a "/" e o código). Para misturar códigos, primeiro separe os códigos que você quer usar; eu usarei o código para colocar o texto em negrito, para mudar a cor do texto e para colocar uma borda no texto, que são respectivamente os seguintes:
E agora, como eu uso tudo em um só texto? Simples demais, assim ó:
O que eu fiz aí foi simplesmente juntar todos os códigos, colocando o fechamento do mesmo só depois que eu escrevi meu texto. É basicamente isso: Você só fecha o código com a barra (/) quando terminar de escrever seu texto ^^ E eu só usei um '/font' porque eu tenho dois códigos com a mesma terminação, então não é necessário repitir ;) Agora, vamos aos códigos! (:
Para deixar seu texto em Negrito
Para duplicar este efeito Negrito
Para deixar seu texto em Itálico
Para deixar seu texto Subilinhado
Para deixar seu texto ~~riscado~~
Para deixar seu texto
Na outra linha (como dar um "enter")
Para deixar seu texto um pouco maior
Para deixar seu texto um pouco menor
Para deixar seu texto no meio da página

Para fazer uma barra rolante
Para mudar a velocidade e a direção da barra rolante Ps: Mude "5" para a velocidade desejada (entre 1 e 100). Eu recomendo velocidades entre 1 e 5. O resto é rápido demais. Velocidade 100 Velocidade 1 Substitua "left" para a direção desejada. Você pode mudar para outras direções: left(esquerda), right(direita), down(baixo) e up(cima) Para direita Para cima Para esquerda Para baixo Para colocar um efeito "vai-e-volta" no seu texto Tuto de Html da Mah Para fazer seu texto ficar indo pra cima e pra baixo Tuto de HTML da Mah Obrigada max_legalzinho Para colocar um efeito zig zag no seu texto Tuto de HTML da Mah Troque LARGURA por uma largura (vai de 1% até 100%). Obrigada max_legalzinho Para colocar um efeito zig zag doido no seu texto Tuto de HTML da Mah Troque LARGURA por uma largura (vai de 1% até 100%). Obrigada max_legalzinho
Para mudar a cor da borda da barra rolante Borda colorida Ps: Substitua "pink" por um código de cor (use a Tabela de cores), "2" pela largura da borda desejada e "TIPO DE LINHA" por um tipo de linha (use a Tabela de bordas.
Para mudar a cor do fundo da barra rolante Fundo colorido Ps: Substitua "pink" pelo código da cor desejada. Use a Tabela de cores e a Tabela de bordas.
Para colocar uma barra rolante com borda e fundo colorido Fundo e borda coloridos Ps: Substitua "pink" por um código de cor, "2" pela largura da borda desejada, "TIPO DE LINHA" por um tipo de linha e "200" pela largura da barra desejada. Use a Tabela de cores e a Tabela de bordas.
Para mudar a cor do seu texto Substitua "#000000" pelo código ou o nome em inglês da cor que você queira. Use a Tabela de cores.
Para colocar uma frase ou uma palavra com Link colorido Substitua "#000000" pelo código ou o nome em inglês da cor que você queira. Use a Tabela de cores.
Para colocar um efeito legal em textos Tuto da Mah Troque 50 pelo tamanho desejado e "pink" pela cor desejada. Use a Tabela de cores.
Para deixar seu texto à

esquerda

Para deixar seu texto à

dierita

Para deixar seu texto (só funciona no IE) GIGANTE
Para Mudar o tamanho do texto Ps: Os tamanhos variam de 1 á 7, mude "2" para o tamanho desejado.
Para mudar o cor do seu texto Ps: Mude pink para a cor da letra desejado.
Para mudar o tipo de letra do seu texto Ps: Mude "verdana" para o tipo de letra desejado. Use a Tabela de Fontes.

Para Mudar o tamanho,cor, e o tipo de letra do texto Ps:Mude "2" para o tamanho desejado, "green" para a cor desejada e "gigi" para o tipo de letra desejado. Onde "size" é o tamanho. Onde "color" é a cor Onde "face" é o tipo de letra. Todos foram englobados em uma única tag "font" e fechados com uma única tag "/font". Sim, isso é possível e prático, impedindo que você tenha que repetir "font" para cada código que precisar. Você pode treinar isso com outros códigos também ^^.
Para fazer uma linha que atravessa a página inteira

Para alterar o tamanho da linha

Ps: Substitua "200" por um número qualquer.
Para mudar a cor da linha que atravessa a página inteira

Substitua "#000000" pelo código ou o nome em inglês da cor que você queira. Use a Tabela de cores.
Para alterar o tipo da linha (só funciona no IE)

Ps.: Substitua "dashed" por um tipo de linha, "1" pela largura da linha e "000000" pela cor da linha.
Para alterar o tipo (só funciona no IE), o tamanho e a cor da linha

Ps.: Substitua "dashed" por um tipo de linha, "1" pela largura da linha, "000000" pela cor da linha e "40" pelo tamanho da linha. Use a Tabela de cores.
Para colocar uma frase ou uma palavra com Link Ps: Substitua neopets.com pelo seu link.

Indicação Especial

Não encontrou o que precisava aqui guest?! Sem problemas, indicarei abaixo um excelente tutorial, o Guia Legal, onde concerteza você irá encontrar o que necessita :]

Ainda não encontrou o que precisava? Envie-me um neomail dizendo o que você necessita que e farei o máximo para ajudar Ü

Membro do Mês

Como funciona: Bem, a cada mês eu vou eleger um membro do mês, pra motivar mais as pessoas da equipe :3 Por cada coisa que fizer a pessoa vai ganhar um coraçãozinho (como esse

) e quem tiver mais corações vai ganhar destaque no fim do mês :3 E quem não fizer no mínimo 3 gráficos por mês terá que sair da equipe :/ Os corações estão em baixo de cada apelido e o que cada uma fez estará em seus perfis :D
Lembre-se: Se você já fizer parte da equipe, você também poderá fazer tarefas dos outros membros. Basta me enviar exemplos de trabalhos seus (:

Boa sorte à todos e mãos à obra! *-*

Clique aqui para voltar.

Equipe do THM
~ SESSÃO EM REFORMA! ~

É guest, agora eu tenho uma equipe lindaa que me auxilia em tudo *-* São pessoinhas maravilhosas que concerteza serão muito úteis e ajudarão o site à crescer cada vez mais! :D
Abaixo colocarei um breve resuminho de quem são elas e qual sua função no site. Se você clicar no avatar de uma dessas pessoas, verá uma ficha um pouco mais detalhada sobre ela ^^

Membro do Mês:amandinha607!

	Marcela940 Criadora e dona do tutorial, faz a maior parte do conteúdo do THM e está sempre em busca de coisas novas :3 Apelido: Mah		amandinha607 Faz vários tipos de de gráficos para a PP ^^ Apelido: Amanda Corações:
	Annybr_add Procura novos códigos e diversos tutoriais para a petpage ficar cada dia mais completa - Apelido: Anny Corações:		Line_lili Faz fontes para a PP (: Apelido: Line Corações: -
	Magali230 Tira prints dos tpcs de premiação, de imagens para tutoriais e renova as imagens antigas :D Apelido: Magali Corações:		Neo_anita_pets Faz vários tipos de de gráficos para a PP ^^ Apelido: - Corações: -
	Nyzinha_pink Faz Layouts prontos, moldes de lays, moldes de contadores e etc. para a sessão de gráficos do THM (: Apelido: Ny Corações:		Thatyouknow Procura novos códigos e diversos tutoriais para a petpage ficar cada dia mais completa - Apelido: Bia Corações:

Perfil da amandinha607

amandinha607

Ficha Rápida
Nome: Amanda Guerrieri
Idade: 12
Signo: Cancer
Adoro: Neopets, meu prof de geometria, Matematica, KESHA, Ashley Tisdale, RBD, Minhas Diwas *oo*..
Qualidades que adimiro: Sinceridade, Humildade e Responsabilidade
Odeio: Quem n me leva a serio, quem me julga sem me conhecer, Di Ferreiro, Dilma,Restart, Cine, amizades falsas...
Piores Defeitos: Falsidade, Egoísmo e Negatividade
Uma frase: "As pessoas entram na nossa vida por acaso; mas não é por acaso que elas permanecem
Um cantor: Akon
Um ator: Fabio assuncao
Uma cantora: Miley Cyrus
Uma atriz: Paloma Duarte

Foi membro do mês uma vez

Seus Trabalhos no THM

Verificou todos os links das Petpages Úteis em outubro (:

Organizou os links novos ^^

Fez três moldes multipáginas *-*

Perfil da Annybr_add

Annybr_add

Em breve...

Seus Trabalhos no THM

Emprestou seus moldes de layouts multipáginas para o THM :D

Perfil da Line_lili

Line_lili

Nome: Aline
Idade: 12 anos
Signo: Câncer
Adoro: Batatas, Tokio Hotel, você *-*
Qualidade que admiro: Inteligência, humildade e criatividade.
Odeio: Restart, Justin Bieber ;x
Piores Defeitos: Teimosia (:
Um cantor: Bill Kaulitz (do Tokio Hotel (L))
Um ator: Taylor Lautner .Q
Uma cantora: KT Tunstall *-*
Uma atriz: Mariana Ximenes :D

Perfil da Magali230

Magali230

Em breve...

Perfil da Neo_anita_pets

Neo_anita_pets

Em breve...

Perfil da Nyzinha_pink

Nyzinha_pink

Ficha Rápida
Nome: Francinny
Idade: 14 aninhos
Signo: Leão
Adoro: Comer e ouvir música
Qualidades que adimiro: Ser perfeccionista, ser empenhada para conquistar algo que desejo e sinceridade (:
Odeio: Falsidade, pessoas manipuladoras e arrumar a cama (poisé -q)
Piores defeito: Sinceridade (Também pode ser considerado), pavio curto e não aceitar a opinião alheia
Uma frase: A amizade é como o mar; Se vê o começo; Mas não se vê o final *-*
Um cantor: Charlie Brown Jr.
Um ator: Taylor Lautner s2
Uma cantora: Taylor Swift
Uma atriz: Cristina Mullins

Foi membro do mês uma vez

Seus Trabalhos no THM

Arraste as imagens até o seu navegador para melhor vizualização.

Fez os moldes multipáginas 1, 2 e 3 ^^

Perfil da Thatyouknow

Thatyouknow

Ficha Rápida
Nome: Beatriz
Idade: 12 anos
Signo: Libra
Adoro: animes, mexer com HTML, fazer icons, pizza, fondue, praia, ler, sonho de doce de leite.
Qualidades que adimiro: sinceridade :3
Odeio: copycats, estudar, escrever, frio
Piores Defeitos: teimosia, falta de ideias, vício em K-ON!! (y
Uma frase: LOL, nenhuma veio a cabeça -Q
Um cantor: Justin Bieber
Um ator: Robert Pattinson
Uma cantora: Aki Toyosaki (Yui Hirasawa)
Uma atriz: Kristen Stewart

Seus Trabalhos no THM

Me ajudou no tutorial de música :3

Imagens
Nessa parte, você aprenderá a mexer com imagens.
Para colocar uma imagem link (uma imagem na qual você clica e é direcionado até outra página)

Clique Aqui e aprenda tudo sobre HTML :D

Ps: Substitua "IMAGESHACK.JPG" pela URL da sua imagem e "neopets.com" pela URL onde você quer que a pessoa seja direcionada ao clicar na imagem.
Maas porque que eu tenho que colocar esse código no meio? Por dois motivos super simples :D O primeiro é que sem ele sua imagem não aparecerá na PP. O segundo é que o neopets bloqueia qualquer tipo de link que não seja do próprio neopets, então se você colocar somente ele, sua PP não poderá ser salva e a imagem não aparecerá ^^ Pode tentar se quiser (:
Para colocar qualquer imagem na sua PP, você precisa da URL (é o endereço que aparece na barrinha aí de cima, onde você digita o site). Você pode pegar qualquer imagem que você não saiba a URL e é isso que eu irei mostrar agora: Como pegar a URL de uma imagem.
Primeiro, você precisa ir até a página onde você viu a imagem. Eu vou usar como exemplo o meu lojista:

Primeiro, você deve ir até a página onde você viu a tal imagem e clicar nela com o botão direito. Em seguida, clique em "Propriedades", assim:

Agora é só copiar a URL da imagem:

Depois do "ctr+c", basta substituir "LINKDAIMG.png" no código abaixo pela URL que você acabou de copiar, usando "ctrl+v". Sua imagem agora está pronta para ir direto para a PP!
Para colocar uma imagem do lado direito da sua PP

Troque LINKDAIMAGEM.png pelo link da sua imagem. Para colocar uma imagem do lado esquerdo da sua PP

Troque LINKDAIMAGEM.png pelo link da sua imagem. Para fazer uma imagem rolar

Troque LINKDAIMAGEM.png pelo link da sua imagem. Para fazer uma imagem rolar alterando sua velocidade e direção

Troque LINKDAIMAGEM.png pelo link da sua imagem, "left" pela direção desejada. As direções possíveis são:left(esquerda), right(direita), down(baixo) e up(cima). Mude "5" para a velocidade desejada (entre 1 e 100).Eu recomendo velocidades entre 1 e 5. O resto é rápido demais. Velocidade 100 Velocidade 1 Para fazer uma imagem rolar em uma borda

Substitua "pink" por um código de cor (use a Tabela de cores), "2" pela largura da borda desejada e "TIPO DE LINHA" por um tipo de linha (use a Tabela de Bordas). Para colocar uma borda na sua imagem

Troque "TAMANHO" pelo tamanho da borda, "TIPODELINHA" pelo tipo de linha (citados acima) e "COR" pela cor da borda (use a Tabela de cores) Para deixa sua imagem sem uma borda

Para colocar uma imagem link com borda

Troque "TAMANHO" pelo tamanho da borda, "TIPODELINHA" pelo tipo de linha (use a Tabela de Bordas), "COR" pela cor da borda (use a Tabela de cores) e "neopets.com" pelo link desejado.
Para fazer um efeito legal com várias imagens

Para colocar uma imagem em um canto específico da sua PP Troque "LINKDAIMG.png" pelo link da imagem e "DIREÇÃO" pela direção desejada (left,right)
Regular o tamanho da imagem para maior

ou menor

Troque 150 no primeiro por um número qualquer e 25 no segundo por um número qualquer.
Maas, e se você quiser colocar na sua PP uma imagem editada por você? Dirija-se à hospedando imagens.

Versões anteriores do THM *-*
Olá galerinhaa *--* Aqui vão ficar os layouts que eu já coloquei aqui no meu tuto *U* Só pra relembrar e acompanhar a evolução dos lays (: Espero que gostem, e NÃO COPIEM/MODIFIQUEM NENHUM! Ò_Ó (as imagens estão reduzidas, arraste-as para o seu navegador para melhor vizualizá-las ^^)

Esse foi o 1º lay do THM *-*

Esse foi o 2º, feito pela bea :3

Esse foi o 3º, feito pela kah (:

5º lay

6º Layout, versão natal (provisório)

7º Lay, versão natal (permanente)

8º laay do Tuto ^^

9º Lay, apenas mudança de background :]

10º Layout xD

11º lay, era pra ser provisório mas ficou por um bom tempo :X

12º layout, o lay atual *-*

Proonto, são só esses (: Eu acho que eu não perdi nenhum xS Aah, tbm quero apresentar o meu primeiro layout (sim, o 1º de todos, quando eu ainda tava aprendendo xD), o 1º lay feito por mim ^^ Tá horrível, mas vou colocar aqui só pra você ver e não perder as esperanças, pq você sempre pode fazer melhor *-*

Tá, pode rir vai xD Tá feio mesmo :3

Suas mensagens nos Fóruns

Nessa parte, eu vou falar sobre como personalizar suas mensagens nos fóruns. Para alterar suas configurações você terá que ir em Preferências nos fóruns. Você também poderá mudar o seu avatar e assinatura.
Para mudar a cor da sua mensagem nos fóruns Ps: Troque "000000" pelo código da cor desejada.
Para colocar um nome ou palavra na parte superior da sua mensagem
Para colocar uma cor neste nome que fica na parte superior da sua mensagem Ps: Substitua "#000000" pelo código da cor desejada.
ATENÇÃO!!! Os códigos anteriores foram para um nome ficar na parte de cima da mensagem! Se você quer o nome na parte de cima e a mensagem, você deve colocar primeiro o código do nome que fica em cima e logo em seguida você deverá colocar os códigos seguintes. Para personalizar somente a sua mensagem:
Para colocar sua mensagem em negrito
Para colocar sua mensagem em itálico
Para colocar sua mensagem subilinhada

Para colocar sua mensagem no centro
Para mudar a cor da sua mensagem Ps: Troque "000000" pelo código da cor desejada. Para saber mais, visite: Tutorial de Fontes

Hospedando Imagens

E se você quiser uma imagem editada por você e salva no seu computador? Uma imagem que não tem URL? Calma! Para isso existem os sites que hospedam as imagens salvas no seu computador. Eu uso o photobucket.com, que é simples de usar, mas para usar este, você precisa se cadastrar. Existem outros também, como o imageshack.com, que é simples de usar e não precisa fazer cadastro. Ambos os sites são inteiramente gratuitos. Aqui eu vou ensinar passo a passo nesses dois sites de hopedagem diferentes.
Photobucket | Imageshack

Photobucket x Imageshack

Qualidade de Hospedagem PB: Excelente, a imagem fica sempre disponível para quando você perder o link.

IS: A imagem dura por algum tempo, mas depois é excluida para não ocupar espaço no servidor deles, além de o link ficar disponível somente na hora da hospedagem.

Rapidez PB: Muito rápido.

IS: Para hospedar 1 imagem você espera alguns minutos.

Facilidade PB: É necessário cadastro para hospedar.

IS: Não é necessário cadastro para hospedar.

: Photobucket! É, sem dúvida, o melhor site de hospedagem ^^ Vale apena fazer o cadastro :D

Photobucket

Aconteceu alguma coisa!
	Parabéns, guest, você acaba de achar 750 Neopontos no chão!!!

O PB é muito fácil de usar. Mostrarei aqui dos primeiros passos até a hospedagem. Primeiro, entre no site (photobucket.com). Depois clique em "Join now. It's free":

Assim que clicar, siga as instruções abaixo:

Use "ctrl" para selecionar vários arquivos. Depois de selecionar os arquivos e hospedar, clique em "Save & Get Links", e em seguida copie o "Direct Link" (2º link) abaixo da sua imagem. Depois substitua onde está escrito "SEULINK.jpg" pelo seu link no código abaixo:

Clique aqui para voltar.

Imageshack
Primeiro, você tem que entrar no site. Copie e cole no seu navegador: "imageshack.us".
O site vai abrir. Aí você clica em "browser" e vai abrir uma janela com os seus documentos. Agora clique na imagem que você quer hospedar e depois clique em abrir, clicando em seguida em "Start Upload!" assim:

Depois você vai pegar o primeiro link, o "Direct link to image" e substitua onde está escrito "SEULINK.jpg" pelo seu link no código abaixo:

Clique aqui para voltar.

Fazendo Layouts

Bom, exitem vários tipos de layouts: Lay pra loja, lay pra userlookup, lay pra petlookup, lay pra galeria, lay pra guild (associação), lay pra petpages (PP)... Claro que ~~infelizmente~~ não vai dar pra ensinar tudo aqui

Então, nessa parte da PP, vou indicar algumas PPs especializadas em cada tipo de layout e que são muito boas ^^ Basta escolher o tipo de layout que você quer abaixo e pronto!

Fazendo Layouts para Petpages
Petpage é a página do seu pet. Clique aqui para saber mais ^^
Para colocar somente uma cor como fundo Substitua #000000 por um código de cor. Use a Tabela de Cores.
Para colocar uma imagem como fundo Ps: Aqui sua imagem deve ter uma URL. Hopede sua Imagem para colocá-la como fundo.
Para uma imagem fixa no fundo Ps: Aqui sua imagem deve ter uma URL. Hopede sua Imagem para colocá-la como fundo.
Caso você queira fazer um layout personalizado contínuo e/ou não-contínuo, siga à um dos seguintes guias (O primeiro é um guia que eu, a annie e a anny fizemos :D Não disse que ia fazer um tuto de lays? *u* Aproveitem ^^):

Clique aqui para voltar.

Fazendo Layouts para Guilds
Layouts para Guilds são Layouts para associação. O que é uma associação? Uma associação é como um clube de interesse comum, para usuários que gostam das mesmas coisas. O objetivo principal é ter um fórum particular para os membros, separado dos Neofóruns. Para mais informações, dê uma olhadinha em alguns... talvez você encontre um que te agrade! Exemplo de associação: Clique aqui.

Se quiser aprender a fazer um layout para guild, entre: Tuto de Lays de Guild da Ana

Clique aqui para voltar.

Fazendo Layouts para Galeria
Em breve.

Clique aqui para voltar.

Fazendo Layouts para Userlookups
Antes de tudo, onde eu edito meu userlookup/lookup? Ah, essa é fácil :3 Você passa o mouse em cima da opição 'Minha Conta', no menu principal do neo (lá em cima) e aperta em 'Editar Perfil':

Quando a página abrir, digite sua senha na caixa ao lado de 'Senha Atual' (sim, é necessário digitar a senha para validar suas atualizações no lookup) e escreva sobre você na caixa do 'Algo sobre mim':

Arraste a imagem até o seu navegador para melhor vizualização.
Prontinho, agora é só usar os mesmos códigos que usamos para PPs se quiser colocar imagens ou mudar a cor da sua letra :D Logo abaixo eu vou indicar algumas PPs que ensinam à fazer um layout bem lindo pro seu look ^^

E aqui, vou indicar PPs que tem os lookups prontos ~~mais divos~~ do neo, que para coloca-los é só copiar o código e colar na caixinha de editar o perfil ü

Clique aqui para voltar.

Fazendo Layouts para Petlookups

Clique aqui para voltar.

Fazendo Layouts para Lojas
Por enquanto, ainda não tenho um tutorial para fazer lays de loja... Mas posso lhe passar alguns códigos legais :D
Para colocar uma cor de fundo na sua Loja Ps: Substitua '#000000' pela cor desejada. Use a Tabela de cores.
Para colocar uma imagem como fundo na sua Loja Ps: Substitua 'LINKDAIMGAQUI.png' pelo link da sua imagem.
Hmm, mas você não sabe colocar fundos na sua loja? Eu ensino ;D

Personalizando Lojas

Personalizar sua loja é muito fácil. Passe o mouse em 'Lojas', depois clique em 'Sua Loja'.

Depois em 'Criar/Editar Sua Loja' e desça um pouco quando abrir.

Ao descer você vai ver uma caixa de texto grande, é ali onde você vai colocar os códigos de HTML. O próprio neopets disponibiliza alguns acessórios para lojas, como os blogs, que servem para você escrever recados de maneira organizada (: Não sei o motivo, mas nas lojas o código para colocar links não funciona. Lá você pode colocar backs e lays para lojas (meus moldes não servem). Veja algumas PPs aqui.

Clique aqui para voltar.

Usando Moldes
Escolha um tipo de molde para eu ensinar-lhe como usá-lo para fazer seu próprio layout

Layouts contínuos|Layouts não-contínuos

Clique aqui para visitar os moldes.

Usando Moldes de Lays Contínuos
Clique aqui para visitar os moldes.
Layouts contínuos são layouts que nunca acabam. Uma de suas características é que esse tipo de lay não traz uma barra de rolagem no interior da sua caixinha, e sim no lugar normal dela. Nos meus moldes, as caixinhas contínuas estão abertas embaixo:

Logo abaixo, irei ensinar como fazer seu lay usando os moldes contínuos:
Eu: Oláá guest! Esta é a mais novidade (que já nem é tão nova assim) do meu tutorial: estou disponibilizando para vocês moldes de lays õ/ *joga confete* guest: Eer.. Legal.. Maas, o que seriam moldes de lays? *confuso* Eu: Moldes de Lays são usados geralmente por pessoas que não sabem ou têm preguiça de codificar seus lays, eles servem para fazer lays sem muito esforço^^. Antes, vou lhe dizer o material que nós vamos usar. Abra seu editor de imagens (exemplo:paint) e o bloco de notas. Vou ~~tentar~~ ensinar em três partes: Na primeira, nós iremos fazer o layout. Na segunda, nós vamos fazer a linha(também conhecido como background do lay). E na terceira, nós vamos mexer com o código. guest: Linha? o.Õ Porquee "linha"? Eu: você vai já descobrir^^. Antes, escolha um molde na seção moldes. Escolheu? Então vamos lá! Primeira parte: Layout - Copie a URL que está na caixinha com fundo roxo e cole no seu navegador (onde você digita o site que quer visitar). Quando a imagem abrir, você clica nela com o botão esquerdo do mouse, depois com o direito. Agora clica em copiar e cola no seu editor de imagens (aquele que eu pedi pra você abrir no começo.. Lembra? :D). guest: Pronto. O que faço agora? *entusiasmo* Eu: Agora você irá enfeitar o seu layout do jeito que você quiser. Só não mexa na posição das caixinhas!!! Fora isso, você pode enfeitá-lo à vontade, colando imagens, textos, palavras... Não se esqueça de salvar, quando terminar, no formato .png!! Clique no link e ele te ensinará melhor a como mexer no paint: Mexendo no Paint.

guest: Legaal! Termiinei *---* Eu: Ótimo, maas não feche o paint com seu layout ainda! Agora hospede-o para terminarmos a primeira parte. Depois que hosperdar, seu layout estará pronto *-*. Guarde o link do layout hospedado no bloco de notas ^^. guest:*comemora* Agora é a segunda parte, a parte da "linha", certo? :P Eu: Exato! Agora nós vamos para a segunda parte, fazer a linha. Como muitos users têm dúvidas nessa parte, fiz uma demonstração com imagens para facilitar o seu entendimento: clique aqui. Se quiser continuar aprendendo, vá para o paint onde seu lay está aberto e clique em "Imagem", no menu superior. Em seguida clique em "Inverter/Girar". Clique em "Inverter verticalmente". Ficou de cobeça pra baixo não foi? Se não, repita o processo até ficar :P. Clique em "Imagem" e depois em "Atributos". Configure a altura para "10" e clique em Ok. guest: Formou uma.. linha! Agora entendi o porquê desse nome :P Eu: Isso! Agora vá em "Salvar como..." para não perder seu layout. Salve também em .png e hospede-a. Guarde o link no bloco de notas! guest: EStou adoorando isso *o* Eu: Que boom ^^! Agora vamos à minha parte favoriita: Mexer com o código *-* Seei que você já deve ter um certo "medo" desse nome, maas você verá como é bem fácil :D O código vai estar debaixo de cada modelo de lay, junto com o link para você enfeitá-lo. Você pode alterar o código, mas não retire os créditos. Copie o código do molde multipágina escolhido (o código que está na caixinha debaixo da roxa, com o nome "código" em cima) no bloco de notas. Você pode usar ctrl+f para procurar as palavras abaixo. Quando achá-las, substitua: LINKDASUALINHA.png: Pelo link da linha que você hospedou. LINKDOSEULAY.png: Pelo link do lay que você hospedou. #COR: Por um código da tabela de cores. Não se esqueça de colocar o "# na frente do código. TAMANHO: Pelo tamanho da sua letra. TIPO: Pelo tipo da sua letra. Prontiinho, seu lay contínuo está pronto! Agora eh soh fazer sua PP ^^
Clique aqui para voltar.

Usando Moldes de Lays Não-contínuos
Logo abaixo, irei ensinar como fazer seu lay usando os moldes não-contínuos:
Clique aqui para visitar os moldes.
Eu: Oláá guest! Esta é a mais novidade (que já nem é tão nova assim) do meu tutorial: estou disponibilizando para vocês moldes de lays õ/ *joga confete* guest: Eer.. Legal.. Maas, o que seriam moldes de lays? *confuso* Eu: Moldes de Lays são usados geralmente por pessoas que não sabem ou têm preguiça de codificar seus lays, eles servem para fazer lays sem muito esforço^^. Pronto para aprender como usar o resto dos moldes? guest: Claro! Espero que não seja difícil... Eu: Não é não, a parte mais difícil você já deve ter aprendido (se não, não interferirá em nada aqui ;D), que é usar os moldes contínuos ^^ Esses são os moldes mais fáceis de usar :D guest: Ufa! Eu: Então, para começar, usaremos seu editor de imagens (exemplo:paint) e o bloco de notas. Esses, como são fáceis, ensinarei em 2 partes: Layout e Codificação. Agora, abra seu editor de imagens. Deixe ele abertinho aí, vamos usá-los daqui à pouco ^^. Primeira parte: Layout - Copie a URL que está na caixinha com fundo roxo e cole no seu navegador (onde você digita o site que quer visitar). Quando a imagem abrir, você clica nela com o botão esquerdo do mouse, depois com o botão direito. Agora clica em copiar e cola no seu editor de imagens. guest: Pronto. O que faço agora? *u* Eu: Agora você irá enfeitar o seu layout do jeito que você quiser. Só não mexa na posição das caixinhas!!! Fora isso, você pode enfeitá-lo à vontade, colando imagens, textos, palavras... Não se esqueça de salvar, quando terminar, no formato .png!! Copie o link a seguir e cole no seu navegador, ele te ensinará melhor a como mexer no paint: guest: Legaal! Termiinei *---* Eu: Ótimo, maas não feche o paint com seu layout ainda! Agora hospede-o para terminarmos a primeira parte. Depois que hosperdar, seu layout estará pronto *-*. Guarde o link do layout hospedado no bloco de notas ^^. guest:*comemora* Eu: Isso, estamos terminando! Agora vamos à minha parte favoriita: Mexer com o código *-* Seei que você já deve ter um certo "medo" desse nome, maas você verá como é bem fácil :D O código vai estar debaixo de cada modelo de lay, junto com o link para você enfeitá-lo. Você pode alterar o código, mas não retire os créditos. Copie o código do molde multipágina escolhido (o código que está na caixinha debaixo da roxa, com o nome "código" em cima) no bloco de notas. Você pode usar ctrl+f para procurar as palavras abaixo. Quando achá-las, substitua: LINKDOSEULAY.png: Pelo link do lay que você hospedou. #COR: Por um código da tabela de cores. Não se esqueça de colocar o "# na frente do código. TAMANHO: Pelo tamanho da sua letra. TIPO: Pelo tipo da sua letra. Prontiinho, seu lay não-contínuo está pronto! Não é fácil? Agora eh soh fazer sua PP ^^
Clique aqui para voltar.

Fazendo contadores
Contadores são bem fáceis de fazer. Primeiro você tem que ir até o site www.boingdragon.com e fazer uma conta. Ao entrar no site clique em "Counter Signup" para fazer uma conta.

Em seguida, você terá que fazer o login. Para isso, clique em Counter Login. Preencha. Quando entrar, no topo você verá uma barrinha com várias opções, clique em "Add new counter". Espere a página abrir. Se você quiser um contador com um dos desenhos que o site sugere, basta clicar no desenho que você quer. Se quiser fazer um com uma imagem sua, clique no Schorchio azul lá embaixo. Na página, onde tem escrito "Background Image URL" coloque a URL da imagem que você quer. Depois clique em "Update URL" e para ver a imagem clique em "Preview". Depois clique em "Instance Name" coloque o nome do contador desejado e Start Count deixe em "0" mesmo. Se quiser escolher a cor do número e a cor da borda do número basta selecionar as opções de cor. Se quiser levantar ou abaixar os números no contador, configure "Y". Caso queira levar o número mais para esquerda ou mais para direita, configure "X". Agora é só clicar em "Create Counter" e seu contador foi terminado e pronto para uso. Agora clique em "Install" para pegar o código do seu contador e pronto! :D Logo abaixo, ensinarei como fazer aqueles contadores de pessoas online_

Mini tuto de Widget

O que é? o_õ: É um contador de pessoas online_ pessoas que estão visitando sua PP nesse momento). Pode ser muito útil^^ (ou não.-.) Infelizmente, eles mudaram o site, e não acho um código compatível com o que o neo aceita :/

Maaas, tenho alguns modelos prontos, pode pegar sem me consultar, contanto que deixe os meus créditos (não sugiro que você os coloque na sua PP, pois como esses contadores são usados por várias pessoas, o número de pessoas online será grande e falso. Mas como não tem mais como fazer o seu, só resta esses ;/:
Amarelo e Preto
Azul claro e Preto

Verde claro e Preto

Roxo e branco

Azul e branco

Vermelho e branco

Preto e branco

Fazendo Link-mes e Awards
Beem, essa parte é muuiiitoo fácil! Link-mes e awards são bem parecidos no modo de fazer. Copie o link a seguir e cole no seu navegador, ele te ensinará melhor a como mexer no paint:
Link-mes | Awards

Link-mes

Se você quiser um link-me, desenhe o seu link-me no paint (coloque seu user embaixo bem pequeno, só para ninguém roubar sua imagem) e salve no formato ".png" (pode apenas clicar em savar e em Ok, mas salvando nesse formato, a imagem ficará mais conservada). Depois hospede-o e substitua www.neopets.com no código abaixo pelo site que você quer que a pessoa que clicar na imagem seja direcionada (Exemplo: Eu estou no site neopets. Clico na imagem do seu link-me e vou para a sua PP, seu perfil, sua loja, sua galeria ou outra coisa. Coloque um link que seja relacionado a você, para ninguém roubar sua imagem). Substitua também LINKDAIMAGEM.png pelo link que você pegou da sua imagem ao hospedá-la. O código é o seguinte: Se quiser, você também pode usar border="0" para que não apareça nenhuma borda no seu link-me, assim: Prontiinho! Seu link-me está feito! Agora é só colocá-lo em uma petpage sua e usar o código de fazer Caixas de Texto para colocar o código do seu link-me dentro para que as pessoas possam pegá-los :D

Awards

Se você quiser fazer um award, desenhe seu award no paint (coloque seu user embaixo bem pequeno, só para ninguém roubar sua imagem) e salve no formato ".png" (pode apenas clicar em savar e em Ok, mas salvando nesse formato, a imagem ficará mais conservada). Depois hospede-o e substitua www.neopets.com no código abaixo pelo site que você quer que a pessoa que clicar na imagem seja direcionada (Exemplo: Eu estou no site neopets. Clico na imagem do seu link-me/award e vou para a sua PP, seu perfil, sua loja, sua galeria ou outra coisa. Coloque um link que seja relacionado a você, para ninguém roubar sua imagem). Substitua também LINKDAIMAGEM.png pelo link que você pegou da sua imagem ao hospedá-la. O código é o seguinte: Se quiser, você também pode usar border="0" para que não apareça nenhuma borda no seu award, assim: Prontiinho! Seu award está feito! Agora é só colocá-lo em uma petpage sua e usar o código de fazer Caixas de Texto para colocar o código do seu award dentro para que as pessoas possam pegá-los :D

Awards Recebidos
Coloquei os awards que recebi em outro petpage, para que essa não fique tão cheia de imagens ^^
Clique!

F.A.Q.
Aqui ficarão as perguntas que eu recebo por neomail frequentimente. Leia-as antes de me enviar qualquer neomail, sua dúvida pode estar aqui:
1 - Você faz Layouts para Petpages? Não. Maas, se você me pegar num dia que eu estiver entediada e de bom humor... Quem sabe?! Só não insista!
2 - Você faz contadores? Nãão! Teem na PP esninando!
3 - Posso te linkar/colocar sua plaquinha na minha PP / loja / perfil? Claroo que podee! Não precisa me mandar neomails perguntando isso! Falem pro seus neoamigos me linkarem/colocarem minha plaquinha também! ;)
4 - Como eu coloco aquelas caixinhas para a pessoa pegar o código? Está tudo beem explicadinho aqui, olhe bem no topo de onde o link te mandar. Mas se você não achou, procure na navegação por: "Caixas de Texto". (:
5 - Posso copiar seu lay?Resposta óbivia: NÃO! Poor favor, não fiique me enviiando nms perguntando isso ;)
6 - Posso copiar alguns códigos do seu tuto e colocar na minha PP? Resposta: NÃO! Geente, deu muito trabalhoo meeesmo fazer esse tutorial para vocês. See eu veer isso, desativo o tuto e denunciio a pessoa na hora! u.u
7 - Como coloco o nome do user que está visitando minha PP? Bem, isso é bem simples. Basta colocar o código #VISITOR em qualquer parte da sua página ^^
8 - Eu segui seu tutorial para fazer um link-me, fiz e deu certo mas na hora de colocar na PP, não apareceu ''salvar mudanças''. O que eu faço? Bom, primeiro você deve se certificar que colocou a barra no último "TEXTAREA"... Se você colocou e continua tendo este problema, tente tirar o último "/div" depois do seu texto.
9 - O conteúdo da minha PP ultrapassa a caixa de códigos, ficando embaixo dela. Será que extourei o limite de caractéres? Não, até porque PPs não tem limite de caractéres. O problema é do text_area que você usa. Usando text_area não tem problema, mas se você usa "textarea" (sem a underline), sempre dará bug.
10 - Tô fazendo um lay com os seus moldes, mas, quando eu vou colocar o link no navegador, aparece a imagem e uma lupa que você clica no molde e ele aumenta... Se eu fazer um lay com ele aumentado do mesmo jeito vai dar certo? Você deve fazer com ele grande, senão ele ficará pequeno demais, além de mal codificado ^^
11 - Pq toda vez que eu hospedo alguma imagem no photobucket que é grande fiCa pequena depois que eu hospedo? É que o photobucket diminui algumas imagens que são muito grandes. Recomendo que você hospede sua imagem no imageshack (:

Tabela de cores

Arraste a imagem até o seu navegador para melhor vizualização.
PS: Com essa tabela você pode ter algumas cores, mas para uma maior variedade de cores, você pode usar programas como Photofiltre e Photoshop que te fornecem os códigos das cores para usar na web :3 (Use o ícone que parece um conta-gotas em ambos os programas ^^)

Tabela de bordas
Os seguintes tipos de bordas estão disponíveis:

dashed

dotted

solid

double

groove

ridge

inset

outset

REGRAS
Bom, nessa parte eu vou ser bem direta, já que alguns neopianos insistem em desobedecê-las. Qualquer usuário que desobedecer um única regra, sofrerá as devidas consequências.

Usou? Credite.

Use essa página com bom senso, respeito e ética, por favor.

NÃO copie uma só letra daqui (isso inclui layouts, códigos, tutoriais e tudo que consta nessa PP).

NÃO retire os créditos de algo desta petpage.

NÃO copie nenhuma ideia minha.

Dê os créditos à esta petpage se ela te ajudou.

Leia a F.A.Q. antes de me mandar qualquer neomail.

Nunca disponibilize alguma parte dessa PP na sua PP, mesmo creditando.

Sobre nós
Oii ^^ Nessa parte você vai saber um pouco mais sobre mim e sobre minha pet

Ficha Rápida Nome: Marcela Idade: 16 anos Signo: Libra Adoro: Nx zero, ler, ouvir música, estudar, mexer com HTML, Jensen Ackles, Meu professor de literatura, gatos, meus amigos, Sobrenatural, poesias, livros, lasanha, pizza e meus pais :D

Qualidades que adimiro: Honestidade e Humildade. Odeio: Carne, modinhas, giló, acordar cedo, copycats, esvaziar minha caixa de neomails, perder as minhas coisas, brigas, ingratidão, falsidade Piores Defeitos: Infantilidade, Covardia e Ingratidão Uma frase: "Para que levar a vida tão a sério, se a vida é uma alucinante aventura da qual jamais sairemos vivos?" (Bob Marley) Um cantor: Dii *-* Um ator: Jesen Ackles õ/ Uma cantora: Avril Lavigne Uma atriz: Qualquer uma -q Sobre a amandinha: Ela foi a minha primeira pet aqui *-* (eu não disse que foi a com mais tempo de vida, até porque eu adotei todos os outros xD) Eu adooro ela, é muito especial pra mim ^^ A dinha foi pintada de bb dia 27/10/09, 8 dias depois do meu aniversário (presentão *U* Obrigada mimi :D). Bom, acho que é isso

Minhas Adoções *U* Fofuxos Pequenos | Fofosos Médios | Fofos Grandes

Se você é dono de um desses adopts, saiba que eu fiquei muito indecisa pra escolher somente 2 deeeles :X Porquee vocês fazem isso comigo? T.T Q