jubjuba_fofis got their homepage at Neopets.com

Introdução!

Eae gente? Tô aqui pra tentar ajudar vocês.. err.. ^^"
Bom, você deve saber que pra fazer uma petpage você deve ter treze anos de idade no mínimo ou ter uma conta com permissão dos pais. Clique aqui, depois em Editar, então você vai ver um espaço pra escrever, é aí que você vai escrever o HTML.

Um pouquinho mais sobre petpages em geral:

- Tag é tudo o que se escreve dentro das "setinhas que eu nao sei o nome" =x
- Pra você pular um parágrafo você tem que escrever, numa tag, P e pra pular pra linha de baixo, BR.
- Você pode juntar tudo numa tag só, desde que o começo seja igual, por exemplo: font color=#000000 face=Arial size=3
- As aspas também entram na tag ^^
- Diquinha: quando ver alguma coisa de HTML interessante em alguma petpage e você não sabe fazer, clica com o botão da direita em qualquer parte da página e depois em "Exibir código-fonte" ou algo assim, aí você vai ver todo o HTML da página, procura a parte que você queria e pronto ^^
- Mas atenção! NUNCA COPIE O TRABALHO DOS OUTROS! É PROIBIDO! RISCO DE CONGELAMENTO DE CONTA!

O esperado HTML!

Agora vamos começar com as coisinhas mais básicas, tipo:

Formatação do texto:

Cor da letra:
<font color="#CÓDIGO DA COR">TEXTO</font>

Tá aqui a tabela de cores que você pode usar:

Tipo da letra:

<font face="NOME DA FONTE">TEXTO</font>

As fontes que podem ser usadas:

Cursive (Comic Sans)
Arial Roman
Courier
Terminal
Modern
Tahoma
Georgia
Garamond
Impact
Verdana
Times

Tamanho da letra:

<font size="TAMANHO DA LETRA">TEXTO</font>

E aqui os tamanhos disponíveis:

Size 1
Size 2
Size 3
Size 4
Size 5
Size 6
Size 7

Letras em negrito, sublinhadas, em itálico e ~~riscadas~~

<b>negrito</b>; sublinhado; <i>itálico</i>; <strike>riscado</strike>:
o strike era pra ser só a letra S, mas deu alguma coisa errada :( você pode até tentar

Lugar do texto

<center>Centro</center>; <p align="left">Esquerda</p>; <p align="right">Direita</p>

Linhas e coisas andando:

Texto que anda ;D:

TEXTO

- A velocidade vai de 1 a 100.
- O comprimento é em pixels, aliás, todas as tags que pedirem tamanho são em pixels.
- As direções são: Left(esquerda), Right(direita), Up(cima) e down(baixo).
- Se precisar você também pode aumentar a altura colocando "height=ALTURA"

Linhas:

<hr>
Se você não botar o comprimento ele vai até o final da página

Imagens, links, fundo: (êêêê)

:
<img src="http://img52.imageshack.us/img52/2118/imagens.png" border="0">
Onde tá o URL você põe o seu, é que o neopets é muito chato e não deixou =/

Você pode mudar a borda também botando cor (bordercolor="COR DA BORDA") e aumentar onde está 0.

Links:

<a href="/">TEXTO COM LINK</a>
No lugar da barra tem que colocar o URL que você quer

- pra colocar a img como link é só você colocar primeiro o link e dentro da tag você põe a img. Fica assim:
(a href="/index.phtml")(img src="URL DA IMG" border=0)(/a)

.
Fundo de uma cor só:

Fundo com img

<img src="http://img268.imageshack.us/img268/7940/fundodayaya.jpg"><div class="div" style="position: absolute; left: -blocked-; top: -blocked-; width: -blocked-; height: -blocked-; border-style: dotted; border-width: 0px; border-color: #000000; background-color: transparent; overflow: auto;">TEXTO</div>

Agora é uma parte bem complicada.. bom seria mais se não fosse só copiar (hehe), no URL da minha img você põe o link da img que você quer para o fundo. Já a tag div, onde tá em maiúscula você muda pelas cordenadas que você quer o seu texto, você pode botar vários tags div pra lugares diferentes, mas no último você não pode colocar o /div pq senão não vai aparecer o botão pra salvar(?). Você vai entender melhor quando mudar as cordenadas :P

Fundo contínuo (como o meu)

É algo um pouco complicado... Pra essas coisas de fundo tem PPs especialmente pra isso, se você não entender as minhas explicações, procura no fórum que lá com certeza você encontra :)
Mesmo assim eu vou tentar:

<img src="-blocked-" style="position: absolute; top: 14; left: 0;"><div class="div" style="position: absolute; left: -blocked-; top: -blocked-; width: -blocked-; height: -blocked-; border-style: dotted; border-width: 0px; border-color: #000000; background-color: transparent; color: CORDAFONT; overflow: auto;"> <p>* o URL da img que vai ser o topo, onde começa o fundo.</p> <p>** o URL da img que vai ser repetida várias vezes, uma parte bem fininha do topo como: <img src="http://img13.imageshack.us/img13/9184/imagemparaapagar.png"></p> <p><font size="5">Caixas de texto:</font> </p> <p><img src="http://img63.imageshack.us/img63/1261/acaixadetexto.png"></p> <p> <textarea>TEXTO DA CAIXINHA

- Nessas tags vazias escreva: "text _ area" (sem os espaços)! É que de novo o neopets atrapalhou ~~,o que me dá mais trabalho ¬¬,~~ ali na text area e eu tive que modificar.

- ATENÇÃO!! Nunca escreva essa tag de forma errada! De alguma forma ela acaba fazendo uma enrolação enorme e sequestra todo o texto abaixo do erro na tag, dá pra recuperar o texto e as imagens, mas tem que fazer toda a formatação de novo!

- A text area é uma caixa de texto em que você pode escrever a tag inteira sem que se transforme em html... entendeu? xD

Caixa de texto 2

<table border="1"> <td></td> <tr>SEU TEXTO</tr> </table>

- A table, basicamente, é uma caixa de texto diferente da text area, na table você escreve normalmente e você pode ou aumentá-la botando width ou ir escrevendo e escrevendo e quanto mais você escrever, mais ela vai crescer.

The end

Bom, povo, este é o fim da petpage de html. Esta PP está aqui para que as pessoas possam cada vez mais aprender coisas interessantes (inclusive eu, que treinei bastante enquanto fazia ela :) e até úteis para quem quer seguir a carreira na informática. Obrigada por visitar minha PP e boa sorte com a sua! Espero que tenham entendido bem todas as coisinhas que eu botei aqui ^^!

Bjks e (muitas!) pipoks!