À procura de códigos? Bem-vind@!

Nesta página encontram-se alguns códigos de HTML/CSS que eu tenho encontrado por aí... não sou grande codificador nem nada do género, nem é algo que faça com frequência, mas achei que talvez fosse uma boa ideia criar esta página, porque já falei com pessoas que procuravam certos códigos "meus" durante imenso tempo e nunca os tinham encontrado.

Contacta-me.
Para qualquer assunto, derivado a esta página ou não, está à vontade para me enviares um neomail, clicando na imagem abaixo:

Caso tenhas algum código que pensas ser útil para esta página, terei todo o prazer em atribuir créditos :)

Textos

♠ Escrever alinhadamente com a imagem

<img src="http://images.neopets.com/neoboards/avatars/darknova.gif" style="float: left;">
O código está de acordo com a imagem acima. É só mudar o código da imagem e onde diz left (esquerda), trocar por -caso seja a tua preferência- right (direita).



♠ Escrever tudo com letra minúscula
Com este código deixarás de puder escrever seja o que for com letra maiúscula!
<style> body { text-transform: lowercase; } </style>

Imagens

♠ Alinhar todos os Neopets no lookup
Como podes ver no meu lookup, tenho todos os meus pets alinhados. É só escrever o nome de cada pet teu no lugar de PETNAME que ficará como consegues ver no meu perfil de usuário.
<div> <img style="padding: 4px; border: 1px solid #cdcdcd; margin-right: 30px;" src="http://pets.neopets.com/cpn/PETNAME/1/2.png"><img style="padding: 4px; border: 1px solid #cdcdcd; margin-right: 30px;" src="http://pets.neopets.com/cpn/PETNAME/1/2.png"><img style="padding: 4px; border: 1px solid #cdcdcd; margin-right: 30px;" src="http://pets.neopets.com/cpn/PETNAME/1/2.png"><img style="padding: 4px; border: 1px solid #cdcdcd;" src="http://pets.neopets.com/cpn/PETNAME/1/2.png"><br> </div> <div style="margin-top: 30px;"> <img style="padding: 4px; border: 1px solid #cdcdcd; margin-right: 30px;" src="http://pets.neopets.com/cpn/PETNAME/1/2.png"><img style="padding: 4px; border: 1px solid #cdcdcd; margin-right: 30px;" src="http://pets.neopets.com/cpn/PETNAME/1/2.png"><img style="padding: 4px; border: 1px solid #cdcdcd; margin-right: 30px;" src="http://pets.neopets.com/cpn/PETNAME/1/2.png"><img style="padding: 4px; border: 1px solid #cdcdcd;" src="http://pets.neopets.com/cpn/PETNAME/1/2.png"><br> </div> <div style="margin-top: 30px;"> <img style="padding: 4px; border: 1px solid #cdcdcd; margin-right: 30px;" src="http://pets.neopets.com/cpn/PETNAME/1/2.png"><img style="padding: 4px; border: 1px solid #cdcdcd; margin-right: 30px;" src="http://pets.neopets.com/cpn/PETNAME/1/2.png"><img style="padding: 4px; border: 1px solid #cdcdcd; margin-right: 30px;" src="http://pets.neopets.com/cpn/PETNAME/1/2.png"><img style="padding: 4px; border: 1px solid #cdcdcd;" src="http://pets.neopets.com/cpn/PETNAME/1/2.png"> </div> <div style="margin-top: 30px;"> <img style="padding: 4px; border: 1px solid #cdcdcd; margin-right: 30px;" src="http://pets.neopets.com/cpn/PETNAME/1/2.png"><img style="padding: 4px; border: 1px solid #cdcdcd; margin-right: 30px;" src="http://pets.neopets.com/cpn/PETNAME/1/2.png"><img style="padding: 4px; border: 1px solid #cdcdcd; margin-right: 30px;" src="http://pets.neopets.com/cpn/PETNAME/1/2.png"><img style="padding: 4px; border: 1px solid #cdcdcd;" src="http://pets.neopets.com/cpn/PETNAME/1/2.png"> </div>



♠ Imagem clicável
Com este código, podes fazer uma imagem linkada, como a de baixo:

Basta alterares o código de imagem e o link
<a href="/~protective_soul"><img src="http://i168.photobucket.com/albums/u176/oohuguhoo/bannerpp.png"></a>



♠ Imagem normal
Para deixar uma imagem, seja onde for, primeiro terás que a hospedar num site e depois usar este código: (basta trocar o link da imagem)
<img src="http://images.neopets.com/items/bd_lyins_dagger.gif">
Para deixar a imagem sem bordas:
<img border="0" src="http://images.neopets.com/items/bd_lyins_dagger.gif">



♠ Redimensionar
Para deixar a imagem maior ou mais pequena, basta alterar os valores de width e height
<img src="http://images.neopets.com/shopkeepers/shopwizard.gif" width="700" height="550">

Código dado por Marcela.

Fundos

♠ Fundo para petpage & Fundo com tabela por cima
Para melhor perceberes estes dois códigos, vê a minha página aqui. Ela tem um fundo (aquelas árvores) mais a tabela branca onde estão os textos. É só trocar os links e a cor, SE necessário. -os códigos são independentes um do outro-
FUNDO
<style> body { background: url("http://i168.photobucket.com/albums/u176/oohuguhoo/1400x1050_Dizorb_Forest_Through_the_trees_HD_Wallpaper.jpg") repeat fixed bottom left #C9E8F8; } </style>
TABELA
<img src="http://i168.photobucket.com/albums/u176/oohuguhoo/draiks.png" id="pic" style="position: absolute;">

Tabela de cores

Aqui tenho duas tabelas. A primeira, com uma enorme variedade de cores e uma segunda, pequena, com diferentes escalas de cinzento (desde o branco ao preto)

Códigos para Lookups

Os códigos que aqui aparecem são exclusivos para Lookups

♠ Lista dos pets no fundo da página
<div id="p" style="position: fixed;"> <a href="http://www.neopets.com/petlookup.phtml?pet=PETNAME"><img src="http://pets.neopets.com/cp/t325dhlk/1/1.png"></a> </div> <br><style> #p { background-image: url("http://i40.tinypic.com/dopb8p.png"); width: 100%; height: 52px; bottom: 0px; left: 0px; z-index: 1; text-align: center; } #p a img { border: 1px solid #000000; } </style>
Neste código é preciso ter em conta uma coisa: o link da imagem do pet (no código está http://pets.neopets.com/cp/t325dhlk/1/1.png) é necessário alterar /1/2 para /1/1, para que a imagem do pet fique mais pequena.

Códigos para PetLookups

Os códigos que aqui aparecem são exclusivos para PetLookups

♠ Fundo transparente
<style> #main { background-color: transparent; } </style>
Este código deixará apenas o fundo transparente, as tabelas continuarão lá.



♠ Fundo & tabelas transparente
<style> #main { background-color: transparent; } .contentModuleContent { background-color: transparent; } </style>
Este código contém o em cima referido, mais o que deia as tabelas, também, transparentes.



♠ Aumentar a imagem do pet
Este código serve para aumentar a imagem do teu Neopet, APENAS no seu petlookup. Para veres como fica, basta visitares qualquer pet meu. Para teres uma ideia, o tamanho dos meus é de 400 x 400px
<style> #CustomNeopetView { height: 400px; width: 400px; } </style>

Divulgação & Créditos

<a href="/~pukerus"><img src="http://i634.photobucket.com/albums/uu67/marcelarenoldi/tuto.png"></a>



Layout by Sugary Premades