InícioCalendárioFAQBuscarMembrosGruposRegistrar-seConectar-se

Compartilhe | 
 

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

Ir em baixo 
AutorMensagem
Admin
Admin
avatar

Mensagens : 44
Data de inscrição : 29/11/2008

MensagemAssunto: [Tuturial] Mais códigos para personalizar o teu perfil   Seg Dez 01, 2008 5:28 am

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
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://webtuga.forumeiros.com
 
[Tuturial] Mais códigos para personalizar o teu perfil
Voltar ao Topo 
Página 1 de 1
 Tópicos similares
-
» Mais um Zaga para a minha família
» Oque mais posso usar para improvisar ?
» Stingray 5 de mogno com Aguilar OPB-3SK/PP e SMB-5A
» Mais 3 Lps para vender
» O pedido de casamento que conquistou o mundo

Permissão deste fórum:Você não pode responder aos tópicos neste fórum
Webtuga :: Juventude :: Hi5-
Ir para: