[Tuturial] Mais códigos para personalizar o teu perfil

Alterar a cor das estatísticas, neste caso para vermelho

Código:

<style type="text/css"> .vanity-bar div div {background: #FF0000 !important;} </style>

Se quiser mudar para outra cor, é so mudar o codigo da cor.

Substituir as barras das estatísticas por uma imagem ou gif:

Código:

<style type="text/css"> .vanity-bar div div {background:url(URL DA IMAGEM) !important;} </style>

Colocar imagem na barra do nome e visitas:

Código:

<style type="text/css">#profile-name { background-image: url(URL DA IMAGEM); background-repeat: no-repeat; }</style>

Substituir o ícone de online por outra imagem:

Código:

<style type="text/css">#online-now-icon
{ background: url(URL DA IMAGEM);
height: 83px;width: 93px;}
</style>

Substituir o ícones dos user-links por outras imagens:

Código:

<style type="text/css"> #user-links A {
DISPLAY: list-item; LIST-STYLE-POSITION: outside; LIST-STYLE-IMAGE: url(URL DO NOVO ICONE)
} </style>

Adicionar icone ao "Picture-links" :

Código:

<style type="text/css">#picture-links A {
DISPLAY: list-item; LIST-STYLE-POSITION: inside; LIST-STYLE-IMAGE: url(URL DO ICONE)
} </style>

Criar hiperligações (com texto) :

Código:

<a href="LINK DE DESTINO">NOME QUE APARECE</a>

Criar hiperligações (com imagem):

Código:

<a href="LINK DE DESTINO"><img width="80" height="80" src="URL DA IMAGEM"></a>

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)

Retirar icons dos user-links:

Código:

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

Centrar a foto do user:

Código:

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

alterar os borders (linhas):

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>

Tabelas:

Código:

<SELECT>
<OPTION SELECTED>TÍTULO
<OPTION>...
<OPTION>...
<OPTION>...
<OPTION>...
<OPTION>...
<OPTION>...
<OPTION>...
<OPTION>...
</SELECT><BR>
</CENTER>
</FORM>

Cor da barra:

Código:

<STYLE type="text/css">
html  {scrollbar-track-color:white;
scrollbar-face-color:black;
scrollbar-3dlight-color:white;
scrollbar-highlight-color:black;
scrollbar-shadow-color:white;
scrollbar-darkshadow-color:black;
scrollbar-arrow-color:white;}
</STYLE>

FOTOS DOS COMENTÁRIOS A PRETO E BRANCO:

Código:

<style type="text/css">.comment-picture{filter:gray;} </style>

Para mudar as fotos dos amigos:

Código:

<style type="text/css">.friend-picture{filter:gray;} </style>

A do perfil:

Código:

<style type="text/css">#user-picture{filter:gray;} </style>

ADICIONAR MAIL MSN directamente

Código:

<a href="msnim:add?contact=[color=red][b]O TEU EMAIL[/b][/color]"/a>Texto</a>

AO CLICAR NO LINK MUDA A COR:

Código:

<STYLE type="text/css">a:link, a:visited, a:active {text-decoration: [b]underline[/b];}a:hover {color: [b]CÓDIGO DA COR QUE QUERES[/b];}</style>

PÔR OS COMENTÁRIOS POR BAIXO DO SOBRE MIM

Código:

<style type="text/css">
#comments { height: 400px; overflow: auto;}
#content-left {padding-left: 250px;}
#comments {
position:relative;
top: 900px;
right: 470px;
}
#friends {
position:relative;
top: 900px;
right: 470px;} </style>

Substituir a foto de perfil por outra imagem:

Código:

<style type="text/css">#user-picture{background-image:url(COLOCAR URL DA IMAGEM);}</style>

JorgeRodrigues