ClubeHi5.com

Olá pessoal, Como muita gente tem procurado códigos para o hi5 beta, vou colocar aqui como fazerem. O hi5 beta não mudou assim tanto. Apenas o código inicial é mais complexo, e as secções são diferentes. Desta forma deixo aqui um tutorial do perfil do clube hi5. Perfil: http://clubehi5.hi5.com Ocultações

Código: Seleccionar Todos

<!--["return false"]> <style type="text/css"> .pageLeaderAd {display:none;} #PageLeader {display:none;} #PageHeaderContainer {display:none;} #headerNameBg {display:none;} #about-left {display:none;} #about-center {display:none;} #about-right {display:none;} #recent-updates {display:none;} #profileGifts {display:none;} #friends {display:none;} #info-contact {display:none;} #interests {display:none;} #gamesModule {display:none;} #groups {display:none;} #photoAlbums {display:none;} #user-fives {display:none;} #widgets {display:none;} #comments {display:none;} #apps {display:none;} #PageFooterContainer {display:none;} #GamesToolbar {display:none;} </style> <![endif]-->

Centrar perfil e alargar sobre mim

Código: Seleccionar Todos

<!--["return false"]> <style type="text/css"> .box_profile_info_small_content { width:960px !important;} #content-left { width:960px; height:1200px !important;} #content-right {width:0px !important;} #lifestyle { width:960px; height:1200px !important;} </style> <![endif]-->

Menu com imagem

Código: Seleccionar Todos

<center> <p><img src="http://img70.imageshack.us/img70/518/barramenu.gif/" width="650" height="75" border="0" usemap="#Map" /> <map name="Map" id="Map"> <area shape="rect" coords="1,1,128,74" href="http://www.clubehi5.com"/> <area shape="rect" coords="132,2,258,74" href="http://hi5.com/friend/profile/enforceFriendRequestSecurity.do?userid=475432974&originURI=%2Fprofile%2FdisplayProfile.do%3Fuserid%3D475432974"/> <area shape="rect" coords="262,2,388,74" href="http://hi5.com/friend/f475432974--clube+Hi5--html"/> <area shape="rect" coords="392,2,518,74" href="http://www.clubehi5.com/forum/"/> <area shape="rect" coords="522,2,649,74" href="http://www.clubehi5.com"/> </map></p> </center>

Inserir flash

Código: Seleccionar Todos

<center><p><embed allowscriptaccess="never" allowaccess="always" src="http://fc07.deviantart.com/fs50/f/2009/320/9/f/Clubehi5s_by_vssf.swf" type="application/x-shockwave-flash" width=650" height="500"/></p> </center>

Inserir caixas de texto com menu

Código: Seleccionar Todos

<center> <p><a href="#ClubeHi5"> <font size="3"><b>[Hi5 Beta]</b></font> </a> <a href="#ClubeHi52"> <font size="3"><b>[Clube Hi5]</b></font> </a> <a href="#ClubeHi53"> <font size="3"><b>[Fórum]</b></font> </a> <a href="#ClubeHi54"> <font size="3"><b>[Manual]</b> </font></a> </div> <td valign="middle"> <div style="width: 650px; height: 150px; overflow-y: hidden;" class="structurediv"> <a name="ClubeHi5"> <div style="width: 650px; height: 300px; overflow: auto;" align="justify"> </a> <fieldset> <font face="comic Sans MS" color="#000000"><b>Boas Pessoal!<br><br> Como todos sabem, o hi5 beta veio estragar a personalização dos vossos perfis. Contudo, graças à revolta dos utilizadores, já é possível colocar códigos. Vejam como personalizar os vossos perfis no nosso site, e inscrevam-se para receber o manual de códigos actualizado para o beta!</b></font> </fieldset> </div> <a name="ClubeHi52"> <div style="width: 650px; height: 300px; overflow: auto;" align="justify"> </a> <fieldset> <font face="comic Sans MS" color="#000000"><b>Somos uma comunidade constituída por pessoas que curte personalizar o seu perfil. Porque todos nós somos diferentes, todos podemos ter um perfil à nossa maneira!Se és fã do hi5, junta-te a nós!<br><br> Se tens ideias, dúvidas ou conhecimentos que queiras partilhar, então junta-te a nós!</b></font> </fieldset> </div> <a name="ClubeHi53"> <div style="width: 650px; height: 300px; overflow: auto;" align="justify"> </a> <fieldset> <font face="comic Sans MS" color="#000000"><b>O Clube Hi5 não vive apenas de códigos. Embora muito da nossa actividade esteja focada no desenvolvimento de melhorias para a tua pagina, no fórum debatemos todo o tipo de coisas desde música, desporto, e muito mais!<br><br> De que estás a espera? Regista-te Já! </b></font> </fieldset> </div> <a name="ClubeHi54"> <div style="width: 650px; height: 300px; overflow: auto;" align="justify"> </a> <fieldset> <font face="comic Sans MS" color="#000000"><b>Pois é, devido à quantidade de informação útil que os nossos membros partilharam no fórum, decidimos criar um Manual Hi5 que compila todas as técnicas debatidas até então! Como as técnicas evoluem, o Manual está em constante actualização, e tu podes ajudar a melhora-lo participando no fórum! <br><br>Regista-te na nossa mailing list, e recebe o manual no teu email sempre que for lançada uma nova versão.</b></font> </fieldset> </div></div></td></tr></table></p> </center>

