Tópico de ajuda - 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>

<!-- BEGIN SMOWTION TAG - 728x90 - submundos: general - DO NOT MODIFY -->
<script type="text/javascript"><!--
smowtion_size = "728x90";
smowtion_section = "617780";
//-->
</script>
<script type="text/javascript"
src="http://ads.smowtion.com/ad.js">
</script>
<!-- END SMOWTION TAG - 728x90 - submundos: general - DO NOT MODIFY -->

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:

<fieldset> &nbsp; &nbsp; &nbsp;texto &nbsp; &nbsp; &nbsp;</fieldset>

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



<marquee>TEXT</marquee>

Código: [Seleccione]

<marquee>TEXT</marquee>

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

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:

<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 &nbsp;">. &nbsp; TOP &nbsp;. </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>

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 ®yaehhh!

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>

[Selminho]

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

[Selminho]

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>

[Selminho]

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>

[Selminho]

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>


[Selminho]

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>


[Selminho]

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>

[Selminho]

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

[Selminho]

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

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>


[Selminho]

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>


[Selminho]

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

Código: [Seleccione]

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


[Selminho]

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>


[Selminho]

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>

[Selminho]

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

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