Códigos, Truques e Dicas para o Hi5 (Lêr 1º os tutoriais)

[Riey]

Códigos, Truques e Dicas para o Hi5 - pimp my hi5

(NOVOS CÓDIGOS CLICAR AQUI)

Outros tópicos úteis relacionados com o hi5:

[Hi5-Tutorial] O que é o ID?
[Hi5-Tutorial] Códigos, Truques e Dicas para o Hi5
[Hi5-Tutorial] Códigos para Personalizar Hi5
[Hi5-Tutorial] Códigos para personalizar texto
[Hi5-Tutorial] Códigos para Ocultarem itens
[Hi5-Tutorial] código para fazerem secções
[Hi5-Tutorial] Como colocar uma imagem de fundo
[Hi5-Tutorial] Cursores
[Hi5-Tutorial] Efeitos para imagens
[Hi5] Links úteis do hi5

Videos do Youtube a Reproduzir automaticamente
Colocar Imagens no Hi5 ou noutros sites

Qual o teu hi5?
Hi5 Submundos





Estes códigos podem ser colocados em qualquer lugar, podem ser colocados nos interesses, em Sobre mim, etc...Porém, aconselhamos a colocar aqui.

Ocultações

Ocultar o reprodutor do ineem:

No código tem lá uns números "300" e "80" repetidos duas vezes, basta mudar para "0"

Código Base:   

Código: [Seleccione]

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

Exemplo para esconder as actualizações:

Código: [Seleccione]

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

Veja também o tópico: [Hi5-Tutorial] Códigos para Ocultarem itens

Centrar

Centrar Perfil:

Código: [Seleccione]

<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: [Seleccione]

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

Centrar título "Sobre mim"

Código: [Seleccione]

<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: [Seleccione]

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

Centrar nome/visitas:

Código: [Seleccione]

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

Centrar comentários:

Código: [Seleccione]

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

Centrar "Adiciona, Comentários, etc"

Código: [Seleccione]

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

Centrar foto do user:

Código: [Seleccione]

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

Imagens

Imagem de fundo no sobre mim:

Código: [Seleccione]

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

Imagem de fundo nos comentários:

Código: [Seleccione]

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

Imagem do perfil maior:

Código: [Seleccione]

<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: [Seleccione]

<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: [Seleccione]

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

Trocas

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

Código: [Seleccione]

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

Trocar as Colunas:

Código: [Seleccione]

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

Caixas & Colunas

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

Código: [Seleccione]

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

Caixa de Texto:

     texto      

Código: [Seleccione]

<fieldset>      texto      </fieldset>



Colocar 2 colunas no sobre mim

Código: [Seleccione]

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

Cores

Cor de fundo:

Código: [Seleccione]

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


Alterar a Cor dos Comentários:

Código: [Seleccione]

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

Alterar a cor da barra:

Código: [Seleccione]

<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: [Seleccione]

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


Trocar cor de Texto

Código: [Seleccione]

<font color="#FF0000">TEXTO</font>para trocar a cor é só trocar o código #FF0000 pelo código da cor pretendida

Ocultar títulos

Apagar o titulo do Estilo de vida:

Código: [Seleccione]

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

Apagar titulo que diz Sobre mim:

Código: [Seleccione]

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

Outros

Colocar espaços:

Código: [Seleccione]

<br>


Aumentar fotos dos comments:

Código: [Seleccione]

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


Fundo Transparente:

Código: [Seleccione]

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

Textos & Letras

Tipo de letra dos comentários:

Código: [Seleccione]

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



Texto com Link:

Código: [Seleccione]

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

Texto à esquerda:

Código: [Seleccione]

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

Texto à direita:

Código: [Seleccione]

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

Texto ao centro:

Código: [Seleccione]

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

Mudar tipo de letra das Estatísticas:

Código: [Seleccione]

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


Trocar tamanho do Texto/Link

Código: [Seleccione]

<font size="5">TEXTO/LINK</font>para trocar o tamanho é só trocar o 5 pelo número que quiser



TEXT

Código: [Seleccione]

<marquee>TEXT</marquee>

TEXT

Código: [Seleccione]

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

Criar uma Lista/Top

Código: [Seleccione]

<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:

.   TOP  . NOME DA PESSOA DO TOPNOME DA PESSOA DO TOPNOME DA PESSOA DO TOPNOME DA PESSOA DO TOPNOME DA PESSOA DO TOPNOME DA PESSOA DO TOP

Links Úteis

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/




Regras para postar neste tópico

• Verifica se já está respondido o que queres saber!
• Usa a pesquisa do fórum e ve os outros tutoriais!
• Pergunta apenas uma vez e aguarda resposta! se a mensagem for apagada é porque está respondido!
• Mensagens de SPAM ou OFF/TOPIC serão apagadas sem aviso prévio e o utilizador pode ir de BAN!

Atenção: Todas as mensagens neste tópico consideradas spam, que não cumpram as regras ou que não seja usado o português correctamente podem ser apagadas sem aviso prévio dos administradores e moderadores.

(NOVOS CÓDIGOS CLICAR AQUI)

[Riey]

Novos "códigos" para ocultarem itens no hi5 beta

