[Hi5] Modificações e Opiniões

Queres modificar o teu hi5?
Pede o que necessitares e eu direi como se faz...
Digam o link do hi5 que queiram copiar e eu dou os codigos....

Sugeriro que metam os vossos HI5 para uma votação...PAra começar a votação no minimo 4...

Vamos ver qual o hi5 mais criativo....

_____________________________________________________________



Codigos

Ocultações


Ocultar o reprodutor do ineem:


Citar

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

Código Base:

Código:

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

Exemplo para esconder as actualizações:

Código:

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

Centrar



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>

Imagens


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>

Trocas



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>

Caixas & Colunas


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


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>

Cores


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

Ocultar títulos



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>

Outros

Colocar local de comentar mais pequeno:




Código:

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

Ocultar novo aviso do hi5 das máscaras:





Código:

<style type="text/css"> .emptyProfileInfo {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>

Textos & Letras


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:


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

Ocultar "comments"

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

Ocultar titulo "comments"

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

Ocultar o item "comment-picture"

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

Ocultar o "user-details"

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

Ocultar o item "about-left"

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

Ocultar o item "about-center"

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

Ocultar o item "about-right"

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

Ocultar o item "user-picture"

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

Ocultar o item "picture-links"

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

Ocultar o item "subsection-separator"

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

Ocultar o item "user-links"

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

Ocultar o item "user-links img"

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

Ocultar o item "newURL"

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

Ocultar o item "todays-topic"

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

Ocultar o item "vanity-title"

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

Ocultar o item ".vanity-bar"

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

Ocultar o item "#vanity-bars"

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

Ocultar o item "contact-info"

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

Ocultar o item "journal-entries"

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

Ocultar "Titulo das estatisticas"

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

Ocultar "titulos do about-center"

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

Ocultar os "friends"

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

Ocultar o item " friend-picture "

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

Ocultar o item " friend-name"

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

Ocultar o item " ...email..."

<style type="text/css">
#friends div { display: none !important; }
#friends .listitem-separator,
#friends .content,
#friends .subsection,
#friends .friend,
#friends .friend-picture,
#friends .clear { display: block !important; }
#friends .footer,
#friends .friend-picture div,
#friends .friend-name { display: block !important; }
</style>

Ocultar o item " friends subsection "

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

Ocultar o item " friends footer "

[quote]<style type="text/css"> #friends .footer {display: none;} </style>

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/