Alterar a cor das estatísticas, neste caso para vermelho
<style type="text/css"> .vanity-bar div div {background: #FF0000 !important;} </style>
Substituir as barras das estatísticas por uma imagem ou gif
<style type="text/css"> .vanity-bar div div {background:url(URL DA IMAGEM) !important;} </style>
Colocar imagem na barra do nome e visitas
<style type="text/css">
#profile-name {background-image:url(URL DA IMAGEM);
width:956px;
height:100px}
</style>
Substituir o ícone de online por outra imagem
<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
<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"
<style type="text/css">#picture-links A {
DISPLAY: list-item; LIST-STYLE-POSITION: inside; LIST-STYLE-IMAGE: url(URL DO ICONE)
} </style>
Criar hiperligações (com texto)
<a href="LINK DE DESTINO">NOME QUE APARECE</a>
Criar hiperligações (com imagem)
<a href="LINK DE DESTINO"><img width="80" height="80" src="URL DA IMAGEM"></a>
Colocar imagem de fundo (exemplo á direita)
<style type='text/css'>body {
background-image: url(ENDEREÇO DA IMAGEM);
background-position: right;
background-attachment: fixed;
background-repeat: no-repeat;
}</style>
Reposicionar itens
<style type="text/css"># ITEN {
position:relative;
top: 100px;
bottom:100px;
right: 100px;
left: 100px; } </style>
(ver o nome dos "ITENS" no tutorial sobre Ocultar itens)
Tipo de letra dos comentários
<style type="text/css">.comment-text{font-face: Comic Sans;} </style>
Trocar as Colunas
<style type="text/css">table{direction:rtl;}table table table{direction:ltr;}</style>
(se trocarem o TABLE por outro ITEM/LOCAL obtem uma inversao desse sitio)
Caixa com Scroll nos Comentários ( para colocar scroll noutra caixa, basta alterar o "#comments" para o novo local...ex: #user-links )
<style type="text/css">#comments { height: 300px; overflow: auto;}</style>
Alterar a Cor da letra Comentários:
<style type="text/css">.comment-text {color: CÓDIGO_DA_COR;} </style>
Alterar o atmanho da letra dos Comentários:
<style type="text/css">.comment-text {font-size: 20px;} </style>
Alterar o tipo de letra dos Comentários:
<style type="text/css">.comment-text { font-family:Tempus Sans ITC ;} </style>
Centrar Perfil
<style type="text/css">#content-left { padding-left:250px; padding-right:250px; } <style>
Alargar table do about me
<style type="text/css"> #content-left, #col1 { width: 600px; padding-left: 0px;} </style>
Aumentar a #user-picture
<style type="text/css">
#user-picture a img {width:200px;height:200px;}
#user-picture {height:200px !important;width:200px;}
</style>
Apagar o titulo do Estilo de vida
<style type="text/css">#lifestyle .bg_title { display: none; }</style>
Apagar titulo que diz Sobre mim
<style type="text/css">#lifestyle .box_profile_info_small_heading
{ display: none; }</style>
Apagar titulo dos comentários:
<style type="text/css">#comments .bg_title { display: none; }</style>
Retirar icons dos user-links:
<style type="text/css"> #user-links img {display:none;} </style>
Centrar aquilo que está debaixo do nome e visitas
<style type="text/css">#profile-nav {text-align: center;} </style>
Centrar nome/visitas:
<style type="text/css">#profile-name {text-align: center;} </style>
Centrar a foto do user:
<style type="text/css">#user-picture { padding-left:250px; padding-right:250px; } <style>
Alterar a cor da barra de scroll
<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:
<style type="text/css"> #local {border: ESPESURApx TIPO DE BORDER COR HTML;} </style>
Exemplo:
<style type="text/css"> #comments {border: 4px dashed #FF0000;} </style>
Alterar a cor das letras da barra que tem o nome e número de visitas
<style type="text/css">#profile-name {color:CÓDIGO DA COR QUE QUERES;}</style>
Alterar a cor de fundo da mesma barra (transparente)
<style type="text/css"> #profile-name {background: transparent;}</style>
Alterar a cor de fundo da mesma barra (ex: vermelho)
<style type="text/css">#profile-name { background-color: #FF0000;} </style>
(tambem funciona para a #profile-nav)
Tag "fieldset"
<fieldset>
TEXTO
</fielsset>
Tag "textarea"
<textarea>
TEXTO
</textarea>
Criar Hiperligações:
Adicionar:
<a
href="http://www.hi5.com/friend/profile/enforceFriendRequestSecurity.do?userid=ID DO VOSSO HI5 ">(ADD) </a>
Fotos:
<a
href="http://www.hi5.com/friend/photos/displayMyPhoto.do?ownerId=ID DO VOSSO HI5 ">(Fotos) </a>
Comentários ao perfil:
<a
href="http://www.hi5.com/friend/book/displaySignBook.do?userid=ID DO VOSSO HI5 ">(Comenta)</a>
Fives:
<a href="http://www.hi5.com/friend/fives/displayAddUserFive.do?userid=ID DO VOSSO HI5 "> (Fives)</a>
Mensagens:
<a href="http://www.hi5.com/friend/mail/displayComposeMail.do?toIds=ID DO VOSSO HI5 ">Mensagens </a>
Recortes:
<a href="http://www.hi5.com/friend/profile/displayScrapbook.do?userid=ID DO VOSSO HI5 ">(Recortes)</a>
Favoritos:
<a href="http://www.hi5.com/friend/addBookmark.do?userid=ID DO VOSSO HI5 "> (Favoritos)</a>
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:
<style type="text/css"> BODY{ cursor: crosshair; }</style>
By: PunkeCas
Em construção! mais novos codes serao aqui postados
[Hi5] Codigos para Personalizar Hi5 (new codes) By: PunkeCas
May 21 2008, 07:42 PM
