seguinte »

[PedroMorais]

Neste tópico vão ser inseridos todos os códigos para alterar o hi5...
Desde os de ocultar, até aos de editar a estrutura do hi5.

Este tópico vai ficar fechado, para não criar confusão, à medida que se detecte a falta de algum código, eu ou alguém da administração acrescenta.

Qualquer duvida que alguém tenha, verifica este tópico, se a duvida persistir fazem a questão AQUI, que ela depois é passada para aqui, de forma a que futuramente se aparecer alguém com a mesma dúvida já tenha a resposta.




Ocultações:
Local onde são postos os códigos:
http://hi5.com/friend/account/displayEditProfileCustomization.do


Actualizações:
<style type="text/css">#recent-updates {display:none;}</style>

Álbum de Fotos:
<style type="text/css">#photoAlbums {display:none;}</style>

Amigos:
<style type="text/css">#friends {display:none;}</style>

Barras de Comentários, Fotos, Amigos e Fives:
<style type="text/css">#vanity-bars {display: none;} </style>

Barra de Navegação:
<style type="text/css">#profile-nav {display:none;}</style>

Barra de Nome:
<style type="text/css">#profile-name {display:none;}</style>

Comentários:
<style type="text/css">#comments {display:none;}</style>

Detalhes de User:
(Foto, Dados, Barras)
<style type="text/css">#user-details {display: none;}</style>

Diário:
<style type="text/css">#journalDetail {display:none;}</style>

Escolas:
Editar Perfil / Ensino / À Frente Do País Escolhem a Opção "Ninguém Pode ver isto"

Fim:
<style type="text/css">#footer {display:none;}</style>

Fives:
<style type="text/css">#user-fives {display:none;visibility: hidden;}</style>

Grupos:
<style type="text/css">#groups {display:none;}</style>

Início:
<style type="text/css">#p_nav_header {display:none;}</style>

Interesses:
<style type="text/css">#interests {display:none;}</style>

Sobre Mim:
<style type="text/css">#lifestyle {display:none;}</style>

Titulo "Sobre Mim":
<style type="text/css">#lifestyle .box_profile_info_small_heading { display: none; }</style>

Titulo Do Estilo De Vida:
<style type="text/css">#lifestyle .bg_title { display: none; }</style>

Widgets:
<style type="text/css">#widgets {display:none;}</style>



Estrutura:
Local onde são postos os códigos:
http://hi5.com/friend/account/displayEditProfileCustomization.do


Centrar:
<style type="text/css">#col2 {
display: none;
}
table { empty-cells: hide; }
.bg_content table tbody tr td { width: 100%; }
#col1 { padding-left:250px; padding-right:250px; }</style>

Fundo:
<style type="text/css">#col2 {
body {
background-color: #000000;
background-image: url(LINK DA IMAGEM);
background-repeat: repeat;
background-position: center center;
background-attachment: fixed;
background-repeat: no-repeat;
position: center;}
</style>

Trocar as Colunas::
<style type="text/css">table{direction:rtl;}table table table{direction:ltr;}</style>

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

Centrar Texto da Barra de Nome e de Menú:
<style type="text/css">#profile-nav, #profile-name {text-align: center;} </style>

Alterar Cor das Letras da Barra de Nome e de Menú:
<style type="text/css">#profile-nav, #profile-name {color: #FFFFFF;}</style>

Alterar a Cor de Fundo da Barra de Nome e de Menú:
<style type="text/css">#profile-nav, #profile-name {background:transparent;}</style>

Alterar o Tamanho da Barra de Nome e de Menú:
<style type="text/css">#profile-nav, #profile-name {font-size: 12px;}</style>

Alterar Largura das secções:
(Conforme a Largura Que Querem, Altera-se o Número)
<style type="text/css"> .section { width: 500px; } </style>

[DanielSilva®]

Visto que nunca mais foi atualizado ...


Meter Contador de Pessoas no teu perfil

Código:

<a href="http://whos.amung.us/show/df8mrj62"><img src="http://whos.amung.us/swidget/df8mrj62.gif" alt="counter" width="80" height="15" border="0" /></a>

alterar por completo as estatisticas, inclusive coloca-las na vertical


Código:

Código:

<style type='text/css'>
.vanity-bar {border: 0px solid #FFFFFF}
.vanity-bar div div img,
.vanity-bar div img {display:none;}
.vanity-bar div {background:url(url da "segunda" imagem da estatisticas) !important;}
.vanity-bar div div {background:url(http://i220.photobucket.com/albums/dd245/Punkecas/hehe-1.gif) !important;}
#vanity-bars {filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3)}
</style>

ps: alterar o valor da "rotation" para as colocarem da horizontal,  caso queiram entre os () é para se colocar os url's das imagens de fundo das estatisticas. Só funciona no IE, mozilla sucks --'


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


Código:

Código:

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

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


Código:

Código:

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

Centrar a foto do user:

Código:

Código:

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

Alterar a cor da barra de scroll

Código:

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:

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>

nota: tipos de borders --> inset, outset, dotted, ridge, double, solid...

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

Código:

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:

Código:

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

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

Código:

Código:

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

(tambem funciona para a #profile-nav)

Tag "fieldset"

Código:

Código:

<fieldset>

TEXTO

</fieldset>

tag "textarea"


Código:

Código:

<textarea>

TEXTO

</textarea>

Alguns cursores:

{ cursor: crosshair; }
{ cursor: auto; }
{ cursor: default; }
{ cursor: pointer; }
{ cursor: move; }
{ cursor: e-resize; }
{ cursor: ne-resize; }
{ cursor: nw-resize; }
{ cursor: n-resize; }
{ cursor: se-resize; }
{ cursor: sw-resize; }
{ cursor: s-resize; }
{ cursor: w-resize; }
{ cursor: text; }
{ cursor: wait; }
{ cursor: help; }


exemplo:
Código:

Código:

<style type="text/css"> BODY{ cursor: crosshair; }</style>

Substituir o ícone de online por outra imagem


Código:

Código:

<style type="text/css">#online-now-icon
{ background: url(http://i220.photobucket.com/albums/dd245/Punkecas/PunkeCasHi5Tutorial/aim7.gif);
height: 83px;width: 93px;}
</style>

Substituir o ícones dos user-links por outras imagens


Código:

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:

Código:

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