Retirar barra no Script de carregamento

Detalhes da dúvida

Versão do fórum : phpBB3
Nível de acesso : Administrador
Navegador usado : Opera
Membros afetados : Todos os membros do fórum
Endereço do fórum : http://mastergz.forumbrasil.net

Descrição do problema

Salve !!!

Como que faz pra sumir essa barra?

http://prntscr.com/6fp1b6

estou executando esse script

http://prntscr.com/6fp1z7  

quando termina o processo do script fica a barra la. gostaria que ela sumisse.

Saudações amigo!

Aceda à: CPainel >> Visualização >> Imagens e Cores > Cores >>> Folha de estilo CSS

Adicione este código no inicio da tua folha:

Código:

.panel.introduction {
display: none !important;
}

Vale lembra-lo que é apenas uma dúvida por tópico e aquela barra é a home-page, painel de introdução do teu fórum, não tem nada haver com o script de carregamento!

Até!

Hakuouki  tem haver sim, agora sumiu tudo de vez nem carregou o script , eu quero que a barra suma só depois que acabar o carregamento do script

aquela barra é o script

vou tirar o codigo que me mandou pra voltar o carregamento do script

Estranho...

Poderia me mandar o script e me falar de qual dos tutoriais o pegou?

Até!

eu peguei aqui

https://ajuda.forumeiros.com/t39779-tutorial-script-de-carregamento

ae eu coloquei ele aqui

http://prntscr.com/6fp1z7

ele executa legal, mas depois fica uma barra la na tela sem necessidade.

o script

<center>
<script language="JavaScript">document.write('<div id="loadings"><font style="font-family: Verdana;" size="5">Carregando, aguarde ...</font><br><br><img src="https://2img.net/h/oi53.tinypic.com/1e1fex.gif"></div>');window.onload=function() {document.getElementById("loadings").style.display="none";}</script>
</center>

Certo! Mas se não há nenhuma mensagem na home-page do teu fórum, porque utiliza o código neste local? No tutorial já diz que funciona somente no local adicionado! Porque ao invés de adicionar ali, não adiciona num widget em especial?

Até!

eu usei ali pra carregar só no inicio da pagina , nao tem nehum comando pra limpar aquela area ?

Tente este código:

Código:

.panel {
  opacity: 0 !Important;
  border: 0px !Important;
  padding: 0px !Important;
  margin: 0px !important;
}


quase deu certo  lucas , o  script carregou mas invisivel.

o script

<center>
<script language="JavaScript">document.write('<div id="loadings"><font style="font-family: Verdana;" size="5">Carregando, aguarde ...</font><br><br><img src="https://2img.net/h/oi53.tinypic.com/1e1fex.gif"></div>');window.onload=function() {document.getElementById("loadings").style.display="none";}</script>
</center>

nao tem como colocar um comando no final do script pra apagar aquela barra

Ter até tem, é que eu não entendo absolutamente nada de JS, perdão.

Substitua o código do Lucas por este:

Código:

.panel {
background: none !important;
border: none !important;
}

Até!

nao a barra nao sumiu nao. ela continua la.

Olá, vamos la, tente isto:

Código:

.panel {
  border-style: solid;
  border-width: 0px;
  padding: 0em;
}

nada , a barra insisti em ficar la

Mas todos os códigos passados por mim e pelo @Hakuouki funcionam e foram testados em seu fórum, você adicionou os códigos na sua folha de estilo CSS e a borda não sumiu?

teve só um codigo que fez sumir a barra , mas sõ que fez sumir durante a executação do script ae nao adianta, eu só que que faça sumir a barra após a execuçao do script.

http://prntscr.com/6fv024 script sendo executado


http://prntscr.com/6fp1b6 apos o script ser executado fica essa barra

Boa tarde!

Acesse Visualização > imagens e cores > Cores > Folha de estilos CSS e cole:

Código:

#main-content div.panel.introduction {
 background-color: transparent !important;
}

Salve e veja se resulta.

boa tarde , continuou a mesma coisa, parece que nem coloquei o codigo la.

Saudações,

O senhor deseja que quando a função de carregamento da página terminar o Script com a barra também desapareça?
Ou deseja que só retiremos a barra preta ao fundo do carregamento?

Até mais.

Senior coloquei la ae veja o que acontece, o script do carregamente nem aparece olha la
que ja ja vou tirar

eu quero que aparece o script do carregamento, apos carregar ae sim, desapareça a barra.

Entendi.
O senhor vai alterar o código do Script de carregamento pelo abaixo:

Código:

<center><style>div#loadings {background: #272727 url(http://i.imgur.com/dnkF9.png) repeat-x 0 0!important;border: 1px solid #000;padding: 10px;}</style><script language="JavaScript">document.write('<div id="loadings"><font style="font-family: Verdana;" size="5">Carregando, aguarde ...</font><br><br><img src="http://i53.tinypic.com/1e1fex.gif"></div>');window.onload=function() {document.getElementById("loadings").style.display="none";}</script></center>

Depois vá em teu CSS:
Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo CSS
E coloque este código no inicio de teu CSS:

Código:

.panel.introduction {background: none!important;border: transparent!important;}

Ouve resultado?
Até mais.

Senior sumiu , mas ficou um espaçao la se pudesse diminuir um pouco o espaço seria melhor ainda

Saudações,

Lembra-te do código CSS que eu lhe dei para ser colocado no inicio de tua Folha de Estilo CSS? Altere por este:
Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo CSS

Código:

.panel.introduction {background: none!important;border: transparent!important;padding: 0!important;}

Ouve resultado?
Até mais.

agora fiquei na duvida la c ta a mesma coisa , mas parece que diminuiu um pouco sim.

Então amigo,

Deseja mais alguma coisa?
Podemos dar como resolvido? O máximo que poderíamos fazer com teu Script foi este espaço dando um "padding:0" assim não tendo lugar para retornar a função com um espaço maior.

Até mais.

entao ta resolvido sim, muito obrigado por me ajudar