Created by http://--drake--.hi5.com PunkeCas ®

Aviso! recomendo a leitura prévia do seguinte tópico:   Link aqui


Aviso! Estes "Códigos" só funcionam se forem colocados no Sobre mim (About me), entre as tags <!--["return false"]>  <![endif]-->


Exemplo:

Código: [Seleccione]

<!--["return false"]--!>

<style type="text/css"> #PageHeader-GlobalNav {display:none;} </style>
<style type="text/css"> #PageHeader-Avatar {display:none;} </style>
<style type="text/css"> #PageHeader-UserInfo {display:none;} </style>

<![endif]-->   

Código: [Seleccione]

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

Código: [Seleccione]

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

Código: [Seleccione]

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

Código: [Seleccione]

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

Código: [Seleccione]

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

Código: [Seleccione]

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

Código: [Seleccione]

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

Código: [Seleccione]

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

Código: [Seleccione]

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

Código: [Seleccione]

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

Código: [Seleccione]

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

Código: [Seleccione]

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

Código: [Seleccione]

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

[PunkeCas ®]

eu sei que estão, mas há alguns que, ou nao os coloco correctamente ou nao sei porque nao dão.

q o meu pedido de colocar a foto no meio com aqeles icones por cima não o consigo mesmo. e tirar os amigos em comum e os links de denuncia tb nao. e por o nome de top como melhores amigos, idem.

se desse paraa darem os codigos certos... é qe eu por vezes confundo-me e ja tentei po los e nao funciona.

1- meter a foto nao meio da pagina...qual foto?

2-"retirar links q estao debaixo da foto, deixar só as estatisticas e a foto do utilizador"

Código: [Seleccione]

<style type="text/css"> #user-links {display:none;}</style>
<style type="text/css"> #about-center {display: none;} </style>
para retirar os abuse-links os "codes" nao funcionam, nas paginas anteriores ja expliqei como se tem de fazer

3- "Retirar aquelas coisas que estao debaixo da estatiscoa das informações de contacto e do Diário."

entradas do diario:

Código: [Seleccione]

<style type="text/css"> #journal-entries {display:none;}</style>
imformacoes de contacto(ou usas um "code" ou apagas tu, no teu hi5 pode aparecer o titulo mas os outros nao os vêm)

Código: [Seleccione]

<style type="text/css">#contact-info {display:none;}</style>
4- "POr cima da foto, colocar como ícones ''adicionar comentarios ao prefil'', ''ver fotos'', ''adicionar como amigo'', ''enviar mensagem'' etc. e ainda um link para qem clicar me adicionar no MSN"

nao sei de q foto estas a falar...mas como criar links está mt bem explicado mais q uma vez nos tut's

5- "o Sobre mim, deixar onde está, mas por a foto prai com metade do tamanha qe está, e por o texto qe diz: ''MR.Andrew'' á esqerda por cima da foto e o qe diz ''e é tudo'' á direita por baixo da foto."

para dedimensionares a foto:

Código: [Seleccione]

<img width="280" height="210"  src="URL DA IMAGEM"></a>
os alinhamentos do texto tb estao explicados nos tut's

6- "TIrar o título qe diz amigos de cima do top, e no lugar disso escrever '' Melhores Amigos''"

a unica maneira q estou a ver para se fazer isso é atribuindo um background a essa Div e diminuindo o tamanho da letra...

exemplo:

Código: [Seleccione]

