[/b]

Criar hiperligações (com texto)


Código:
<a href="LINK DE DESTINO">NOME QUE APARECE[/url]



Criar hiperligações (com imagem)


Código:
<a href="LINK DE DESTINO"><img width="80" height="80" src="URL DA IMAGEM">[/url]



Colocar imagem de fundo (exemplo á direita)



Código:
<style type='text/css'>body {
background-image: url(ENDEREÇO DA IMAGEM);
background-position: right;
background-attachment: fixed;
background-repeat: no-repeat;
}</style>



Reposicionar itens


Código:
<style type="text/css"># ITEN {
position:relative;
top: 100px;
bottom:100px;
right: 100px;
left: 100px; } </style>

(ver o nome dos "ITENS" no tutorial sobre Ocultar itens)

Tipo de letra dos comentários


Código:
<style type="text/css">.comment-text{font-face: Comic Sans;} </style>



Trocar as Colunas


Código:
<style type="text/css">table{direction:rtl;}table table table{direction:ltr;}</style>

(se trocarem o TABLE por outro ITEM/LOCAL obtem uma inversao desse sitio)

Caixa com Scroll nos Comentários ( para colocar scroll noutra caixa, basta alterar o "#comments" para o novo local...ex: #user-links )


Código:
<style type="text/css">#comments { height: 300px; overflow: auto;}</style>


Alterar a Cor da letra Comentários:


Código:
<style type="text/css">.comment-text {color: CÓDIGO_DA_COR;} </style>

Alterar o atmanho da letra dos Comentários:


Código:
<style type="text/css">.comment-text {font-size: 20px ;} </style>

Alterar o tipo de letra dos Comentários:


Código:
<style type="text/css">.comment-text { font-family:Tempus Sans ITC  ;} </style>


Centrar Perfil


Código:
<style type="text/css">#content-left { padding-left:250px; padding-right:250px; } <style>



Alargar table do about me


Código:
<style type="text/css"> #content-left, #col1 { width: 600px; padding-left: 0px;} </style>


Aumentar a #user-picture


Código:
<style type="text/css">
#user-picture a img {width:200px;height:200px;}
#user-picture {height:200px !important;width:200px;}
</style>




Apagar o titulo do Estilo de vida


Código:
<style type="text/css">#lifestyle .bg_title { display: none; }</style>


Apagar titulo que diz Sobre mim


Código:
<style type="text/css">#lifestyle .box_profile_info_small_heading
{ display: none; }</style>


Apagar titulo dos comentários:


Código:
<style type="text/css">#comments .bg_title { display: none; }</style>

Retirar icons dos user-links:

Código:
<style type="text/css"> #user-links img {display:none;} </style>


Centrar aquilo que está debaixo do nome e visitas


Código:
<style type="text/css">#profile-nav {text-align: center;} </style>


Centrar nome/visitas:


Código:
<style type="text/css">#profile-name {text-align: center;} </style>


Centrar a foto do user:

Código:
<style type="text/css">#user-picture { padding-left:250px; padding-right:250px; } <style>


Alterar a cor da barra de scroll


Código:
<style type="text/css"> #SITIO DA BARRA
{scrollbar-face-color: CODIGO DA COR; scrollbar-highlight-color: CODIGO DA COR;
scrollbar-shadow-color: CODIGO DA COR; scrollbar-3dlight-color: CODIGO DA COR;
 scrollbar-arrow-color: CODIGO DA COR; scrollbar-track-color: CODIGO DA COR;
scrollbar-darkshadow-color: CODIGO DA COR;}</style>

(html, body) no sitio da barra aletra a cor de todos os scrolls


alterar os borders (linhas)

Code base:

Código:
<style type="text/css"> #local {border: ESPESURApx TIPO DE BORDER COR HTML;} </style>

Exemplo:

Código:
<style type="text/css"> #comments {border: 4px dashed #FF0000;} </style>

Alterar a cor das letras da barra que tem o nome e número de visitas


Código:
<style type="text/css">#profile-name {color:CÓDIGO DA COR QUE QUERES;}</style>


Alterar a cor de fundo da mesma barra (transparente)


Código:
<style type="text/css"> #profile-name {background: transparent;}</style>


Alterar a cor de fundo da mesma barra (ex: vermelho)


Código:
<style type="text/css">#profile-name { background-color: #FF0000;} </style>

(tambem funciona para a #profile-nav)


Alterar Tag "fieldset"

1º crias o id para a tag fieldset



Código:
<fieldset id="PunkecasFieldset">

TEXTO/OUTRAS M***S

</fieldset>


2º crias o Css e atribuis as caracteristicas desejadas



Código:
<style type="text/css"> #PunkecasFieldset  {border: ESPESURApx TIPO DE BORDER #COR;}</style>


exemplo de um Css


Código:
<style type="text/css"> #PunkecasFieldset  {border: 4px solid #FF0000;}</style>


solid é um tipo de border...existem mts mais, entre eles o dotted, dashed, inset, outset...



Criar zonas de Texto/outras coisas oculto

parte CSS


Código:
<style type="text/css">a span{display:none;} a:hover span {display: block;} </style>



parte HTML


Código:



Como usar uma tag "textarea"

Parte CSS:


Código:
<style type='text/css'>#Punkecas { width: 300px; height: 50px; overflow: auto; }</style>


Parte HTML:


Código:
<textarea name="Punkecas" cols="0" rows="0" id="Punkecas">

TEXTO

</textarea>


com este "code" têm a possibilidade de alterar a altura, a largura, e o numero de fileiras desta tag


Criar Hiperligações:

Adicionar:


Código:
<a
href="Nao lhe e permitido visualizar Links.
Registar ou Login DO VOSSO HI5 ">(ADD) [/url]


Fotos:


Código:
<a
href="Nao lhe e permitido visualizar Links.
Registar ou Login DO VOSSO HI5 ">(Fotos) [/url]


Comentários ao perfil:


Código:
<a
href="Nao lhe e permitido visualizar Links.
Registar ou Login DO VOSSO HI5 ">(Comenta)[/url]


Fives:


Código:
<a href="Nao lhe e permitido visualizar Links.
Registar ou Login DO VOSSO HI5 "> (Fives)[/url]


Mensagens:


Código:
<a href="Nao lhe e permitido visualizar Links.
Registar ou Login DO VOSSO HI5 ">Mensagens [/url]

Recortes:


Código:
<a href="Nao lhe e permitido visualizar Links.
Registar ou Login DO VOSSO HI5 ">(Recortes)[/url]

Favoritos:


Código:
<a href="Nao lhe e permitido visualizar Links.
Registar ou Login DO VOSSO HI5 "> (Favoritos)[/url]