Staffer Group BR™

Fórum interativo totalmente gratuito!

/* Widget *//* Resposta rápida bloqueada */
Cadastre-se
→ Crie a sua conta

 VisualizaçõesPermissão deste fórum:
Você não pode responder aos tópicos neste fórum


CurtirDiretório deste fórum:
Fóruns » Arquivos » Lixeira

#1
 Bookmarlucas654

avatar
Membro
Descrição da Questão:
Eu quero uma página branca que bloqueie todo o fórum, e que o scroll seja desativado. Dentro da página, irei adicionar meu conteúdo, com meus textos e imagens. É possível desenvolver este código? =)

Endereço e Versão do Site/Fórum:
http://habbojoy.forumeiros.com/ ( PunBB )

Imagem Sugestiva:
nenhum
Ver perfil do usuário

#2
 D'Leandro™

avatar
Fundador
Sim e possivel, a questao do scrol eu ja postei no outro topico, agora farei o codigo completo e editavel para o senhor!


#Edit: Aqui esta o code!

<div id="flotprcr">SEU CONTEUDO AUQI!</div>
<style type="text/css">#flotprcr {opacity: 1.0; background: #fff; position: fixed; top: 0px !important; left: 0px !important; right: 0px; bottom: 0px;}</style>
<script type="text/javascript">
function handle(delta) {
if (delta < 0)
/* um evento que deseje */;
else
/* um evento que deseje */;
}
function wheel(event){
var delta = 0;
if (!event) event = window.event;
if (event.wheelDelta) {
delta = event.wheelDelta/120;
if (window.opera) delta = -delta;
} else if (event.detail) {
delta = -event.detail/3;
}
if (delta)
handle(delta);
if (event.preventDefault)
event.preventDefault();
event.returnValue = false;
}
if(window.addEventListener)
window.addEventListener('DOMMouseScroll', wheel, false);
window.onmousewheel = document.onmousewheel = wheel;
</script>


SEU CONTEUDO AUQI! = HTML, CSS, JavaScript ou qualquer outro que o senhor quiser 2

Seja feliz!
Ver perfil do usuário

#3
 Bookmarlucas654

