Guia de HTML do Nero_cl
Sinta-se a vontade! Espero que esse tuto ajude você e muitos outros!
Bem vindo ao meu guia básico de HTML ^^ .Petpage criada by miii_la e eu sou o Nero_CL essa é a minha petpage, quem vai explicar para vocês é minha dona e não eu tudo bem? Se quiser, envie um NEOMAIL
Contador colocado dia 4 de agosto de 2009, dia em que esse tuto começou
Total de visitas:
Regras:
*Não nos copie, o tuto deu trabalho e não é só chegar e copiar;
*Não vou fazer layout ou qualquer tipo de encomenda pra você;
*Se puder, linke-nos :D
*Não invente coisas sobre essa pp (não diga que ela é sua, que você ajudou a cria-lá ou qualquer coisa do tipo);
*Divirta-se (se possível)
Menu:
Como a PP é nova, eu tenho puca coisa...
*Tuto de HTML básico
*Hospedando Imagens
*Faça seu Userlookup
*Criando seu Lay pra Guild
*Fazendo linke-mes
*Fazendo Awards
EM BREVE
*Criando Sua Petpage
*Fazendo Contadores
*Adicionando música
* E MUITO MAIS, NÃO NECESSARIAMENTE NESSA ORDEM! *
Introdução:
Eu espero que você entenda esse tuto, se estiver algo errado me contate, não se preocupe, ok? Sei que posso te ajudar *-*
Então vamos logo com isso, não é?
Tabela de cores:
Antes de tudo, você precisa saber para que serve a tabela de cores, é bem simples, ela serve para mudar a cor, é só você olhar a cor que você deseja, e muda-la (será explicado abaixo como mudar)
Tuto Completo de HTML*
Tá... Agora vamos continuar... Pois é.... Melhor vc estár com tempo, pois isso pode, demorar.. ^^" Ta legal, preste ATENÇÃO:
Pra deixar seu testo sublinhado
Pra deixar seu testo em negrito
Pra deixar seu texto itálico
Pra deixar seu texto riscado
Pra deixar seu texto na esquerda
Pra deixar seu texto na direita
Pra deixar seu texto centralizado
Pra pular linha
Importante: Se quizer pular + que uma linha, é só repetir o quantas vezes quizer ^^ , claro, sem os espaços.
IMPORTANTE: Para fazer a barra para colocar os códigos, você deve usar os tags.. não sabe o q são? Como minha irmã diria, são a boquinha do jacaré ^^ no começo: no fim :
Claro, você tira os espaços na hora ok?
Pra fazer a barra abixo:
Para mudar o tamanho:
Para mudar a cor:
No 000000 vc põe a cor desejada
Você também, pode rolar o texto!Aham, é.. pra mim é fácil, pra você eu não sei... Olha
Essa é a velocidade + baixa, 1
Essa é a velocidade + alta, 50
Hum.. ainda não entendeu aonde isso quer chegar?
ScrollAmount é a velocidade do texto, pode ser devagar (1), rápida (50) ou qualquer outra a sua escolha, eu sugiro usar nem tão rápido, nem tão devagar, masi isso sou eu!
Width é o comprimento em que o texto irá rolaaar
Direction é a direção (a tradução mesma já diz)
Up =Pra cima, o texto vai de baixo pra cima, ou seja subindo
Down =Pra baixo, o texto vai se cima pra baixo, ou seja descendo
Right =da esquerda para a direita
Left =é da direita para a esquerda . Viu? Não tem segredo ^^
Agora as coisas se modificam um pouco sim...Agora você vai aprender a... Mudar a cor do fundo da sua barrinha rolante! É, legaal ^^ É assim ó:
Exemplo com uma cor escolhida por mim ^^
No lugar de #000000 , você põe a cor, ex.: #66CCFF
Agora complica um poquinho na minha opinião... Vamos adicionar uma borda.. é, isso mesmo!
Exemplo com borda escolhida por mim ^^
agora, você faz assim: onde ta #000000 vc põe a cor a borda, 2px, recomendo não mexer, mais é a largura da borda e TIPO DE LINHA é como você quer que a borda fique ( o estilo estara abaixo ) É só você substiruir o TIPO DE LINHA por uma das palavras que estaram abaixo ^^
Alguns tipos de bordas (as que eu sei que existem):
Dashed
Dotted
Double
Groove
Inset
Outset
Ridge
Solid
Ufa, essa parte acabooou ^^
Que tal agora deixar nossa letra Colorida, vamos fazer assim, copie o código a abaixo
Agora sim, você vai usar a tabela de cores, escolher uma cor de acordo com o fundo, pegar o código da cor, e colar no lugar do 000000, só que é muito importante que você NÃO TIRE O #
É só pegar o código e fazer...
Copie o código e troque, onde está escrito número
Tamanho 1 - O menor
Tamanho 2 - pegueno
Tamanho 3 - Bom
Tamanho 4 - Ficando grande
Tamanho 5 - Aumentando maaais!
Tamanho 6 - Ficando super maior!
Tamanho 7 - maior de todos!
Dica: Use o tamanho 7 para começo de frase, começo de petpage, para títulos e sub-títulos, mais é só uma dica, não precisa segui-lá!
Agora vamos mudar o Tipo de letra ta ok? É simples taaambém - Treeent s2 ~ pareey ' Pegue o código
Pegue esse código e troque, onde está escrito TIPO DE LETRA , ponha um tipo de letra q vc gosta ( tipo verdana, Lucida Sans Unicode, Fantasy, Tahoma, Times New Roman, Arial)
DICA: Abra o Pait, Word ou qualquer lugar que de para escrever e veja lá um tipo de letra IRAAADO!! Vou colocar alguns exemplos:
São só alguns tipos que eu achei na internet, google te da mtas coisas ^^ mas se vc for no paint ou word vai ter uma variedade extremamente maior!
Agora oq vc acha de mudar COR da letra TAMANHO da letra e TIPO da letra JUNTOS? éé galera, vamos lá, faz assim,
É simples, aonde está escrito 000000 é a cor da letra, olhe na tabela, onde tem a palavra numero , ponha o n° q vc quer (de 1 a 7, não se esqueça!) e onde tem tipo de letra, vc muda o tipo de letra ^^ , é só isso!
Fim da parte de HTML básico do Tuto do Nero
Hospedando Imagens
Primeiramente, hospedar imagens é fácil, não se preocupe,
Como o TRENT da ILHA DOS DESAFIOS diria.... MELZINHO NA CHUPETA '333 oisuhaosuhasiuohaoi-parey
agora, para você hospedar uma imagem deve entrar em um site
(se é menor de idade, é melhor pedir autorização pros seus pais, se você acha eu superprotetora, eu num to nem ai pro que se faz ou deixa de fazer, é só q eu n lembro se vc vai ter q se cadastrar e eu não qero saber depois de gente se dando mal por minha causa, msm q eu adore a deesgraça alheia '333 - parey)
COMO EU DIZIA . . . Eu vou falar usando o site que eu sempre uso, imageshack.us
Entre e na pág inicial vai aparceer uns bagulho, olha:
Depois vc:
Quase pronto, agora, faça o seguinte, para hospedar uma imagem, eu faço como se fosse award, olhe o código abaixo
Onde está escrito seuurl.png você põe o URL da imagem já hospedada.
Fim da parte de Hospedando Imagens do Tuto do Nero
Fazendo seu Userlookup
Eu: Você quer saber fazer sue próprio Userlookup? Do seu jeito, da sua maneira?
Você: Sim
Eu: Vamos fazer assim: hoje, eu te passo uns links e qnd eu tiver tempo, faço layouts e emcomendas ok?
Você: Tá, valeu *-*
É isso gente, aqui estão os link's:
Escola de lookups
Esses são bons + recomendo a minah msm x) eu faço encomendas ok?
Se eu achar + bons eu ponho, e se você souber algum e quizer me dizer, clique aquii
Fim da parte de Faça seu Lookup do Tuto do Nero
Você quer aprender a fazer layoout pra guild né? Mais eu também, não vou te ensinar, ^^" então, se eu achar links aviso tá?
Fim da parte de Faça seu Layoout para Guild do Tuto do Nero
Fazendo Linke-mes
É, fazer linke-mes é fácil, você pode fazer no paint ou photoshop, mais como a maioria não tem photoshop (e eu pertenço a essa maioria) vou fazer usando o paint
Abra o Pait , claro e crie seu linke-me, faça como quizer, pode fazer com imagens da internet, com tudo o que quizer! Siga as instruções:
Quase pronto! Agora, faça assim, pegue o código abaixo:
Onde esta escrito seu seulink.com é onde você vai colocar o seu link, o lugar onde você quer que o link vá quando você clica nele.
seuurl.png é o url da imagem já hospedada (hopedar imagem está em cima)
Esemplo de linke-me que eu fiz para minah guild (associação), se quizer, pode linkar ?
Valeeu, eu também fiz no paint, e ficou legal, na minha opinião!
Quer fazer uma palavra link como essa: Minha Guild É FÁCIL ^^ Assim olha, copia o código:
Onde está escrito www.neopets.com/guilds/guild.phtml?id=3725958 é onde você põe o endereço da página q vc qer q as pessoas vão quando clicarem na palavra link
E onde ta escrito Aqui é sua palavra link é pra você por sua palavra-link ^^
E agora os links galerinha! Vc qr q eles fiqem azul qnd ñ clicados e roxo dps de clicado? Hmm.. Melhor personalizar do seu jeito né ?
Fim da parte de Fazendo linke-mes
A:link {COLOR: #000000; - onde tem 000000 é a cor do link e onde tem 12px é o tamanho
A:Active {color: #000000;} - É a cor qnd o seu mouse passa pelo link, se n quizer mudar, apenas delete essa parte
A:vidited {color: #000000;} - Onde tem 000000 é onde vc vai colocar a cor pra saber se vc ja visitou ou não esse link
Pronto!
Fim da parte de Fazendo linke-mes
Fazendo Awards
Awards são tipos de prêmios de #1 a #3, ou #1 a #5, normalmente é ouro, prata e bronze ou diamante/fada ouro, prata, bronze, consolação, você escreve, pinta, faz borda, põe imagens e faz do seu jeito e entrega a uma petpage, colocando o código na sua para a pessoa pegar ^^
Awards é mt fácil, faça assim, primeiro abra o lugar onde vc vai fazer a imagem paint ou photofiltre em minah opinião são so melhores e crie seu award, depois, SALVE COMO PNG
Agora, entre no imageshack.us e hospede sua imagem (qqc procure no google, n é viirus), depois pegue o seguinte código:
Onde tá escrito seuurl.png , substitua pelo código do seu award já hospedado ^^ pronto, fácil né? * Trent tava certo USHAIOUSHAOISUA *
Fim da parte de faça seu award
Linke-me
Linke tbm minha pp de encomendas e prontos
Linke minha pp de curriculo
Parcerias:
divisória por: bia_cardi.
Awards que dou:
