Página Inicial Data de criação : 08/08/03 Última actualização : 08/08/03 01:52 / 8 Artigos publicados
 

mais codigos (novo)  Inserido Sunday 03 August 2008 01:52

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)


Alterar Tag "fieldset"

1º crias o id para a tag fieldset

Código:
<fieldset id="PunkecasFieldset">

TEXTO/OUTRAS M***S

</fieldset>


2º crias o Css e atribuis as caracteristicas desejadas

Código:
<style type="text/css"> #PunkecasFieldset  {border: ESPESURApx TIPO DE BORDER #COR;}</style>


exemplo de um Css

Código:
<style type="text/css"> #PunkecasFieldset  {border: 4px solid #FF0000;}</style>


solid é um tipo de border...existem mts mais, entre eles o dotted, dashed, inset, outset...



Criar zonas de Texto/outras coisas oculto

parte CSS

Código:
<style type="text/css">a span{display:none;} a:hover span {display: block;} </style>



parte HTML

Código:




Como usar uma tag "textarea"

Parte CSS:

Código:
<style type='text/css'>#Punkecas { width: 300px; height: 50px; overflow: auto; }</style>


Parte HTML:

Código:
<textarea name="Punkecas" cols="0" rows="0" id="Punkecas">

TEXTO

</textarea>


com este "code" têm a possibilidade de alterar a altura, a largura, e o numero de fileiras desta tag


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>
Partager

Adicione um comentário !

(Facultativo)

(Facultativo)

error

Atenção, os comentários insultuosos, racistas, etc. são proibidos neste site.
Se alguma queixa for apresentada, utilizaremos o seu IP (38.107.191.115) para o identificar.     

Todos os comentários feitos ao artigo :
mais codigos (novo)

  • A D S ' mailto

    Sun 07 Feb 2010 20:38

    Podias.me mandar códigos fixes para o meu mail pf...

  • mailto

    Thu 04 Feb 2010 18:35

    afinal sempre há codigos ?!

  • Cáá'q mailto

    Thu 04 Feb 2010 17:14

    porfavor podem mandar os codigOs para o meu email?

  • j mailto

    Tue 02 Feb 2010 23:43

    kero um coisa fixe para o meu hi5

  • baby girl mailto

    Tue 02 Feb 2010 10:14

    podes me dar os codigos

  • Xavier'Gomes mailto

    Fri 29 Jan 2010 10:34

    ha codigos que actuem no hi5 beta ??

    se sim...puderiam me dizer onde encontra los ??

    obrigado..

  • ... mailto

    Wed 20 Jan 2010 16:46

    Olá eu qeria saber como se mete a foto do sobre mim peqena ... se tiverem respostas falem no meu mail : neh_11@hotmail.com ^^

  • Ana Catarina

    Mon 18 Jan 2010 21:50

    http://moreimha.hi5.com
    Visitem

  • pedro

    Wed 06 Jan 2010 05:00

    calisto_15@hotmail.com

  • pedro mailto

    Wed 06 Jan 2010 04:57

    estes codicos nao dao para este novo hi5...