[Hi5] Personalizar por completo os 'user-links'
4 participantes
J&B :: Tecnologia :: Hi5 :: Tutoriais & Dias
Página 1 de 1
[Hi5] Personalizar por completo os 'user-links'
Colocar os user links ao lado da user picture:
Codigo:
Agrupar os user links (amontuados)
Codigo:
Colocar os user links na vertical:
Codigo:
Substituir o ícones dos user-links por outras imagens
Codigo:
Adicionar icone ao "Picture-links"
Codigo:
Capitalizar primeira letra dos user-links
Codigo:
Meter uma img au lado do 'picture-links'
Codigo:
Personalizar os user-links
Codigo:
Mudar a cor do 'name' do 'my profile' e das 'visitas' com cores difrentes:
Codigo:
Efeito glow em itens do hi5:
Codigo:
Codigo:
- Código:
<style type="text/css">
#user-links {line-height: 7px;}
#user-links {height: 100px; width:250px;}
#user-links {position: relative; right: -150px; top:-125px;}
#user-links img {display: none}
#user-links a {text-decoration:none !important;}
#user-links a {font-family:century gothic !important;}
#user-links a {font-size: 9px !important;}
#abuse-links {display:none !important;}
</style>
Agrupar os user links (amontuados)
Codigo:
- Código:
<style type="text/css">
div table tbody tr td a.navbar, div table tbody tr td form input,
div table tbody tr td a img, div table tbody tr td div a {visibility: visible !important; display: inline !important;}
a, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited{font-size:8pt;font-weight:bold;text-decoration:none;font-style:normal;font-family:trebuchet ms,Verdana,arial,verdana,sans-serif;}
a:hover, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.searchlinkSmall:hover, a.searchlinkSmall:active{font-size:8pt;font-weight:bold;text-decoration:underline ;font-style:normal;font-family:trebuchet ms,Verdana,arial,verdana,sans-serif;}
</style>
Colocar os user links na vertical:
Codigo:
- Código:
<style type="text/css">
#primenu li a {position:relative; top: -2em!; left:-2em!;}
#primenu li a{font-size:8px; text-indent:em!important; color:#ff0000;
font-weight: bold; border:0px solid #FF0000; width:50px; height:16px;
text-align:center; background-color:# 000000;}
#primenu {width:50px; position:relative; top:4em; left:48em;}
</style>
Substituir o ícones dos user-links por outras imagens
Codigo:
- Código:
<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"
Codigo:
- Código:
<style type="text/css">#picture-links A {
DISPLAY: list-item; LIST-STYLE-POSITION: inside; LIST-STYLE-IMAGE: url(URL DO ICONE)
} </style>
Capitalizar primeira letra dos user-links
Codigo:
- Código:
<style type="text/css">
#user-picture { text-align: center; width:160px; height: 100px; }
#user-links :first-letter {color:#F96300;font-size:20px;!important}
#user-links img {display: none;}
</style>
Meter uma img au lado do 'picture-links'
Codigo:
- Código:
<style type="text/css">
#picture-links { list-style: url( URL DA IMAGEM ) inside; display: list-item; }
</style>
Personalizar os user-links
Codigo:
- Código:
<style type="text/css">
#user-links {height:100px; overflow: auto;}
#user-links a {background-color: #FF0000; text-align:center;
border-top:2px solid #000000; border-left:2px solid #000000;
border-bottom:2px solid #000000;border-right:2px solid #000000;
margin-bottom:5px;}
</style>
Mudar a cor do 'name' do 'my profile' e das 'visitas' com cores difrentes:
Codigo:
- Código:
<style type="text/css">
#profile-name strong { color:#FFF000; !important; }
#profile-name span { color:#0008FF; !important; }
.section-name {color:#00CC00 !important; }
</style>
Efeito glow em itens do hi5:
Codigo:
- Código:
<style type="text/css">
#ITEM {filter:progid:DXImageTransform.Microsoft.Glow
(color=#FF0000,strength=5);}
</style>
Susanne- J&B Espetacular
- Mensagens : 998
Data de inscrição : 10/06/2009
Idade : 30
Localização : Terra :o
Susanne- J&B Espetacular
- Mensagens : 998
Data de inscrição : 10/06/2009
Idade : 30
Localização : Terra :o
sue- J&B Avançado
- Mensagens : 398
Data de inscrição : 09/07/2009
Idade : 31
Localização : montijo
Susanne- J&B Espetacular
- Mensagens : 998
Data de inscrição : 10/06/2009
Idade : 30
Localização : Terra :o
MarianaM- J&B Espetacular
- Mensagens : 842
Data de inscrição : 27/06/2009
Idade : 30
Localização : Casa amarela xD
Susanne- J&B Espetacular
- Mensagens : 998
Data de inscrição : 10/06/2009
Idade : 30
Localização : Terra :o
MarianaM- J&B Espetacular
- Mensagens : 842
Data de inscrição : 27/06/2009
Idade : 30
Localização : Casa amarela xD
Re: [Hi5] Personalizar por completo os 'user-links'
Susanne escreveu:Obrigada Sue
De nada
sue- J&B Avançado
- Mensagens : 398
Data de inscrição : 09/07/2009
Idade : 31
Localização : montijo
Re: [Hi5] Personalizar por completo os 'user-links'
Bom post Susanne
joanamarques- J&B Iniçiado
- Mensagens : 93
Data de inscrição : 15/07/2009
Idade : 28
Localização : descobre =)
Susanne- J&B Espetacular
- Mensagens : 998
Data de inscrição : 10/06/2009
Idade : 30
Localização : Terra :o
Re: [Hi5] Personalizar por completo os 'user-links'
de nadaa bébé =D
joanamarques- J&B Iniçiado
- Mensagens : 93
Data de inscrição : 15/07/2009
Idade : 28
Localização : descobre =)
Tópicos semelhantes
» [video] dragonball z a saga do secador de cabelo (completo)
» [hi5] Personalizar o texto
» [Tutorial] personalizar caixas de texto (box)
» [Tutorial] Personalizar perfil (novos codigos)
» [hi5] tirar sublinhado dos links
» [hi5] Personalizar o texto
» [Tutorial] personalizar caixas de texto (box)
» [Tutorial] Personalizar perfil (novos codigos)
» [hi5] tirar sublinhado dos links
J&B :: Tecnologia :: Hi5 :: Tutoriais & Dias
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos