[Resolvido] Projectoo para u hi5 :'D

Gostavaa de ter o hi5 assim :

https://2img.net/r/ihimizer/img132/5232/hi5jf.jpg

Mas em ves dos comentarios keria os interesses :'D

Esperoo ke me posam ajudaar

o que queres pôr no fundo?
Como queres os user-links?

keruu estaa foto de fundoo -> https://2img.net/h/i296.photobucket.com/albums/mm172/amtana/baKvwv963333-02-1.jpg


os user links e pra fiqarem como tao lá na imagem x'D

Já o estou a fazer.
Não tens uma imagem de fundo maior?

Ok, ja está.
Espero que seja aquilo que queres, se faltar alguma coisa avisa.

Código:

<style type="text/css">
#info-topmid, #info-topleft, #info-topright, .p_clear, #info-botleft, #info-botmid, #info-botright, #flashad { display: none; }
#info {border: 0px ;}
</style>
<style type="text/css"> .emptyProfileInfo { display: none; } * { border: 0px !important; }    </style>
<style>
#game_bar,#google_flash_div,
div.hi5-common-header-banner-ad,#profile-name, #profile-nav,#hi5-common-header-banner,#about-right iframe,#about-right object,#about-right img, #footer, iframe,#info-link,#info-topleft,#info-topmid,#info-topright,#info-botmid,#iframe, #about-right iframe,#about-right object,#about-right img, #gamesModule,#xabout-left span,#abuse-links,#groups,#user-fives,#apps,#recent-updates,#photoAlbums,#comments,.emptyProfileInfo,#friends,#gifts,#widgets,#footer, iframe,#info-botright,#info-botleft, #user-info, .info-box, #todays-topic, #vanity-bars, #user-url{display:none} #info{border:none}
#lifestyle{ position:fixed; bottom:500px; left:430px;}
#interests{ position:absolute; bottom:300px; left:800px;}
#about-right {
background-image:url(Url de la imagen si esque deseas);
background-position:bottom center;
background-repeat:no-repeat; }
</style>


<style>
#user-links  {width:900px ; position:fixed; bottom:40px; left:128px; center:0px;z-index:8 !important; background-color:#000000; width:200% !important; opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5;}
#user-links:hover {opacity:1.0;filter:alpha(opacity=100);-moz-opacity:1.0;}
#user-links a {float:left; margin-left:43px;}
#hi5-common-header {display:none;}
</style>

texto
texto
texto
texto
texto
texto
texto
texto
texto

Código:

<style type="text/css">
#info-topmid, #info-topleft, #info-topright, .p_clear, #info-botleft, #info-botmid, #info-botright, #flashad { display: none; }
#info {border: 0px ;}
</style>
<style type="text/css">
#user-picture { text-align: center; dispaly: block; background-image:url(http://blogs.seattleweekly.com/threadcount/MYSTERY-HERO-SEXY-ADULT-MED_LG_ua83123.jpg); background-repeat: no-repeat; background-position: center;}
#user-picture a, div #user-picture { width:250px; height: 315px; }
#user-picture a img {visibility:hidden;}
#user-picture a { display: block; }
</style>

<style type='text/css'>#user-details { border: none; }<style type='text/css'>#profile-nav a {  color: #035644; } .section h4 {  font-family: Arial; } body {  background-color: Black; background-image: url( http://i296.photobucket.com/albums/mm172/amtana/baKvwv963333-02-1.jpg); </style>


#user-picture a { display: block; }
</style>

Nota:
A imagem é pequena (horizontalmente), portanto não preenche todo o ecrã.
Se vires o perfil através da tua conta pode-te parecer que o sobre mim e o interesse não estão alinhados, mas se carregares em "ver como outro" poderás perceber que estes estão direitos.

Alguma coisa, contacta-me xD

Obrigadaa ^^

Há tmbem keria saber kual e o cod pa por bordas nos user-links mas em cada palavra .. Sabees ?

Por tipo uma "caixa" em volta de cada user-link?

yhéé

Com esse código que está no projecto do hi5 que pediste, não sei se dá.
Tenho de ver.

Okaay :'p

Código:

<style type='text/css'>#user-links {height:200px; overflow:auto ;}
#user-links a {background-color: #FFFFFF; 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:3px;}
</style>

OU:

Código:

<style type='text/css'>#user-links {height:200px; overflow:auto ;}
#user-links a {background-color: #000000; text-align:center;
border-top:2px solid #FFFFFF; border-left:2px solid #FFFFFF;
border-bottom:2px solid #FFFFFF;border-right:2px solid #FFFFFF;
margin-bottom:3px;}
</style>

Basta mudar as cores, conforme aquilo que quiseres

Obrigadaaaaaaaa ^^

Sempre às ordens. ^^