Tutorial de HTML da Mah :3 - Bem vindo! *-*

Atualizações



^ nova parceria (:
16 de dez de 2010
Ontem_ 15 de dez) o contador chegou à 87 mil pessoinhas maravilhosas *OOO* Nova musiquinha, do Usher - DJ Got Us Fallin' In Love :3 E três novos moldes multipáginas foram colocados na sessão de moldes. Todos feitos pela amanda *-* Novos membros na nossa equipe!
04 de dez de 2010
Nova musiquinha :3
Hey, soul sister - Train *-* Espero que gosteem, eu adoro d:
03 de dez de 2010
O contador chegou à 86 mil pessoas *OOOOO* *sem palavras* S2
02 de dez de 2010
Novo tutorial linkado *-*

Aah, e amanhã eu fico de férias oficialmente *OO* E vou começar a preparar o THM pro natal :3 Aguardem! (:
Print Feliz *U*
No dia de em que eu coloquei o novo lay (12 de outubro), batemos o recorde de pessoas online ao mesmo tempo na PP *-* Não é armação, o widget daqui funciona de verdade, pode testar ;D

Atualizações Antigas

(16 de nov de 2010)
Um novo e fofo molde para contador foi adicionado hoje (: Feito pela Marii_swan, obrigada *-* (14 de nov de 2010)
A sessão Layouts Prontos foi atualizada *-* Peço que enviem seus layouts, estamos precisando muito de novos lays prontos :/ E acabou a semana Red Hot, agora eu coloquei uma nova músiquinha: Billionaire - Travie McCoy ft Bruno Mars (: (06 de nov de 2010)
Nova música: Snow - Red Hot Chili Pepers *-* Aah, hoje o contador chegou à 84 mil pessoinhas *OOOO* Obrigada meus amores S2 Eu também queria avisar que essa semana começam as últimas provas do ano pra mim *-* Então não vou entrar muito, espero que entendam :/ Não esqueçam de mim T_T umbj :* (03 de nov de 2010)
Semana Red Hot Chili Pepers *-* Só música deles essa semana, porquê música de qualidade nunca enjoa S2 Nova música: Otherside - Red Hot Chili Pepers (: Se não quiser ouvir aperte esc, já sabe o que fazer :3 (01 de nov de 2010)
Weee, novembro õ/ A música do THM foi trocada para Scar Tissue - Red Hot Chilli Pepers, espero que vocês gostem *-* Caso não queira ouvir, aperte 'esc' (: (31 de out de 2010)
O Tutorial de Música foi finalmente adicionado *-* Espero que vocês gostem :D Dividi a PP em duas para ficar mais leve :3 (30 de out de 2010)
Nyzinha_pink, primeiro membro do mês no THM com 5 corações :O Parabéns! *-* Ooh, o mês tá acabando :C A amanda ganhou 2 corações hoje *-* Chuck Norris aprovou as regras do THM *O* E novos links foram adicionados nas Petpages úteis:

Jornal Neotimes
Isah's Screens
Isah's Orders
Japan Graphics
Gold e Platinum
Sweet Onigiri Blog
Extreme Makeover
The Joker
Evidence
Bubbles
Image Nation
dicionário japonês
Tutorial de Button
Encomendas da Mazzô
Tuto de Contadores da Bia
Serenity Buttons
Speciale

(29 de out de 2010)
Coloquei três moldes múltipáginas na PP *-* Todos feitos pela ny, que acabou de ganhar 3 corações (: (28 de out de 2010)
Adicionei plaquinhas aos nosso graphics :3 Obrigada ny, você agora tem 2 corações! *-* (26 de out de 2010)
O contador chegou à 83 mil pessoas! Caraa, neem acredito *-* Obrigada pessoas K3 (25 de out de 2010)
A anny ganhou um coração e a ny fez alguns gráficos que serão colocados em breve na PP :3 (21 de out de 2010)
Um novo link-me foi adicionado hoje *U* Nova maneira de organizar a equipe do THM e agora nós temos um novo molde para contadores também (: Aah, e obrigada Buttonfly pelo button *--* (20 de out de 2010)
Digam HOÊ para o meu ovíneeo *--* (que agora já cresceu e virou um monstrinho P:) (15 de out de 2010)
Foram acres- centados Moldes de Layouts Multipá- ginas e o contador chegou à 82 mil pessoas *--* (14 de out de 2010)
Um lindo e fofo link-me novinho foi adicionado hoje! (13 de out de 2010)
Dia do resgate dos mineiros õ/ Mudamos de cursor, um novo molde para contador foi adicionado *-* (12 de out de 2010)
A PP toda foi reformada e está de cara nova *-* Espero que você goste :3
- PP do mês atualizada e mais organizada! :D (18/07/2010)
- E hoje, nós chegamos à 74 mil visitas! *----------* (18/07/2010)
- Mudança no CSS dos menus ^^ (13/07/2010)
- PP do mês atualizada! (11/07/2010)
- 70 mil visitas! OMG, OMG, nossaaaaa, brigada, brigada, brigadãaaao meus amores s2 (19/06/2010)
- Lay NOVO! *U* (28/05/10)
- 67 mil visitas! *0* Valeuzão galera, é por isso q eu amo vcs (L (ñ/sei/qdo)
- O contador chegou à 64 mil visitas! OMG *3* Sério gente, muitíssimo obrigada meeesmo *--*(22/04/10)
- Caixinhas para Layouts atualizadas! (21/04/10)
- Nova categoria em Gráficos: Caixinhas para Layouts (20/04/10)
- Moldes para Contadores atualizados (18/04/10)
- O contador chegou à 63 mil visitas! ;* (16/04/10)
- Foi inaugurado o Tutorial de glitter!
- Novo link-me! *u* (09/04/10)
- O contador chegou à 62 mil visitas! ;* (09/04/10)
- Tutorial atualizado (: (07/04/10)
- O contador chegou à 61 mil visitas! *w* (02/04/10)
- O contador chegou à 60 mil visitas! º3º (27/03/10)
- Nossa, esse mês foi barra O.O' Recorde: 5 entrevistas *-* (27/03/10)
- Nova categoria em Gráficos: Moldes para Contadores (24/03/10)
- Foi divulgado a PP da Quinena! (21/03/10)
- O contador chegou à 59 mil visitas! *3* (20/03/10)
- O contador chegou à 58 mil visitas! (14/03/10)
- O contador chegou à 57 mil visitas! (08/03/10)
- Foi adicionado Petpage da Quinzena (07/03/10)
- O contador chegou à 56 mil visitas!! (01/03/10)
- Foi adicionado o lay 'Grils Space' (27/02/10)
- O contador chegou à 55 mil visitas!! (24/02/10)
- O contador chegou à 54 mil visitas!! (15/02/10)
- Novo layout /versão 5.0/ e atualizações no tuto /+ organização, novo CSS/ (17/02/10)
- O contador chegou à 53 mil visitas!! (15/02/10)
- O contador chegou à 52 mil visitas!! Nooooooossaa *________* (10/02/10)
- O contador inexplicavelmente chegou à 51 mil visitas!! Caaraa, não sei nem o que dizer *emocionada* (05/02/10)
- O contador chegou à 50 mil visitas (OMG, quantas peoples *-----* Obriigada :*)(31/01/10)
- Layout da Isa atualizado!(31/01/10)
- Foi adicionado mais um user no MURO DA VERGONHA!(30/01/10)
- O contador chegou à 49 mil visitas *¬*(28/01/10)
- Foi feito o MURO DA VERGONHA!(29/01/10)
- O contador chegou à 48 mil visitas *.*(24/01/10)
- O contador chegou à 47 mil visitas *w*(20/01/10)
- O contador chegou à 46 mil visitas *w*(15/01/10)
- O contador chegou à 45 mil visitas *o*(11/01/10)
- O contador chegou à 44 mil visitas *o*(08/01/10)
- Acrescentei "Layout da Isa" em Layouts Prontos! (05/01/10)
- Lay novo feito por mim *u* Versão 5.0! (05/01/10)
- Acrescentei Molde 5 em Layouts não-contínuos.(05/01/10)
- O contador chegou à 43 mil visitas *o*(04/01/10)
- O contador chegou à 42 mil visitas *o*(30/12/09)
- O contador chegou à 41 mil visitas *-*(24/12/09)
- O contador chegou à 40 mil visitas *-*(20/12/09)
- Refiz a versão antiga do tutorial
- Acrescentei Fazendo Animações (14/12/09)
- O contador chegou à 39 mil visitas *-*(14/12/09)
- O contador chegou à 38 mil visitas *e*(12/12/09)
- Acrescentei Molde 4 em " Layouts não-contínuos.(09/12/09)
- O contador chegou à 37 mil visitas *o*(08/12/09)
- Lay versão natalina! :D (06/12/09)
- O contador chegou à 36 mil visitas *.*(04/12/09)
- O contador chegou à 35 mil visitas *w*(30/11/09)
- Acrescentei os layouts "para awards" e "rosa" em Layouts Prontos! (27/11/09)
- Acrescentei alguns códigos em Códigos básicos (26/11/09)
- O contador chegou à 34 mil visitas *¬* (L'(25/11/09)
- Acrescentei alguns códigos em Imagens (24/11/09)
- O contador chegou à 33 mil visitas *u* /muiito obrigada pelo carinho, mesmo! (22/11/09)
- Fériias! õ/ (20/11/2009)
- O contador chegou à 32 mil visitas *-* (16/11/09)
- Acrescentei 1 novo link-me (15/11/09)
- O contador chegou à 31 mil pessoas *-* (13/11/09)
- Acrescentei o layout "I love babies" em Layouts Prontos! (12/11/09)
- O contador chegou à 30 mil visitas *-* (08/11/09)
- Acrescentei Layouts Prontos! (06/11/09)
- O contador chegou à 29 mil pessoas *-* (05/11/09)
- Acrescentei como hospedar no Photobucket! (28/10/09)
- Acrescentei o molde contínuo 7! (27/10/09)
- Acrescentei meu novo link-me! (26/10/09)
- Acrescentei o molde contínuo 6!(25/10/09)
- Lay novo! (23/10/2009)
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
Pessoas online agora

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 .







Graphics da Bia



Clique aqui e veja os melhores Icons!
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!


Petpages | Galeria | Userlookup | Petlookups | Loja | Associação


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 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 ü


Graphics da Bia





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



Fofuxos Pequenos

Esther

Milena

Vanessa Rocha

Carol Apple

Evan Apple

April Muffin

Jack Muffin

Bruna :3


Voltar
Fofosos Médios


Helena

Bella Water

Isa THM (sem criatividade, eu sei -q)

Elizabeth

Lara


Voltar
Fofos Grandes


Lisa McDonald

Will McDonald

Paula

Edward


Voltar



Heads Up! You're about to leave Neopia!

You've clicked on a link that will take you outside of
Neopets.com. We do not control your destination's website,
so its rules, regulations, and Meepit defense systems will be
different! Are you sure you'd like to continue?



It is a journey
I must face...alone.
*dramatic music*
I want to stay on Neopets,
where the dangers of
Meepit invasion
are taken seriously.
Heads Up! You're about to leave Neopia!

You've clicked on a link that will take you outside of
Neopets.com. We do not control your destination's website,
so its rules, regulations, and Meepit defense systems will be
different! Are you sure you'd like to continue?



It is a journey
I must face...alone.
*dramatic music*
I want to stay on Neopets,
where the dangers of
Meepit invasion
are taken seriously.
Heads Up! You're about to leave Neopia!

You've clicked on a link that will take you outside of
Neopets.com. We do not control your destination's website,
so its rules, regulations, and Meepit defense systems will be
different! Are you sure you'd like to continue?



It is a journey
I must face...alone.
*dramatic music*
I want to stay on Neopets,
where the dangers of
Meepit invasion
are taken seriously.
/help/bumper/headers/log-in-to-facebook

NEOPETS, characters, logos, names and all related indicia
are trademarks of Neopets, Inc., © 1999-2014.
® 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