[Tutorial] Códigos para as Estatísticas
Página 1 de 1
[Tutorial] Códigos para as Estatísticas
Código Base:
Ocultar Estatísticas:
Ocultar letras das Estatísticas mas deixar as barras:
Ocultar Barras das Estatísticas mas deixar as Letras:
Ocultar o titulo que diz "estatísticas":
Pôr as barras separadas do texto:
Personalizar as estatisticas:
Mudar tipo de letra das Estatísticas:
Mudar a cor do titulo que diz "estatísticas":
Centrar o titulo que diz "estatísticas":
Alterar a cor das estatísticas:
Substituir as barras das estatísticas por uma imagem ou gif:
Colocar 2 imagens no fundo das estatísticas:
Código Base:
Exemplos:
Rodar as Estatísticas:
Fonte:
Fórum Hi5 (Muka)
- Código:
<style type="text/css">
os códigos a baixo descritos
</style>
Ocultações
Ocultar Estatísticas:
- Código:
#vanity-bars {display: none;}
Ocultar letras das Estatísticas mas deixar as barras:
- Código:
.vanity-title {display:none;}
Ocultar Barras das Estatísticas mas deixar as Letras:
- Código:
.vanity-bar {display:none;}
Ocultar o titulo que diz "estatísticas":
- Código:
#vanity-bars h4 {display:none;}
Pôr as barras separadas do texto:
- Código:
#vanity-bars { width:500px;}
Personalizar as estatisticas:
Mudar tipo de letra das Estatísticas:
- Código:
.vanity-title { font-size: 10px; face="Arial"}
Mudar a cor do titulo que diz "estatísticas":
- Código:
#vanity-bars h4{color:#Code da cor;}
Centrar o titulo que diz "estatísticas":
- Código:
#vanity-bars h4{text-align:center;}
Alterar a cor das estatísticas:
- Código:
.vanity-bar div div {background: #codigo cor !important;}
Substituir as barras das estatísticas por uma imagem ou gif:
- Código:
.vanity-bar div div {background:url(URL DA IMAGEM) !important;}
Colocar 2 imagens no fundo das estatísticas:
Código Base:
- Código:
.vanity-bar div {
background: url(URL IMG 1) !important;
}
.vanity-bar div div {
background: url(URL IMG 2) !important;
}
Exemplos:
- Código:
.vanity-bar div {
background: url(http://img15.imageshack.us/img15/5185/profilegraybar.gif) !important;
}
.vanity-bar div div {
background: url(http://img27.imageshack.us/img27/9453/bluepurplecustombarligh.gif) !important;
}
- Código:
.vanity-bar div {
background: url(http://img15.imageshack.us/img15/5185/profilegraybar.gif) !important;
}
.vanity-bar div div {
background: url(http://img11.imageshack.us/img11/4084/purple2custombardark.gif) !important;
}
- Código:
.vanity-bar div {
background: url(http://img15.imageshack.us/img15/5185/profilegraybar.gif) !important;
}
.vanity-bar div div {
background: url(http://img11.imageshack.us/img11/9025/purple3custombar.gif) !important;
}
- Código:
.vanity-bar div {
background: url(http://img15.imageshack.us/img15/5185/profilegraybar.gif) !important;
}
.vanity-bar div div {
background: url(http://img15.imageshack.us/img15/939/purplecustombar.gif) !important;
}
Rodar as Estatísticas:
- Código:
#vanity-bars{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
- Código:
#vanity-bars{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
- Código:
#vanity-bars{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}
Fonte:
Fórum Hi5 (Muka)
CatarinaMoura- Admin
- Mensagens : 769
Pontos : 1872
Data de inscrição : 04/08/2009
Idade : 33
Localização : Cascais
Tópicos semelhantes
» Entrada para Website [Tutorial]
» [Tutorial] Criar âncoras para fazer algo diferente
» Códigos [Hi5]
» Códigos - 2 [Hi5]
» Códigos - 3 [Hi5]
» [Tutorial] Criar âncoras para fazer algo diferente
» Códigos [Hi5]
» Códigos - 2 [Hi5]
» Códigos - 3 [Hi5]
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|