[Códigos] Personalização do hi5 (em desenvolvimento)

por **Cloud** em Qua Jul 15, 2009 4:28 pm

Colocar links da profile-nav na mesma barra que nome/visitas:

Código:: <style type="text/css"> #profile-nav {position:absolute; top: 75px; left: 510px;}</style> <style type="text/css"> #profile-nav {background-color : transparent;}</style>

Personalizar tipo, cor e tamanho da letra:
Parte CSS:

Código:: <style type="text/css"> #MyDiv {font-family: Maiandra GD;font-size: 13px; color:#808080;} </style>

Parte html:

Alterar o tamanho da foto do utilizador

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

Reposicionar itens:

Código:: <style type="text/css"># ITEN { position:relative; top: 100px; bottom:100px; right: 100px; left: 100px; } </style>

Alterar a cor das estatísticas:

Código:: <style type="text/css"> .vanity-bar div div {background: #CÓDIGO DA COR !important;} </style>

Cor de fundo:

Código:: <style type="text/css"> body { background: #CODIGO DA COR; } </style>

Colocar imagem no fundo (exemplo centrada):

Código:: <style type="text/css">body { background-image: url(URL DA IMAGEM); background-position: center; background-attachment: fixed; background-repeat: no-repeat; }</style>

Criar Hiperligação com texto:

Criar Hiperligações com imagem:

Centrar perfil:

Código:: <style type="text/css">#content-left, #col1 { padding-left:250px; padding-right:250px; } <style>

Alargar a caixa do Sobre Mim:

Código:: <style type="text/css"> #content-left, #col1 { width: 800px;} </style>

Comentários!

Personalizar tipo de letra:

Código:: <style type="text/css"> .comment-text {font-family: Maiandra GD;font-size: 13px; color:#808080;} </style>

Caixa de Comentar!

Personalizar tipo de letra:

Código:: <style type="text/css"> #commentbody {font-family: Maiandra GD;font-size: 13px; color:#808080;} </style>

Colocar background:

Código:: <style type="text/css"> #commentbody { background-image: url(URL DA IMAGEM); no-repeat fixed center center;} </style>

Cor no fundo da caixa:

Código:: <style type="text/css"> #commentbody { background: #CODIGO DA COR; }</style>