<style type="text/css">#friends h1{background:url
(http://i220.photobucket.com/albums/dd245/Punkecas/PunkecasSubmundos.gif);}
</style>

Código: [Seleccione]

<style type="text/css"> #friends .bg_title { font-size: 0px; } </style>
7- ''amigos em comum''

Código: [Seleccione]

<style type="text/css">#common-friends{display:none;}</style>
8-"Por fim, queria qe todas as letras qe aparecem no prefil aparecem no estilo ''trebuchet'' , incluindo a do sobre mim, da estatistica e dos comentarios."

Código: [Seleccione]

<style type="text/css">div { font-size: 10px; face="trebuchet'"}</style>

[PunkeCas ®]

Colocar letra mais pequena:

Código: [Seleccione]

<style type="text/css">#local { font-size: TAMANHO px;}</style>


Srcoll nos user-links

Código: [Seleccione]

<style type="text/css">#user-links { height: 50px; overflow: auto;}</style>

[PunkeCas ®]

Alterar a cor da idade/ aniversario/ naturalidade, etc...

Código: [Seleccione]

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

[PunkeCas ®]

Podem dizer'me como se apaga os subtitulos que dizem musica preferida, livros preferidos, citaçoes,etc ?
Obrigada ^^.

Código: [Seleccione]

<style type="text/css"> .box_profile_info_small_heading, .bg_title, .info-box { display: none; } </style>


[PunkeCas ®]

Ola pessoal.
Eu ja li o tópico todo mas é assim no meu hi5 tenho o perfil e a imagem do perfil centrada mas aquele sitio onde diz online e tal continua lá e eu queria tira-lo
como faço?
Mais  2 coisas  eu escondo a idade mas apareçe lá "3/mai" como faço pa desapereçer e por ultimor eu ja tentei por o codigo que da aqui no tópico para centar os user links mas n dá.
Alguem sabe outro:|?
ObrigadAO
 

Código: [Seleccione]

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

Código: [Seleccione]

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


[PunkeCas ®]

E como é que eu posso alterar isso também?? Agradeço resposta! obrigado

Code base:

Código: [Seleccione]

<style type="text/css"> #local  {border: ESPESURApx TIPO DE BORDER  COR HTML;}
</style>

Exemplo:

Código: [Seleccione]

<style type="text/css"> #comments   {border: 4px dashed  #FF0000;}
</style>

[PunkeCas ®]

Qal é o código para tirar o título da vainity.bars??

Cumpz

Código: [Seleccione]

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




vejam o hi5 dos Submundos ---> http://submundos.hi5.com

[PunkeCas ®]

Punkecas, agradeço a tua ajuda, mas naquela questão que eu coloquei em cima de como é que eu poderia colocar uma imagem de fundo nos comentários, tudo bem até aí aparece a imagem nos comentários e tudo mas repete-se para baixo o que eu quero dizer é que em cada comentário que eu tenho aparece uma imagem e eu queria colocar como fundo ou seja que não se mexa! Agradeço que me expliques como haverei eu de fazer isto ou se existe outro código! responde SFF

tenta assim:
(fiz este code á pressa nao sei se vai funcionar)

Código: [Seleccione]

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


[PunkeCas ®]

Oi

Sabem a ftO do perfil em baixO diz : ver 12 fotos(ex.) qomO é q s tira isO?

Código: [Seleccione]

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


[PunkeCas ®]

podias_me

punkeCas vai ao meu hi5 (clica aqi) e diz_me se posso centrar os links da p_nav_header pf. obgd, espero resposta!

Código: [Seleccione]

...#primenu...

podias_me dizer o cdg completo por favor?

é o msmo q usastes para centrar as outras barras...apenas mudas o nome do item para o nome q te deu

obgd

n deu punkeCas...;S

acabei de testar

Código: [Seleccione]

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

e funciona

aqabei de'o por e nao centra os links...

isso acontece pq voces têm sempre o CSS ("codigos") que ai colocam todo desorganizado...dps ha sempre coisas q não funcionam correctamente...

mas nao faz mal...

mete assim(100% eficaz)

Código: [Seleccione]

<style type="text/css">#primenu { position:relative;  left: 250px; } </style>


[PunkeCas ®]

punkeCas dsclpa la a maçada mas tb da para ocultar aqele simbolo do hi5 qe ta na p_nav_header? qe esta no canto esqerdo..

a paciencia que eu tenho, eu nao sou nenhuma enciclopedia de HTML...tenho de andar sempre a faze-los

Código: [Seleccione]

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


[PunkeCas ®]

não dá para substituir (não é ocultar) as cenas cá em baixo que dizem:

© 2003-2008 hi5 Networks  ·  Política de Privacidade  ·  Condições de Serviço  ·  Segurança Online  ·  Sobre nós  ·  Blog  ·  Publicidade  ·  Emprego  ·  Ajuda


?

dá, a imagincão é o limite...

1º diminuies o tamanho da letra desses itens depois usas este "código"

Código: [Seleccione]

<style type="text/css"> #footer {background:url(URL DA IMAGEM) !important;} </style>

[PunkeCas ®]

Boas,
Eu tentei aumentar a "user picture", mas quando o fiz, a imagem apareceu desfocada no perfil. Primeiro pensei que fosse devido ao tamanho real da imagem, e aumentei-o, mas continua a acontecer o mesmo. Será que alguém me poderia explicar como é que posso solucionar esse problema ? ...
Ou entao se alguém me souber dizer qual é o nome da secçao onde se encontra a user picture, agradecia. Porque já vi em alguns hi5's a user picture aumentada, mas que ao clicar, nao nos levava para o album de fotos. Por isso imagino que tenham simplesmente metido a imagem por cima dos links ( ver todas as x fotos .. etc. ), como se quem mete uma imagem por cima dos amigos, ou dos comentários. Será que alguém me poderia ajudar sff ?

isso é perfeitamente normal...os user-detais estao situados na div about-left...esses hi5 qtu vistes naos quais se carregares na imagem nao vais parar ao album de fotos, substituiram a imagem de base do hi5 por uma externa...ou seja atribuiram um background a essa secao

Ok, será que me podes explicar como faço isso ? agradeço, desde já a explicaçao.

Código: [Seleccione]

<style type="text/css">
#user-picture IMG {HEIGHT: 300px;WIDTH:200px;DISPLAY: none;}
#user-picture { WIDTH: 170px;HEIGHT: 250px;TEXT-ALIGN: center; DISPLAY: block;
background-image: url(http://i220.photobucket.com/albums/dd245/Punkecas/PunkadariaV4.jpg)
;background-repeat: no-repeat;background-position: center;margin-left: 28px;border: SOLID #FFFFFF px;}
</style>

perdi 30 mim a fazer este "codigo" =/

tens de consiliar o tamanho da imagem com o tamanho que atribuis á secção