Alteracoes

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Alteracoes

Mensagem por Lyrical em 2009-02-07, 8:38 am

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>




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>




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>





Mudar tipo de letra das Estatísticas:
Código:
<style type="text/css"> .vanity-title { font-size: 10px; face="Arial"}</style>


Última edição por Paulo Rosa em 2009-02-14, 11:54 am, editado 2 vez(es)
avatar
Lyrical
Administrador

Masculino
Posts : 1146 País de Origem :

Ver perfil do usuário http://urbanzone.withme.us

Voltar ao Topo Ir em baixo

Re: Alteracoes

Mensagem por Lyrical em 2009-02-13, 12:13 pm

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>
avatar
Lyrical
Administrador

Masculino
Posts : 1146 País de Origem :

Ver perfil do usuário http://urbanzone.withme.us

Voltar ao Topo Ir em baixo

Re: Alteracoes

Mensagem por Lyrical em 2009-02-13, 12:48 pm

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>
avatar
Lyrical
Administrador

Masculino
Posts : 1146 País de Origem :

Ver perfil do usuário http://urbanzone.withme.us

Voltar ao Topo Ir em baixo

Re: Alteracoes

Mensagem por Saduny em 2009-03-18, 4:08 pm

mas ke grande post paulo ajudome bastante :xPP
avatar
Saduny
Moderador

Masculino
Posts : 422 País de Origem :

Ver perfil do usuário http://correiacv.hi5.com/friend/p418283374--+%C2%A2%CF%83%D1%8F%

Voltar ao Topo Ir em baixo

Re: Alteracoes

Mensagem por Storm em 2009-03-19, 7:32 pm

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

Masculino
Posts : 852 País de Origem :

Ver perfil do usuário http://pwp.netcabo.pt/fernando.martim/

Voltar ao Topo Ir em baixo

Re: Alteracoes

Mensagem por MR.Eriv em 2009-03-20, 6:32 pm

maravilhoso este post
adorei
avatar
MR.Eriv
Moderador

Masculino
Posts : 254 País de Origem :

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: Alteracoes

Mensagem por Storm em 2009-06-07, 11:35 pm

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


avatar
Storm
Sub Admin

Masculino
Posts : 852 País de Origem :

Ver perfil do usuário http://pwp.netcabo.pt/fernando.martim/

Voltar ao Topo Ir em baixo

Re: Alteracoes

Mensagem por Conteúdo patrocinado


Conteúdo patrocinado


Voltar ao Topo Ir em baixo

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum