o cantinho dos codigos para o hi5
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.

alguns codigos

Ir para baixo

alguns codigos Empty alguns codigos

Mensagem  RuiSantos Sáb Out 25, 2008 6:30 pm

Atenção:

- Este post será frequentemente actualizado.
- Antes de colocar alguma questão, verifique se a mesma já foi respondida.
- Evite criar vários post's com a mesma pergunta.
- Se souber de algum código útil para ser adicionado aqui, envie PM.



Ocultações

Ocultar Videos:

Reposicionar itens

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

Fundo transparente

Codigo:
<style type="text/css"> div{background: transparent;}</style>

Alterar a cor da idade/ aniversario/ naturalidade, etc

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

Aumentar fotos dos coments

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

Alargar o sobre mim:

Código:
<style type="text/css">#lifestyle { width: 900px; } </style>

Nota:
Consuante a largura se 900px for muito largo basta alterar para um valor inferior.

Aparecer caixa a volta do link quando o rato passa num link

Código:
<style type="text/css"> a:hover {color: black; border: 1px solid black; } </style>

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

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


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);
width:956px;
height:100px}
</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>


Colocar 2 colunas no sobre mim:

Código:
<table>
<tr>
<td>

coluna 1


</td>
<td>


coluna 2


</td>
</tr>
</table>

Imagem de fundo no sobre mim:

Código:
<style type="text/css">#lifestyle { background-image: url(ENDEREÇO URL DA IMAGEM); }</style>


Imagem de fundo nos comentários:

Código:
<style type="text/css"> .comment {background:url(URL DA IMAGEM) !important;} </style>


Aumentar ou Diminuir a Imagem Top Friends

Código:
<style type="text/css">
.friend-picture a img {width:60px;height:40px;}
.friend-picture {height:60px !important;width:40px;}
</style>


Aumentar a imagem do user:

Código:

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

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>


Caixa com Scroll nos Comentários: [ para colocar scroll noutra caixa, basta alterar o "#comments" para o nome ]

Código:

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


Alterar a Cor dos Comentários:
Código:

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


Retirar Estatísticas:

Código:

<style type="text/css">
#vanity-bars {display: none;} </style>

Colocar espaços:

Código:


<br>
Centrar Perfil:

Código:


<style type="text/css">#content-right {
? ? display: none;
}
table { empty-cells: hide; }
.bg_content table tbody tr td { width: 100%; }
#content-left { padding-left:250px; padding-right:250px;? }</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>


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>


Alterar a cor da barra:

Código:

<style type="text/css"> #SITIO DA BARRA ex:#comments {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>


Alterar a cor do nome dessa barra:

Código:

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

RuiSantos
Admin

Mensagens : 3
Data de inscrição : 25/10/2008

https://codigoshi5.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo


 
Permissões neste sub-fórum
Não podes responder a tópicos