Tudo o Que Precisam de Saber Sobre o Hi5

bem, como muita gente gosta de ocultar/ modificar cenas no hi5, aqui ficam umas dicas para vocês.


pois claro qe eu nao ia postar isto sem as ditas regras...
ora bem, sao poucas, mas sao para ser cumpridas:

alguma duvida q qeiram ver esclarecida, façam-no no outro topico qe e' mesmo para la porem as duvidas, fazerem perguntas, etc.

NAO me peçam para 'hackar' hi5's de outras pessoas, pois nem vos vou responder.

se me chatear com mais alguma coisa, vem aqui para as regras [ya, eu eq sou o rei do topico .|. x)] mas por agora acho que está tudo.

So, enjoy.




Estes códigos podem ser colocados em qualquer lugar, podem ser colocados nos interesses, em Sobre mim, etc...



Código Base:

Código:

<style type="text/css"> #secção a ocultar{display:none;} </style>

este e' o código base que precisam para ocultar o que quiserem no hi5.

Exemplo para esconder as actualizações:

Código:

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

agora vamos a' parte eu que eu vos poupo o trabalho de fazeram vocês os códigos:

Ocultar Videos:

Código:

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

Ocultar Grupos:

Código:

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

Ocultar Diário:

Código:

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

Ocultar Álbum de Fotos:

Código:

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

Ocultar Estilo de Vida:

Código:

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

Ocultar Escolas:

Código:

<style type="text/css"> #schools, #_schools {display:none;}</style>

Ocultar Widgets:

Código:

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

Ocultar Menu de Perfil:

Código:

<style type="text/css">#profile-nav, #profile-name {display:none;}</style>

Ocultar Amigos:

Código:

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

Ocultar Amigos em Comum:

Código:

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

Ocultar Actualizações:

Código:

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

Ocultar Ultima Visita:

Código:

<style type="text/css">.box_profile_connections {display:none;}</style>

Ocultar Player de Musica:

Código:

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

Ocultar Jogos do hi5:

Código:

<style type="text/css"> .gamesModule, #gamesModule, #gamesModule-content {display: none;} </style>

Ocultar publicidade (aqela cena do lado direito):

Código:

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

Ocultar Hi5 Prendas:

Código:

<style type="text/css"> .gifts, #gifts, #gifts-content {display: none;} </style>

Ocultar Topo:

Código:

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

Ocultar Fim da Página:

Código:

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

Ocultar Dados Gerais:

Código:

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

Ocultar Interesses:

Código:

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

Ocultar Fives:

Código:

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

Ocultar Comentários:

Código:

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

Ocultar Detalhes do Utilizador:

Código:

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

Ocultar url:

Código:

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

Ocultar links de denuncia:

Código:

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

Ocultar links das fotos:

Código:

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

Ocultar titulo Sobre Mim:

Código:

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

Ocultar titulo Interesses:

Código:

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

Ocultar titulo Comentários:

Código:

<style type="text/css">#comments .bg_title { display: none; }</style>

Ocultar bordas:

Código:

<style type="text/css">#user-details .window_content { border:none;} </style>

Ocultar profile comments status:

Código:

<style type="text/css"> .window_blue {display:none;}</style>

Ocultar foto do álbum mas deixar o nome:

Código:

<style type="text/css">.photoAlbums {display:none;}</style>

Ocultar os link's "Adiciona, Comentários etc."

Código:

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

Ocultar Estatísticas:

Código:

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

Ocultar letras das Estatísticas mas deixar as barras:

Código:

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

Para qem qiser fazer os seus próprios codigos:
Barra de línguas: #xxxad_banner
Barra da pesquisa: #top_header
Barra de links inicial: #p_nav_primary
Todas as barras anteriores: #p_nav_header
Barra de nome e visitas: #profile-name
Barra de links do profile: #profile-nav
Ambas as barras: .profile-nav
Foto do profile: #user-picture
Links de imagem: #picture-links
Links de utilizador: #user-links
Links de abuso: #abuse-links
Todos os anteriores (coluna da esquerda): #about-left
Estado/Tópico: #todays-topic
Informação (Idade, Local, Aniversário,...): #user-info
Todas as anteriores (coluna central): #about-center
Link: #user-url
Barras e links de estatística: #vanity-bars
Apenas as barras: .vanity-bar
Entradas no diário: #journal-entries
Todas as anteriores (coluna da direita): #about-right
Coluna da esquerda: #content-left
Coluna da direita: #content-right
Ambas as colunas: .content-column
Todas as colunas (secção completa): #user-details
Actualizações: #recent-updates
Estilo de vida: #lifestyle
Interesses: #interests
Dados gerais: #background
Escolas: #schools
Videos: #videos
Diário: #journalDetail
Widgets: #widgets
Amigos: #friends
Álbuns de fotos: #photoAlbums
Fives: #user-fives
Comentários: #comments
Todas as secções: .section
Área de título da secção: .box_profile_info_large_heading
Área de links da secção: .section h2
Área central: .content
Sub-títulos: .box_profile_info_small_heading
Links do fundo: #footer





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>

