Alteracoes

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>

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>

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>

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>

Tipo de letra dos comentários:

Código:

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

Mudar tipo de letra das Estatísticas:

Código:

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

efeito mudar imagem d foto album ao passar do mouse

Código:

<style> .album a { display: block !important; width: 100px; height: 100px; } .album a:hover { background: url(http://photos3.hi5.com/0062/826/746/KatkRe826746-01.jpg) no-repeat; } .album a { background: transparent; } .album a img { border: 0px; } .album a:link img, .album a:visited img { visibility: visible; } .album a:hover img { visibility: hidden; padding-top: 0px; }  </style>

com este codigo o foto album fica sem nenhuma imagem se passar o mause apareca a imagem

Código:

<style> .album a { display: block !important; width: 100px; height: 100px; } .album a { background: url() no-repeat; } .album a:hover { background: transparent; } .album a img { border: 0px; } .album a:link img, .album a:visited img { visibility: hidden; } .album a:hover img { visibility: visible; padding-top: 0px; }  </style>

colocar nova moldura para foto album

Código:

<style> .album { background: url(http://photos3.hi5.com/0062/826/746/KatkRe826746-01.jpg); }  </style>

efeito zoom ao titulo ao passar do mose no titulo "Álbuns de Fotos"

Código:

<style>.album { background: url(); }#photoAlbums h1:hover { font-size: 26pt !important; }  </style>

efeito zoom no link dos album

Código:

<style> #photoAlbums .xsubsection a:hover { font-family: Calibri !important; font-size: 18pt !important; }  </style>

efeito glow as imagens

Código:

<style>img { filter: progid:DXImageTransform.Microsoft.Glow(color=#00A4D6, strength=5); }  </style>

Cabeçalho Controlo

Mudar a imagem do logo do hi5

Código:

<style> #new_header { background: url(indereco da imagem aqui) 1% 100% no-repeat; }  </style>

Efeito Zoom

Zoom efeito para :Cabeçalho Controlo"

Código:

<style> #p_nav_header *:hover { color: #000000 !important; font-family: Verdana !important; font-size: 26pt !important; }  </style>

efeito zoom ao passar do mouse para cabecalho (barra onde diz, Nome :: o meu perfil 34 visitas)

Código:

<style> #profile-name:hover { color: #007491 !important; font-family: Lucida Console !important; font-size: 20pt !important; }  </style>

efeito zoom na barra abaixo de nome e visitas

Código:

<style> .vbar { display: none !important; } .sub_nav_link { margin-left: 0px; margin-right: 12px; }
#profile-nav a:hover { font-size: 14pt !important; text-decoration: none !important;}  </style>

efeito trocar imagen ao passar do mouse para cabecalho (barra onde diz, Nome :: o meu perfil 34 visitas)

Código:

<style>#profile-name:hover { background: url(http://tbn0.google.com/images?q=tbn:_xVeuCGDUC_RAM:http://www1.istockphoto.com/file_thumbview_approve/5349356/2/istockphoto_5349356-urban-grunge.jpg); }  </style>

Botoes para links da barra de baixo da barra de nome e visitas

Código:

<style> .vbar { display: none !important; } .sub_nav_link { margin-left: 0px; margin-right: 12px; }
#profile-nav a { background-image:  url(http://www.grafx-design.com/images/01psp05.gif); padding: 5px 5px 6px 5px; }
#profile-nav a:hover { background-image:  url(http://www.grafx-design.com/images/grybevel.gif); }  </style>

efeito trocar imagen ao passar do mouse para: barra de baixo da barra de nome e visitas

Código:

<style> .vbar { display: none !important; }
.sub_nav_link { margin-left: 0px; margin-right: 12px; }
#profile-nav:hover { background: url(http://tbn0.google.com/images?q=tbn:d4j983Wm-K0GcM:http://dryicons.com/files/graphics_previews/urban_landscape.jpg); } 
</style>

efeito zoom nos links das estatisticas

Código:

<style> .vbar { display: none !important; }
.sub_nav_link { margin-left: 0px; margin-right: 12px; }
#user-details a:hover { font-size: 13pt !important; }  </style>

Comentarios

redimensionar a primeira letra

Código:

<style> .comment-text:first-letter { font-size: 200%; color: #; }  </style>

Border para coment

Código:

<style> .comment-picture { border: 5px ridge #CCCCCC; }  </style>

Codigo para reposicionar itens

Código:

<style type="text/css">#comments {
position:relative;
top: 150px;
bottom:50px;
right: -30px;
left: -450px; }
</style>

as fotos dos COMMENTS para maiores

Código:

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

Fotos de quem comenta (aumentar, dar transparencia e dar border)

Código:

<style type="text/css">.comment-picture a img { width: 100px; height: 100px; filter: alpha(opacity=80); opacity: 0.8; } .comment-picture { border: 6px ridge #CCCCCC; height: 100px !important; } </style>

mas ke grande post paulo ajudome bastante :xPP

Paulo os meus parabens desta vês superaste-te está super está muito mas mesmo muito bom vou recomendar.

maravilhoso este post
adorei

Nova variante para aumentar as letras e colocar um fundo na barra abaixo do nome e das visitas ao passar o rato:

Código:

<style> .vbar { display: none !important; } .sub_nav_link { margin-left: 0px; margin-right: 12px; }
#profile-nav a:hover { font-size: 14pt !important; text-decoration: none !important;} 
.vbar { display: none !important; }
.sub_nav_link { margin-left: 0px; margin-right: 12px; }
#profile-nav:hover { background: url(http://tbn0.google.com/images?q=tbn:d4j983Wm-K0GcM:http://dryicons.com/files/graphics_previews/urban_landscape.jpg); }</style>

post anterior Paulo rosa