Nota importante: Os códigos foram todos colocados no menu sobre mim. Se repararem nos códigos, apenas mudou os das ocultações. Ou seja, a única mudança é nas secções. A partir daí tudo o resto é idêntico. Se tiverem dúvidas criem um tópico na secção códigos hi5.

Como muitos já repararam os fulanitos do hi5 voltaram a fazer das deles ao bloquear os códigos. Agora o que está a causar problemas é o código Return, que se andava a colocar para dar em todos os Browsers.

Pelo que fui lendo, o do IE funcionava, e em alguns casos em todos os browsers. (foi caso do meu). O grande senão é que para dar bem em todos, e preciso ter tudo oculto, e o perfil todo em html. Mesmo assim para quem quiser deixo aqui.

Código: Seleccionar Todos

<!--[if IE ]><body="return false">
<style>
#GamesToolbar {display: none }
#headerNameBg {display: none }
.pageLeaderAd {display: none }
#PageLeader {display: none }
#info-contact {display: none }
#PageFooterContainer {display: none }
#PageHeaderContainer {display: none }
a:outline {display: none }
#hi5-common-header {display:none;}
#hi5-common-header-banner {display:none;}
.hi5-common-header-banner-ad {display:none;}
iframe {display:none;}
#flashad {display:none;}
h1 {display:none;}
h2 {background: transparent !important; display:none;}
h4 {display:none;}
#comments {display: none; }
#comments .subsection{display:none;}
#profile-name {display:none;}
#profile-nav {display:none;}
#user-details {display:none;}
#recent-updates {display:none;}
#interests {display:none;}
#groups {display:none;}
#widgets {display:none;}
#footer {display:none;}
#gamesModule {display:none;}
#apps {display:none;}
#game_bar {display:none;}
#content-right {width: 0px; height: 0px;}
#gifts{display:none;}
#common-friends{display:none;}
#friends{display:none;}
#photoAlbums{display:none;}
#user-fives{display:none;}
.editorTop{display:none;}
.section-separator {display:none;}
.emptyProfileInfo {display:none;}
#abuse-links{display:none;}
.subsection-separator {display:none;}
#picture-links {display:none;}
.section-name {display:none;}</style>

Restantes codigos html .....


Não sei quanto tempo isto vai dar, visto que parece que os tipos do hi5 não estão muito virados para nos deixar personalizar o perfil...

Qualquer dia criamos nós um hi5 à nossa maneira. Se soubesse que o pessoal aderia, bem que o fazia haha

Antes de mais cedo a fonte de onde os vi. Os códigos são os mesmos, mas a tag inicial mudou, e penso que é importante referir quem fez este brilhante trabalho, porque passaram muito tempo nisso, e quem perceber um pouco de html entenderá o que digo.

Eu mesmo que tivesse tempo jamais tinha tido este trabalho todos, pois é muito puxado e eles passaram o tempo todo nisso, por isso obrigado ao Muka e a patriciaribeiro do forum fazganza.

Quanto à tag em sim. Agora é:

Código: Seleccionar Todos

<!--"ONSELECTSTART=
<style type="text/css">

códigos

</style>


Códigos já prontos para ocultar tudo:

Código: Seleccionar Todos

<!--"ONSELECTSTART=
<style type="text/css">
#PageHeaderContainer,#headerNameBg,#gamesModule,#groups,h1,h4,#apps,#recent-updates,#PageFooterAd,#PageFooterContainer,#info-contact,#user-details,#PageLeader,#PageLeaderAd,.pageLeaderAd,#widgets,
.emptyProfileInfo,#journalDetail,#im_chat_window,
#game_bar_padder,.section-separator,#GamesToolbar{display:none;}
#common-friends,#friends,#interests,#photoAlbums,#user-fives,#comments,#gifts{display:none;}
#p_center{background:transparent;}
h2{background:none;border:none;}
#content-left{position:absolute;top:3.5em;left:21.2em;}
body{
background-image: url(URL DA IMAGEM);
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
background-color: #000000;}
</style>


Códigos alternativos caso este não funcionem

Código: Seleccionar Todos


2º
CODIGO:

<!--"onselectstart="return false"
aqui os teus codigos


3º
CÓDIGO:
<!--"ondragstart="return false"
Aqui os teus codigos


4º
CÓDIGO:
<!--"onselectstart="return !enableOnSelectEvent">
Aqui os teus codigos


5º
CÓDIGO:
<!--"ONSELECTSTART=
aqui os codigos
<![endif]-->


6º
CÓDIGO:
<!--"ONSELECTSTART="http://Aqui o ur.hi5.com"--!>
aqui os teus codigos

<![endif]-->



AINDA SO PARA IE

CÓDIGO:
<!-->
<!--["hi5-Admin"]>
CODIGOS AQUI
<!--[Endif]>
<!-->


Mais uma vez, volto a refazer o agradecimentos a quem trabalhou tanto nisto.