[Hi5] Códigos para o Hi5

[Punkecas]

TENHO BASTANTES DUVIDAAAAS!


1)como e\\' qe eu tiro aqela cena branca qe aparece a volta do meu hi5 ??
http://www.hi5.com/friend/profile/displayS...userid=50308422

2) Como e\\' qe se muda o tipo de letra do qe escrevo no sobre mim ?

3) Como tiro a caixa do sobre mim ?

4) Neste hi5 http://hi5.com/friend/109298890--In--Profile-html como e\\' qe ela consegue:
-alinhar o texto ao centro
-alinhar o texto a direita
-alinhar o texto a esquerda

5) Neste hi5 http://www.hi5.com/friend/profile/displayP...serid=124681294 como e\\' qe ela consegue:
- escrever em cima aqilo a dizer "welcome" e "imperfeiçao"
- como e\\' qe ela risca a parte do "im"
- como e\\' qe consegue escrever "Be original " na diagonal ?



Obrigado

Mudar tipo d letra:

<font face="Arial " size="1" color="#FFFFFF">

Remover caixa do sobre mim:

<style type="text/css"> #lifestyle {display:none;}</style>


Alinhar texto:

Texto a esquerda:

<P align="left">
Texto á direita:

<P align="right">
Texto ao centro:

<P align="center">

[Punkecas]

Código Base:     
<style type="text/css"> #secção a ocultar{display:none;} </style>   


exemplo para esconder as actualizacoes:
<style type="text/css"> #recent-updates {display:none;} </style>

[Punkecas]

Codigos para personalizar texto


Alterar Tipo, Cor e Tamanho


Codigo base:
<font face="TIPO DE LETRA" size="TAMANHO DA LETRA" color="COR DA LETRA">TEXTO</font>

exemplo:
<font face="Arial" size="5" color="#FF0000">TEXTO</font>


Codigos das cores:
http://www.w3schools.com/HTML/html_colornames.asp


Texto em negrito:
TEXTO  ou  TEXTO

Texto sublinhado:
TEXTO

Texto em italico:
TEXTO

Texto rasurado:
texto

Texto reduzido:
<tt>TEXTO</tt>


Alinhar texto:

Alinhar ao centro:
<p align=center>TEXTO</font>   ou  <center>TEXTO</center>

Alinhar á esquerda:
<p align=left>TEXTO</font>

Alinhar á direita:
<p align=right>TEXTO</font>

Justificar o texto:
<p align=justify>TEXTO</font>


Criar efeito "hover" num link com texto:

