Script de carregamento

Qual é minha questão:
Ae vi uma coisa muito show em um forum que gostei , 

Quando o forum esta carregando aparece uma coisa no topo do forum.



Como coloco isso no meu ?

Endereço do meu fórum:
http://heerocheats.forumeiros.com

Versão do fórum:
PHPBB3

Olá!

Aceda á "Folha de estilos CSS"
Painel de Controle Visualização Imagens e Cores Cores Folha de estilos CSS

Código:

#ajax_loading{background: black; color: white; text-align: center; padding: 5px 0 8px; width: 8%; top: 0px; left: 46%; -moz-border-radius: 0 0 5px 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-radius: 0 0 5px 5px; z-index: 10000; position: fixed; -moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2); opacity: 0.6}

Valide.

E esse código, cole em um widget:

Código:

<script language="JavaScript">document.write('<div id="ajax_loading"><img src="http://www.peterhook.co.uk/img/admin/loading-bar-white.gif" width="60" alt="Carregando post..."></div>');window.onload=function() {document.getElementById("ajax_loading").style.display="none";}</script>

Melhores cumprimentos,
Today

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'

Today , eu nao uso widget e agora ?

Olá!
Ative os Widgets em teu fórum, coloque o código enviado por nosso amigo Today, e para não poderem visualizar os Widgets em teu fórum, utilize este código CSS:

#right, #left {width:1px!important;height:1px!important;}

Assim os Widgets irão sumir, e o efeito irá resultar.

Até mais.

Man , abre meu forum pelo fire fox e olha como ta , ta todo cortado por causa dos widgets , por isso que eu n uso eles , estraga meu forum os widgets.

up

nao foi man , e agora ?

Adicione o código que o amigo passou,e adicione este a seu CSS,para ocultar os widgets :

Código:

.module {
visibility: hidden;
}

Ajudei ?

Olá!

Ative os widgets de seu fórum!

Aceda á "Folha de estilos CSS"
Painel de Controle Visualização Imagens e Cores Cores Folha de estilos CSS

Código:

#left, #right{visibility: hidden; height: 0px; width: 0px}

Valide.

Melhores cumprimentos,
Today

Today , os widgets do meu forum , ferra tudo , ele corta as categorias ao meio , sobe o menu , ferra o chat a box , nao vai ser possivel ativar os widgets n.

UP.

Obrigado mike , funcionou. Extremamente grato.