Como "activar" os "códigos" no novo hi5 (10/12/2009)

[PunkeCas ®]

Este é um tutorial que vos vais explicar o que têm de fazer para poderem personalizar o vosso hi5.

Created by http://--drake--.hi5.com PunkeCas ®

<!-- BEGIN SMOWTION TAG - 728x90 - submundos: general - DO NOT MODIFY -->
<script type="text/javascript"><!--
smowtion_size = "728x90";
smowtion_section = "617780";
//-->
</script>
<script type="text/javascript"
src="http://ads.smowtion.com/ad.js">
</script>
<!-- END SMOWTION TAG - 728x90 - submundos: general - DO NOT MODIFY -->

Para isso basta colocarem no inicio de cada css ("código") isto:

Código: [Seleccione]

<!--["return false"]--!>

código aqui

<![endif]-->

<!--["return false"]--!>

código aqui

<![endif]-->

<!--["return false"]--!>

código aqui

<![endif]-->


ou simplesmente (útil para quem apenas quer deixar visível o sobre mim ou os interesses)

Código: [Seleccione]

<!--[if IE ]><body="return false">

Códigos aqui





Exemplo 1

Código: [Seleccione]

<!--["return false"]--!>
<style type="text/css"> #PageHeader-GlobalNav {display:none;} </style>

<!--["return false"]--!>
<style type="text/css"> .vanity-bar div div {background: #FF0000 !important;}
</style>

<!--["return false"]--!>
<style type="text/css">
.friend { height: 15px; }
.friend:hover { height: 100% !important; }
</style>

Exemplo 2

Código: [Seleccione]

<!--["return false"]--!>
<style type="text/css">
#PageHeader-GlobalNav {display:none;}
#PageHeader-Avatar {display:none;}
#PageHeader-UserInfo {display:none;}
</style>

Exemplo 3

Código: [Seleccione]

<!--[if IE ]><body="return false">

<style type="text/css"> #PageLeader, .pageLeaderAd {display:none;} </style>
<style type="text/css"> #PageHeaderContainer {display:none;} </style>
<style type="text/css"> #GamesToolbar {display:none;} </style>
<style type="text/css"> #PageFooterContainer {display:none;} </style>

....

Para o IE

Código: [Seleccione]

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

Códigos aqui

</style>
Exemplo:

Código: [Seleccione]

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

<style type="text/css"> #PageLeader, .pageLeaderAd {display:none;} </style>
<style type="text/css"> #PageHeaderContainer {display:none;} </style>
<style type="text/css"> #GamesToolbar {display:none;} </style>
<style type="text/css"> #PageFooterContainer {display:none;} </style>

</style>

Mais "códigos" em: Link 1 | Link 2

[VascO]

Isto dá em todos os browsers ?

[MariaInes#]

pelo menos no google chrome funciona porque já experimentei ;)

[PunkeCas ®]

A funcionar a 100% na nova versão do hi5.