<style type="text/css">
.class1 A:link {text-decoration: none}
.class1 A:visited {text-decoration: none}
.class1 A:active {text-decoration: none}
.class1 A:hover {text-decoration: underline; color:#FF0000; font-size: 30px; }
</style>

<span class="class1">
<a href= "URL DO LINK">PALAVRA/FRASE QUE QUERESM QUE APARECA</a>
</span>


Colocar Texto em "paineis animados"


Texto a deslizar (da esqerda para a dirieta)
<marquee direction="right">TEXTO</marquee></a>

Texto a deslizar ( da dirieta para a esqerda )
<marquee direction="left">TEXTO</marquee></a>

Texto a deslizar ( alternado na horizontal)
<marquee behavior="alternate">TEXTO</marquee></a>

Texto a deslizar ( de cima para baixo )
<marquee direction="down">TEXTO</marquee></a>

Texto a deslizar ( de baixo para cima )
<marquee direction="up">TEXTO</marquee></a>

Texto a deslizar ( alternado na vertical)
<marquee direction="up" behavior="alternate">TEXTO</marquee></a>

Texto a deslizar, com border colorido (exemplo: da esquerda para a direita com border vermelho, #FF0000)
<marquee style="border:#FF0000 2px SOLID">TEXTO</marquee></a>

Texto a deslizar, com fundo vermelho (exemplo: da esquerda para a direita com fundo vermelho, #FF0000 e letra branca, #FFFFFF)
<font color="#FFFFFF"><marquee direction="left" style="background:#FF0000">TEXTO</marquee></font></a>
            
Texto em Zig-Zag(da esquerda para a direita)
<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right">TEXTO</marquee></marquee></a>

Texto em Zig-Zag alternado (da esquerda para a direita)
<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right" behavior="alternate">TEXTO</marquee></marquee></a>
   
Texto em "onda"
<marquee behavior=alternate direction=up scrollamount=2 scrolldelay=65 height=80 style="Text-align;filter:wave(add=0,phase=1, freq=1,strength=15,color=.FFFFFF)"><center>ONDA 1
ONDA 2</center></marquee></a>

Texto a "desaparecer" (alternado)
<marquee behavior="alternate"><marquee width="150">TEXTO</marquee></marquee></a>
         

Ajustar velocidade da passagem do texto:

adicionar ao "code"  ...scrollamount="1" ... e alterar o numero consuante a velocidade q pretendem

exemplo:

<marquee scrollamount="1" direction="up" behavior="scroll">TEXTO</marquee>


Colocar Texto em "caixa" drop down

<select>
<option>TEXTO</option>
<option>TEXTO</option>
<option>TEXTO</option>
<option>TEXTO</option>
<option>TEXTO</option>
</select>






em construção

[Punkecas]

Alterar a cor das estatísticas, neste caso para vermelho

Code Select Expand

Substituir as barras das estatísticas por uma imagem ou gif

Code Select Expand

Colocar imagem na barra do nome e visitas

Code Select Expand

Substituir o ícone de online por outra imagem

Code Select Expand

Substituir o ícones dos user-links por outras imagens

Code Select Expand




Adicionar icone ao "Picture-links"

Code Select Expand




Criar hiperligações (com texto)

Code Select Expand

NOME QUE APARECE


Criar hiperligações (com imagem)

Code Select Expand

Colocar imagem de fundo (exemplo á direita)

Code Select Expand

Reposicionar itens

Code Select Expand

(ver o nome dos "ITENS" no tutorial sobre Ocultar itens)

Tipo de letra dos comentários

Code Select Expand

Trocar as Colunas

Code Select Expand

(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 )

Code Select Expand

Alterar a Cor da letra Comentários:

Code Select Expand

Alterar o atmanho da letra dos Comentários:

Code Select Expand

Alterar o tipo de letra dos Comentários:

Code Select Expand

Centrar Perfil

Code Select Expand

Aumentar a #user-picture

Code Select Expand





Apagar o titulo do Estilo de vida

Code Select Expand

Apagar titulo que diz Sobre mim

Code Select Expand

Apagar titulo dos comentários:

Code Select Expand

Retirar icons dos user-links:

Code Select Expand

Centrar aquilo que está debaixo do nome e visitas

Code Select Expand

Centrar nome/visitas:

Code Select Expand

Centrar a foto do user:

Code Select Expand

(html, body) no sitio da barra aletra a cor de todos os scrolls


alterar os borders (linhas)

Code base:

Code Select Expand

Exemplo:

Code Select Expand

Alterar a cor das letras da barra que tem o nome e número de visitas

Code Select Expand

Alterar a cor de fundo da mesma barra (transparente)

Code Select Expand

Alterar a cor de fundo da mesma barra (ex: vermelho)

Code Select Expand

(tambem funciona para a #profile-nav)


Tag "fieldset"

Code Select Expand








TEXTO







Tag "textarea"

Code Select Expand


<br><br><br><br>TEXTO <br><br><br><br>


Criar Hiperligações:

Adicionar:

Code Select Expand


href="http://www.hi5.com/friend/profile/enforceFriendRequestSecurity.do?userid=ID DO VOSSO HI5 ">(ADD)
Fotos:

Code Select Expand


href="http://www.hi5.com/friend/photos/displayMyPhoto.do?ownerId=ID DO VOSSO HI5 ">(Fotos)
Comentários ao perfil:

Code Select Expand


href="http://www.hi5.com/friend/book/displaySignBook.do?userid=ID DO VOSSO HI5 ">(Comenta)
Fives:

Code Select Expand

(Fives)
Mensagens:

Code Select Expand

Mensagens
Recortes:

Code Select Expand

(Recortes)
Favoritos:

Code Select Expand

(Favoritos)


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:

Code Select Expand






By: PunkeCas






Em construção! mais novos codes serao aqui postados

[Punkecas]

Tutorial sobre como colocar uma imagem de fundo no hi5, ocupando a pagina toda

para se fazer isto é fundamental que a resolução da imagem seja aproximadamente de 1300x880...(msm com esta resolução, a imagem pode não ocupar o fundo todo, dependendo isto da resolução usada no monitor de cada pessoa)

1Ã,ª forma

usar o seguinte "code"

Code Select Expand






Para criarem o "endereço url" necessário, tem de fazer o upload da imagem para sites de armazenamento (eu uso este www.photobucket.com)


2Ã,ª Forma (100% eficaz)

criam uma skin (mascara) e fazem o upload de imagem para o background (fundo)

1Ã,º vão a este link

http://www.hi5.com/friend/account/displayChooseSkin.do

2Ã,º clicam em "make a profile skin" ("criar uma mascara")

3Ã,º atribuem um nome á skin

4Ã,º fazem o upload da imagem para onde diz "Page backgound" ("fundo da pagina")



5Ã,º clicam em "Save" ("guardar")



6Ã,º vão a este link


http://www.hi5.com/friend/account/displayC...in.do?filter=my



e clicam em "use skin" ("usar mascar")


mais simples que isto é impossível :3:

[Anuzie17]

Como é que se põe o sobre mim como o deste Hi5 ?

http://www.hi5.com/friend/profile/displayP...userid=97789989

Obrigada (:

[Nesita]

Ola a todos!!

Estava farta de ter o meu hi5 simples e então pus-me a modificá-lo de modo a ficar parecido com este: kikky-kaulitz.hi5.com    Será k me podem ajudar??    

Obrigada.

[Anuzie17]

Olá...

Eu quando fasso uma mascará o fundo do sobre mim fica transparente eu queriia saber como é que se fa para ele ficar com uma cor....

Agradecia uma resposta (:  :boa:

[Aff]

Como é que se põe o sobre mim como o deste Hi5 ?

http://www.hi5.com/friend/profile/displayP...userid=97789989

Obrigada (:

muito bem, queres meter o sobre mim no meio, certo? tenta este codigo:
<style type="text/css">
#lifestyle { width: 560px; }
#content-left { padding-left:70px; }
#content-right {display:none;}</style>

[Punkecas]

Olá...

Eu quando fasso uma mascará o fundo do sobre mim fica transparente eu queriia saber como é que se fa para ele ficar com uma cor....

Agradecia uma resposta (:  :boa:

na skin ha uma zona onde adicionas o background a essas secoes, apenas tens de colocar lá o codigo html da cor q queres

ex: #FFF000

[Anuska'zinha]

http://www.hi5.com/friend/profile/displayS...userid=50308422

ponho o fundo mas nao aparece, devo tar algum codigo mal :S

podem-me ajudar ?

[Punkecas]

http://www.hi5.com/friend/profile/displayS...userid=50308422

ponho o fundo mas nao aparece, devo tar algum codigo mal :S

podem-me ajudar ?

ve o tutorial sobre como colocar uma imagem de fundo

[Anuska'zinha]

http://www.hi5.com/friend/profile/displayS...userid=50308422

ponho o fundo mas nao aparece, devo tar algum codigo mal :S

podem-me ajudar ?

ve o tutorial sobre como colocar uma imagem de fundo

nao~ é isso ! eu sei colocar uma imagem de fundo e inclusivé ja coloquei varias vezes...
o problema é que agora quando ponho a imagem de fundo ela simplesmente nao aparece!
e nao é problema da imagem pois ja tentei com varias!

[Punkecas]

Ocultar nova m*rda q o hi5 adicionou  

Code Select Expand



I rock

[Punkecas]

http://www.hi5.com/friend/profile/displayS...userid=50308422

ponho o fundo mas nao aparece, devo tar algum codigo mal :S

podem-me ajudar ?

ve o tutorial sobre como colocar uma imagem de fundo

nao~ é isso ! eu sei colocar uma imagem de fundo e inclusivé ja coloquei varias vezes...
o problema é que agora quando ponho a imagem de fundo ela simplesmente nao aparece!
e nao é problema da imagem pois ja tentei com varias!

se ja leste o tutorials e tentaste colocar o fundo usando as duas formas q eu descrevi o mais porvabel e teres ai algum CSS q está a atribuir a cor white /#000000 ao fundo

[wolffight]

alguem me consegue dizer os codigos para por o meu hi5 tipo como este :http://www.hi5.com/friend/profile/displayProfile.do?userid=144882312

mas com o fundo preto as letras brancas e sem ter akela merda do exit codigos hi5 e nr de pessoas que estao a ver o hi5 dele?

e com a musica dos cold play - violet hill

o meu ta assim

http://www.hi5.com/friend/profile/displayS...userid=33839298

tou farto de tentar mas nao consigo meto os codigos das hiperligaçoes etc e nd se altera

[Silva_]

Boa Tarde a todos.

o meu hi5 é este: http://chessleo.hi5.com

gostava de ficar com o hi5 assim se possível: http://i260.photobucket.com/albums/ii11/Si...nthi5futuro.jpg

 vê se me ajudam, obrigado :/

[Aff]

Boa Tarde a todos.

o meu hi5 é este: http://chessleo.hi5.com

gostava de ficar com o hi5 assim se possível: http://i260.photobucket.com/albums/ii11/Si...nthi5futuro.jpg

 vê se me ajudam, obrigado :/

nao existem codigos pra ocultar o indice de \\'amigos\\', e \\'ver todos os amigos\\'... o que provavelmente ja viste por ai, sao simples imagens com hiperligaçoes, como tenho por exemplo no meu hi5.
Para centrares o perfil basta leres as respostas aqui no forum, pq ja foi respondido.

[AnaABrito]

Ola!
Eu gostava de saber se existe alguma maneira de colocar um ficheiro flash no hi5 . Se houver qual é

[Punkecas]

Ola!
Eu gostava de saber se existe alguma maneira de colocar um ficheiro flash no hi5 . Se houver qual é  

fazes o upload do .swf para um site tipo o boxstr e colas o embed q aquilo cria no teu hi5