Tópico: [Hi5] Tiaguito

[tiaguito69]

BoAS gostaria de saber com fazer para ter um hi5 como este?
http://ruirato.hi5.com/friend/p25501968--R+a+T+o--html

meu hi5 :http://69tiaguito.hi5.com

[PTthe13]

Se queres que te diga... não te posso ajudar a 100% pk não tenho hi5, dai não tenho maneira de confirmar o que estou a dizer...

Mas se bem me lembro quando tive k ajudar a minha namorada a configurar o dela, existe um menu ou uma opção qualquer que depois tem varias opções onde tu escolhes backgrounds / cores / tipos de letra etc...

Procura um bocado que encontras isso

[KTachyon]

Em primeiro lugar, o tópico devia ter tag, segundo as regras.

Em segundo lugar, o perfil que tencionas copiar nem aparece bem no meu browser, ou seja não segue os standards, está mal feito. Por outro lado, a forma correcta de o fazer nem é muito complicada...

(Para colocar em http://www.hi5.com/friend/account/displayE...stomization.do)

Retirar fundo do Hi5:

Código: [Seleccione]

.bg_content { background-color: transparent; }
Definir fundo:

Código: [Seleccione]

body {
   background-image: url(endereço da imagem de fundo);
   background-color: #000000;
}
Eliminar a 2ª coluna por completo (o que falta no profile que referiste para ficar correcto):

Código: [Seleccione]

#content-right, #col2 {
   width: 0px;
   display: none;
}
Centrar a primeira coluna (na verdade só estou a centrar as caixas de informação de todas as secções - existem várias formas de fazer isto):

Código: [Seleccione]

.section .content .box_profile_info_small_content {
   position: relative;
   left: 243px;
}
E agora é uma questão de eliminares tudo o que encontrares na coluna que não queres que apareça:

Código: [Seleccione]

#groups, #schools, #_schools, #widgets, #background, #friends, .profile-nav, #user-details, #recent-updates, #videos, #lifestyle .bg_title, #interests, #journalDetail, .box_profile_info_small_heading, .section-separator, .subsection-separator, .info-box, #col2, #end_sort_1, #p_nav_header, #apps { display: none; }
(Pode não estar completo, depende do que tiveres adicionado ao teu)

E, dá jeito retirar as bordas:

Código: [Seleccione]

#lifestyle .content, #interests .content, #p_nav_header { border: 0; }



Depois... colocas o teu conteúdo na zona do "Sobre Mim".

[tiaguito69]

Desde já o meu obrigado KhAoTiK_TaChYoN  por me responderes.
Peço desculpa pelo tópico não tar em tag, mas como sou novato por aqui ainda nao sei trabalhar bem com isto.
Em relação aos códigos que me arranjas-te estão todos 5* , ficando só por retirar o hi jogos , mas ja consegui retirar com códigos daqui.
Só tem um pequena coisa que nao me aparece como o referido hi5-http://ruirato.hi5.com/friend/p25501968--R+a+T+o--html ,
que é nao me aparecer as indicações para adiciona,five,comenta,fotos e mensagem como aparece nesse hi5.
Será possivel arranjar solução para isso?
Dese já o meu muito Obrigado

[KTachyon]

Pois, daí o meu comentário final:

Depois... colocas o teu conteúdo na zona do "Sobre Mim".

Basicamente tens que fazer os links para cada uma das coisas que queres meter:

Código: [Seleccione]

<a href="endereço_1">Texto 1</a>
<a href="endereço_2">Texto 2</a>
<a href="endereço_3">Texto 3</a>
...
No caso do perfil que indicaste o "Texto" são na verdade imagens, que têm que ser feitas e colocadas online e depois:

Código: [Seleccione]

<a href="endereço_1"><img src="endereço_imagem_1" /></a>
<a href="endereço_2"><img src="endereço_imagem_2" /></a>
<a href="endereço_3"><img src="endereço_imagem_3" /></a>
...

[tiaguito69]

Peço desculpa pela minha ignorancia mas queria uma ajuda como fazer as imagens?
È assim as imagens ja as fiz(powerpoint) e até já as coloquei,mas tem um problema quando coloca a imagem nao fica só as letras ,fica com o fundo a ver-se seja ele em preto,branco,qualquer cor.e eu queria que nao se vi-se a cor de fundo e fica-se só a anotar-se as letras.
talvez o powerpoint nao seja o mais adequado para fazer estas cenas,podias-me aconselhar o programa ou entao como fazer no powerpoint?
Desculpa lá a maçada

[KTachyon]

Epah, eu não sou designer, mas o que tens que fazer é criar as imagens com o fundo transparente, possívelmente com Photoshop ou um programa similar que permita criar imagens com transparências (alpha channel).