ou

Código:

 #content-left { padding-left:250px; padding-right:250px; } <style>

Centrar título "Sobre mim"

Código:

<style type="text/css"> .bg_title box_profile_info_large_heading {text-align: center;} </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>

Centrar comentários:

Código:

<style type="text/css">.comment-text { text-align: center ; } </style>

Centrar "Adiciona, Comentários, etc"

Código:

<style type="text/css">#about-left { text-align: center ; }</style>

Centrar foto do user:

Código:

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

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>

Imagem do perfil maior:

Código:

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

Colocar imagem de fundo:

Código:

<style type='text/css'>body {
background-image: url(ENDEREÇO DA IMAGEM);
background-attachment: fixed;
background-repeat: no-repeat;
}</style>

Imagem com Link:

Código:

<a href="LINK DE DESTINO" target="_blank"><img src="LINK DE IMAGEM" border="0" alt="DESCRIÇÃO DA IMAGEM/LINK"></a>

Colocar a foto do user no sitio das estatísticas:

Código:

<style type="text/css">#user-picture { padding-left:750px; padding-right:250px; } <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; para aumentar ou diminuir o tamanho da caixa, basta aumentar/ diminuir o valor base '300px' ]

Código:

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

Caixa de Texto:

TEXTO

Código:

<fieldset>      texto      </fieldset>

Colocar 2 colunas no sobre mim

Código:

<table>
  <tr>
    <td>
   
    coluna 1
   
   
    </td>
    <td>
   
   
  coluna 2
   
   
    </td>
  </tr>
</table>

Cor de fundo:

Código:

<style type='text/css'> body { background: #CODIGO HTML DA COR; } </style>

Alterar a Cor dos Comentários:

Código:

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

Trocar cor de Texto

Código:

<font color="#FF0000">TEXTO</font>

para trocar a cor é só trocar o código #FF0000 pelo código da cor pretendida








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>

Colocar espaços:

Código:

<br>

Aumentar fotos dos comments:

Código:

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

Fundo Transparente:

Código:

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

Tipo de letra dos comentários:

Código:

<style type="text/css">.comment-text{font-face: Comic Sans;} </style>

Texto com Link:

Código:

<a href="LINK DE DESTINO">TEXTO A MOSTRAR</a>

Texto à esquerda:

Código:

<P align="left"> TEXTO</font>

Texto à direita:

Código:

<P align="right"> TEXTO</font>

Texto ao centro:

Código:

<P align="center"> TEXTO</font>

Mudar tipo de letra das Estatísticas:

Código:

<style type="text/css"> .vanity-title { font-size: 10px; face="Arial"}</style>

Trocar tamanho do Texto/Link

Código:

<font size="5">TEXTO/LINK</font>

para trocar o tamanho é só trocar o 5 pelo número que quiser



TEXT

Código:

<marquee>TEXT</marquee>

TEXT

Código:

<marquee direction="right">TEXT</marquee>

Criar uma Lista/Top

Código:

<div class="subsection">
<table width="100%" cellpadding="0px" cellspacing="0px"><tr><td>
<div class="box_profile_info_small_content">
<div align="center"><select style="width: 150px;">



<option value="Top  ">. TOP  . </option>


<option>NOME DA PESSOA DO TOP</option>
<option>NOME DA PESSOA DO TOP</option>
<option>NOME DA PESSOA DO TOP</option>
<option>NOME DA PESSOA DO TOP</option>
<option>NOME DA PESSOA DO TOP</option>
<option>NOME DA PESSOA DO TOP</option>

</select> </div>

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

Exemplo:





Tabela de Cores HTML

http://www.geocities.com/ensinandohtml/cores_html.htm

Marques Códigos

http://www.freefever.com/hi5/codes/hi5marqueecodes.php

Outros

http://www.omeumyspace.com/

Anaa escreveu:

Estes códigos já me deram muito jeito xD

vi no outro forum, que consegues fazer códigos, como é que fazes isso?

e' saber pelo source code os codigos dos coments, interesses etc

depois com um codigo base e alhuns conhecimentos faço-os.

experimentos, umas vezes dao outras nao... e' uma qestao de alguma sorte e talento ao mesmo tempo x)

thanks dude.
havia codigos aqui que eu não tinha

obrigada, deram-me muito jeito.

wow cool. estava a precisar 8D