avatar
Membro
Eu quero utilizar este código:

Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Manutenção - Habbo Joy</title>
<style type="text/css">
<!--
body,td,th {
   font-family: Tahoma;
   font-size: 11px;
   color: #CCCCCC;
}
body {
   background-image: url(http://habboemotion.com/resources/maintlayout/18/images/bg.png);
   margin-left: 0px;
   margin-top: 30px;
   margin-right: 0px;
   margin-bottom: 0px;
}
.header {
   background-image: url(http://habboemotion.com/resources/maintlayout/18/images/header_1.gif);
   height: 92px;
   width: 571px;
   margin-right: auto;
   margin-left: auto;
}
.content_middle {
   background-image: url(http://habboemotion.com/resources/maintlayout/18/images/content_mid.png);
   height: auto;
   width: 571px;
   margin-right: auto;
   margin-left: auto;
}
.content_bottom {
   background-image: url(http://habboemotion.com/resources/maintlayout/18/images/bottom.png);
   height: 6px;
   width: 571px;
   margin-right: auto;
   margin-left: auto;
}
.content_text {
   height: auto;
   width: 559px;
   margin-right: auto;
   margin-left: auto;
}
.builder_text {
   height: 20px;
   width: 508px;
   padding-top: 11px;
   padding-left: 55px;
}
-->
</style>
</head>

<body>
<div class="header">
  <div class="builder_text"><marquee>
  Bookmarlucas654: O fórum encontra-se momentaneamente em manutenção. Por favor, volte mais tarde.
  </marquee></div>
</div>
<div class="content_middle">
  <div class="content_text">


<i>Habbo Joy - A união faz a força</i>


<center><h1>Manutenção</h1></center>

Este fórum encontra-se momentaneamente em manutenção. Pedimos que volte mais tarde. Abaixo, encontrará algumas informações sobre nosso fórum!<br /><br />

<b>O que é o Habbo Joy?</b><br />
O Habbo Joy é um fórum sobre o Habbo. Discussões diversas sobre o jogo online, temos áreas reservadas para assuntos alheios e fora do assunto.<br /><br />

<b>Este fórum é para Habbo Pirata?</b><br />
NÃO! Queremos deixar mais que claro que proibimos e abolimos quaisquer utilização de hacker, ou programas externos com intuito de difamar ou arruinar a imagem do Habbo. Ao qual envolve-se em seu contexto geral que a proibição valha também para programas externos que venham trazer consequências ruins a quaisquer membro pertencente a comunidade do Habbo Hotel ou de sua empresa, a Sulake.<br /><br />

<b>Eu gosto de outro jogo, posso entrar no Habbo Joy?</b><br />
Claro que sim. Embora nosso fórum envolva assuntos relacionados ao Habbo, temos uma área livre para filmes, jogos, diversão, entretenimento ou quaisquer assuntos alheios. Você pode participar de nosso grupo quando desejar, não importa qual jogo você pertence ou se atrai.<br /><br />

<b>Eu já faço parte do grupo do Habbo Joy, mas não quero mais. Posso me desmembrar?</b><br />
'Infelizmente' tem como sim. Não disponibilizamos esta ferramenta para os próprios membros(embora seja possível), mas você poderá contactar nossos administradores do fórum que irão realizar estas devidas providências. Não é de nossa vontade que nenhum membro desmembre-se de nosso fórum, mas, claro, respeitamos a opinião e os motivos de cada usuário.<br /><br />


<center><a href="/login"><input name="preview" style="-webkit-box-shadow: rgb(246, 246, 246) 0px 0px 1px 1px inset; background-color: #e3e3e3; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(246, 246, 246) 0px 0px 1px 1px inset; color: #333333; cursor: pointer; font-family: 'helvetica neue', helvetica, arial, sans-serif; font-size: 13px; font-weight: bold; line-height: 1.2; margin: 0px 1em 0px 0px; overflow: visible; padding-bottom: 2px; padding-left: 0.5em; padding-right: 0.5em; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: middle;" type="submit" value="Logue-se" /><br />
<ul style="list-style-type: none; margin: 0px; padding: 0px;">
<li style="background-color: white; color: #333333; display: inline; font-family: Trebuchet, 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; padding: 0px;"></li>
</ul></a></center>



  </div>
</div>
<div class="content_bottom"></div>
</body>
</html>

Dai, segui o que você falou, e o scroll não foi bloqueado. Aqui está o que eu fiz:

Código:
<script type="text/javascript">
    function handle(delta) {
    if (delta < 0)
    /* um evento que deseje */;
    else
    /* um evento que deseje */;
    }
    function wheel(event){
    var delta = 0;
    if (!event) event = window.event;
    if (event.wheelDelta) {
    delta = event.wheelDelta/120;
    if (window.opera) delta = -delta;
    } else if (event.detail) {
    delta = -event.detail/3;
    }
    if (delta)
    handle(delta);
    if (event.preventDefault)
    event.preventDefault();
    event.returnValue = false;
    }
    if(window.addEventListener)
    window.addEventListener('DOMMouseScroll', wheel, false);
    window.onmousewheel = document.onmousewheel = wheel;
    </script>


<div id="flotprcr"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Manutenção - Habbo Joy</title>
<style type="text/css">
<!--
body,td,th {
   font-family: Tahoma;
   font-size: 11px;
   color: #CCCCCC;
}
body {
   background-image: url(http://habboemotion.com/resources/maintlayout/18/images/bg.png);
   margin-left: 0px;
   margin-top: 30px;
   margin-right: 0px;
   margin-bottom: 0px;
}
.header {
   background-image: url(http://habboemotion.com/resources/maintlayout/18/images/header_1.gif);
   height: 92px;
   width: 571px;
   margin-right: auto;
   margin-left: auto;
}
.content_middle {
   background-image: url(http://habboemotion.com/resources/maintlayout/18/images/content_mid.png);
   height: auto;
   width: 571px;
   margin-right: auto;
   margin-left: auto;
}
.content_bottom {
   background-image: url(http://habboemotion.com/resources/maintlayout/18/images/bottom.png);
   height: 6px;
   width: 571px;
   margin-right: auto;
   margin-left: auto;
}
.content_text {
   height: auto;
   width: 559px;
   margin-right: auto;
   margin-left: auto;
}
.builder_text {
   height: 20px;
   width: 508px;
   padding-top: 11px;
   padding-left: 55px;
}
-->
</style>
</head>

<body>
<div class="header">
  <div class="builder_text"><marquee>
  Bookmarlucas654: O fórum encontra-se momentaneamente em manutenção. Por favor, volte mais tarde.
  </marquee></div>
</div>
<div class="content_middle">
  <div class="content_text">


<i>Habbo Joy - A união faz a força</i>


<center><h1>Manutenção</h1></center>

Este fórum encontra-se momentaneamente em manutenção. Pedimos que volte mais tarde. Abaixo, encontrará algumas informações sobre nosso fórum!<br /><br />

<b>O que é o Habbo Joy?</b><br />
O Habbo Joy é um fórum sobre o Habbo. Discussões diversas sobre o jogo online, temos áreas reservadas para assuntos alheios e fora do assunto.<br /><br />

<b>Este fórum é para Habbo Pirata?</b><br />
NÃO! Queremos deixar mais que claro que proibimos e abolimos quaisquer utilização de hacker, ou programas externos com intuito de difamar ou arruinar a imagem do Habbo. Ao qual envolve-se em seu contexto geral que a proibição valha também para programas externos que venham trazer consequências ruins a quaisquer membro pertencente a comunidade do Habbo Hotel ou de sua empresa, a Sulake.<br /><br />

<b>Eu gosto de outro jogo, posso entrar no Habbo Joy?</b><br />
Claro que sim. Embora nosso fórum envolva assuntos relacionados ao Habbo, temos uma área livre para filmes, jogos, diversão, entretenimento ou quaisquer assuntos alheios. Você pode participar de nosso grupo quando desejar, não importa qual jogo você pertence ou se atrai.<br /><br />

<b>Eu já faço parte do grupo do Habbo Joy, mas não quero mais. Posso me desmembrar?</b><br />
'Infelizmente' tem como sim. Não disponibilizamos esta ferramenta para os próprios membros(embora seja possível), mas você poderá contactar nossos administradores do fórum que irão realizar estas devidas providências. Não é de nossa vontade que nenhum membro desmembre-se de nosso fórum, mas, claro, respeitamos a opinião e os motivos de cada usuário.<br /><br />


<center><a href="/login"><input name="preview" style="-webkit-box-shadow: rgb(246, 246, 246) 0px 0px 1px 1px inset; background-color: #e3e3e3; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(246, 246, 246) 0px 0px 1px 1px inset; color: #333333; cursor: pointer; font-family: 'helvetica neue', helvetica, arial, sans-serif; font-size: 13px; font-weight: bold; line-height: 1.2; margin: 0px 1em 0px 0px; overflow: visible; padding-bottom: 2px; padding-left: 0.5em; padding-right: 0.5em; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: middle;" type="submit" value="Logue-se" /><br />
<ul style="list-style-type: none; margin: 0px; padding: 0px;">
<li style="background-color: white; color: #333333; display: inline; font-family: Trebuchet, 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 0px; padding: 0px;"></li>
</ul></a></center>



  </div>
</div>
<div class="content_bottom"></div>
</body>
</html></div>
<style type="text/css">#flotprcr {opacity: 1.0; background: #fff; position: fixed; top: 0px !important; left: 0px !important; right: 0px; bottom: 0px;}</style>
<script type="text/javascript">
function handle(delta) {
if (delta < 0)
/* um evento que deseje */;
else
/* um evento que deseje */;
}
function wheel(event){
var delta = 0;
if (!event) event = window.event;
if (event.wheelDelta) {
delta = event.wheelDelta/120;
if (window.opera) delta = -delta;
} else if (event.detail) {
delta = -event.detail/3;
}
if (delta)
handle(delta);
if (event.preventDefault)
event.preventDefault();
event.returnValue = false;
}
if(window.addEventListener)
window.addEventListener('DOMMouseScroll', wheel, false);
window.onmousewheel = document.onmousewheel = wheel;
</script>

E agora? =x

Visualização da página: http://habbojoy.forumeiros.com/h26-pagina-de-manutencao
Ver perfil do usuário

#4
 D'Leandro™

avatar
Fundador
Mano seguinte!
O codigo esta correto, mas o codigo bloquea apenas o scrol pela bolinha do mouse, alem disso a pagina nao vai ficar branca, uma vez que voce vai colocar a sua pagina, sendo assim, a sua pagina vai substituir toda a minha, se o senhor colocar este codigo em um widget, seu forum todo sera substituido pela sua pagina!

Basta copiar todo o seu codigo e colar onde tem SEU CONTEUDO AUQI!
Ver perfil do usuário

#5
 Bookmarlucas654

avatar
Membro
Ta, mas no caso, pode impossibilitar de fazerem login =/
Ver perfil do usuário

#6
 D'Leandro™

avatar
Fundador
Este codigo deve bloquear o overflow "barrinhas de rolagem" !

<div id="flotprcr">SEU CONTEUDO AUQI!</div>
<style>body {overflow-x: hidden; overflow-y: hidden;}</style>
<style type="text/css">#flotprcr {opacity: 1.0; background: #fff; position: fixed; top: 0px !important; left: 0px !important; right: 0px; bottom: 0px;}</style>
<script type="text/javascript">
function handle(delta) {
if (delta < 0)
/* um evento que deseje */;
else
/* um evento que deseje */;
}
function wheel(event){
var delta = 0;
if (!event) event = window.event;
if (event.wheelDelta) {
delta = event.wheelDelta/120;
if (window.opera) delta = -delta;
} else if (event.detail) {
delta = -event.detail/3;
}
if (delta)
handle(delta);
if (event.preventDefault)
event.preventDefault();
event.returnValue = false;
}
if(window.addEventListener)
window.addEventListener('DOMMouseScroll', wheel, false);
window.onmousewheel = document.onmousewheel = wheel;
</script>

Resulta?
Ver perfil do usuário

#7
 Bookmarlucas654

avatar
Membro
Ta bem melhor, mas os widgets ainda aparecem na página, e a setinha do slide do meu fórum, e o fundo da página ficou com o fundo do fórum, não com o fundo da página que eu criei...
Ver perfil do usuário

#8
 D'Leandro™

avatar
Fundador
Deixe ativado para que eu possa visualizar!
Ver perfil do usuário

#9
 Bookmarlucas654

avatar
Membro
A manutenção ta ativada eu creio
Ver perfil do usuário

#10
 D'Leandro™

avatar
Fundador
Seria neste forum? http://habbojoy.forumeiros.com/forum
Pois eu nao localizei o WidGet Ativo!
Ver perfil do usuário

#11
 Bookmarlucas654

avatar
Membro
Aqui ele mostra-se ativo, e da para clicar. Os widgets que falo é a mensagem de aviso...

E também, o fundo deveria ser este:
http://habboemotion.com/resources/maintlayout/18/images/bg.png

E está aparecendo o fundo do fórum...
Ver perfil do usuário

#12
 D'Leandro™

avatar
Fundador
Veja que eu ativei o widget!
Os objetos que ficam aparecendo sao formados por "div" ou seja objetos da mesma classe com mais importancia.

Entao o senhor dera tirar eles do forum ou mudar a classe de div para object ou span!
Ver perfil do usuário

#13
 Vargas

avatar
Moderador
Motivo: mais de 3 dias inativo!

Tópico Bloqueado;
Este tópico foi bloqueado e movido para a lixeira!
Ver perfil do usuário

#14
 Conteúdo patrocinado