|
|
|
| WebTuga - Comunidade Nacional Web 2.0 | |
| Ver mensagem anterior :: Ver mensagem seguinte |
| Autor |
Mensagem |
Punkecas
Special user
Idade: 20
Registrado em: 13 Fev 2008
Especificação:
Mensagens: 61
Local/Origem: Viseu
|
 Colocada: Qua Mai 21, 2008 7:42 pm Assunto: [Hi5] Codigos para Personalizar Hi5 (new codes) By: PunkeCas |
 |
|
Alterar a cor das estatísticas, neste caso para vermelho
| Código: | | <style type="text/css"> .vanity-bar div div {background: #FF0000 !important;} </style> |
Substituir as barras das estatísticas por uma imagem ou gif
| Código: | | <style type="text/css"> .vanity-bar div div {background:url(URL DA IMAGEM) !important;} </style> |
Colocar imagem na barra do nome e visitas
| Código: | <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
| Código: | <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
| 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"
| Código: |
<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)
| Código: | | <a href="LINK DE DESTINO">NOME QUE APARECE</a> |
Criar hiperligações (com imagem)
| Código: | | <a href="LINK DE DESTINO"><img width="80" height="80" src="URL DA IMAGEM"></a> |
Colocar imagem de fundo (exemplo á direita)
| Código: | <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
| Código: | <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
| Código: | | <style type="text/css">.comment-text{font-face: Comic Sans;} </style> |
Trocar as Colunas
| Código: | | <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 )
| Código: | | <style type="text/css">#comments { height: 300px; overflow: auto;}</style> |
Alterar a Cor da letra Comentários:
| Código: | | <style type="text/css">.comment-text {color: CÓDIGO_DA_COR;} </style> |
Alterar o atmanho da letra dos Comentários:
| Código: | | <style type="text/css">.comment-text {font-size: 20px ;} </style> |
Alterar o tipo de letra dos Comentários:
| Código: | | <style type="text/css">.comment-text { font-family:Tempus Sans ITC ;} </style> |
Centrar Perfil
| Código: | | <style type="text/css">#content-left { padding-left:250px; padding-right:250px; } <style> |
Alargar table do about me
| Código: | | <style type="text/css"> #content-left, #col1 { width: 600px; padding-left: 0px;} </style> |
Aumentar a #user-picture
| Código: |
<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
| Código: | | <style type="text/css">#lifestyle .bg_title { display: none; }</style> |
Apagar titulo que diz Sobre mim
| Código: | <style type="text/css">#lifestyle .box_profile_info_small_heading
{ display: none; }</style> |
Apagar titulo dos comentários:
| Código: | | <style type="text/css">#comments .bg_title { display: none; }</style> |
Retirar icons dos user-links:
| Código: | | <style type="text/css"> #user-links img {display:none;} </style> |
Centrar aquilo que está debaixo do nome e visitas
| Código: | | <style type="text/css">#profile-nav {text-align: center;} </style> |
Centrar nome/visitas:
| Código: | | <style type="text/css">#profile-name {text-align: center;} </style> |
Centrar a foto do user:
| Código: | | <style type="text/css">#user-picture { padding-left:250px; padding-right:250px; } <style> |
Alterar a cor da barra de scroll
| Código: | <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:
| Código: | | <style type="text/css"> #local {border: ESPESURApx TIPO DE BORDER COR HTML;} </style> |
Exemplo:
| Código: | | <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
| Código: | | <style type="text/css">#profile-name {color:CÓDIGO DA COR QUE QUERES;}</style> |
Alterar a cor de fundo da mesma barra (transparente)
| Código: | | <style type="text/css"> #profile-name {background: transparent;}</style> |
Alterar a cor de fundo da mesma barra (ex: vermelho)
| Código: | | <style type="text/css">#profile-name { background-color: #FF0000;} </style> |
(tambem funciona para a #profile-nav)
Tag "fieldset"
| Código: |
<fieldset>
TEXTO
</fielsset>
|
Tag "textarea"
| Código: |
<textarea>
TEXTO
</textarea>
|
Criar Hiperligações:
Adicionar:
| Código: | <a
href="http://www.hi5.com/friend/profile/enforceFriendRequestSecurity.do?userid=ID DO VOSSO HI5 ">(ADD) </a>
|
Fotos:
| Código: | <a
href="http://www.hi5.com/friend/photos/displayMyPhoto.do?ownerId=ID DO VOSSO HI5 ">(Fotos) </a>
|
Comentários ao perfil:
| Código: | <a
href="http://www.hi5.com/friend/book/displaySignBook.do?userid=ID DO VOSSO HI5 ">(Comenta)</a>
|
Fives:
| Código: | <a href="http://www.hi5.com/friend/fives/displayAddUserFive.do?userid=ID DO VOSSO HI5 "> (Fives)</a>
|
Mensagens:
| Código: | | <a href="http://www.hi5.com/friend/mail/displayComposeMail.do?toIds=ID DO VOSSO HI5 ">Mensagens </a> |
Recortes:
| Código: | | <a href="http://www.hi5.com/friend/profile/displayScrapbook.do?userid=ID DO VOSSO HI5 ">(Recortes)</a> |
Favoritos:
| Código: | | <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:
| Código: |
<style type="text/css"> BODY{ cursor: crosshair; }</style>
|
By: PunkeCas
Em construção! mais novos codes serao aqui postados |
|
| Voltar ao topo |
|
Frutol
member
Idade: 18
Registrado em: 07 Fev 2008
Especificação:
Mensagens: 12
|
| Colocada: Qui Ago 21, 2008 9:36 pm Assunto: |
|
|
vou por mais um que podes adicionar
Colocar duas cores onde diz: | Citação: | | "Vosso nome" :: O meu perfil (392 visitas) |
exemplo:
| Citação: |
#profile-name{color: black;
background-: transparent;
text-align: right;}
strong {color: gold;}
|
neste caso também vai alinhar o texto a direita
--
NOTA: não sei se ja fou postado, mas decido colocar pelo sim pelo não |
|
| Voltar ao topo |
|
Punkecas
Special user
Idade: 20
Registrado em: 13 Fev 2008
Especificação:
Mensagens: 61
Local/Origem: Viseu
|
| Colocada: Qui Ago 21, 2008 11:10 pm Assunto: |
|
|
| Frutol escreveu: | vou por mais um que podes adicionar
Colocar duas cores onde diz: | Citação: | | "Vosso nome" :: O meu perfil (392 visitas) |
exemplo:
| Citação: |
#profile-name{color: black;
background-: transparent;
text-align: right;}
strong {color: gold;}
|
neste caso também vai alinhar o texto a direita
--
NOTA: não sei se ja fou postado, mas decido colocar pelo sim pelo não |
está publicado em cima um codigo css q diz:
| Código: | :
<style type="text/css">#profile-nav {text-align: center;} </style>
|
qq pessoa com dois dedos de testa sabe q center quer dizer meio, também sabe escrever esquerda e direita em ingles, se nao souber existe uma ferramanta mt boa no gogle q as auxilia:D
os nomes das barras estão no tutorial acerca das ocultacçes xD
d qq forma agradeço o teu contributo  |
|
| Voltar ao topo |
|
|
|
|
|
Neste fórum, você Não pode colocar mensagens novas
Não pode responder a mensagens
Não pode editar as suas mensagens
Não pode remover as suas mensagens
Você Não pode votar neste fórum
|
|
 |
 |
Powered by phpBB © 2001, 2002 phpBB Group
iCGstation v1.0 Template By Ray © 2003, 2004 iOptional
|
 |
| |
