Caixa vermelha ou verde flutuante com texto

por niig3l 20.10.12 9:51

Qual é minha questão:
Gostaria de Saber como faço para colocar esta caixa vermelha ou verde no meu forum...
Já procurei por tudo e não consigo encontrar...
Espero que me possam ajudar

Links e imagens do meu problema:
Http://upit.cc/i/8ebce091.png

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

Versão do meu fórum:
PHPBB3

por Sennior 20.10.12 13:24

Olá querido é bom dia!

Aceda à "Gestão de Widgets":
Painel de Controle Módulos Portal & Widgets Gestão dos widgets do fórum

<style>#avisover{background:#CF3737;border:1px solid #771B1B;border-radius:3px;bottom:10px;box-shadow:rgba(0,0,0,0.3)</style><div id="avisover"> Você está deslogado do Cataclysm World, logue-se para aproveitar nosso conteúdo, Ao logar-se esse aviso irá sumir, clique <a href="/login">aqui.</a></div>

Abraços.

por niig3l 20.10.12 16:23

Mikéé escreveu:Olá querido é bom dia!

Aceda à "Gestão de Widgets":
Painel de Controle Módulos Portal & Widgets Gestão dos widgets do fórum

<style>#avisover{background:#CF3737;border:1px solid #771B1B;border-radius:3px;bottom:10px;box-shadow:rgba(0,0,0,0.3)</style><div id="avisover"> Você está deslogado do Cataclysm World, logue-se para aproveitar nosso conteúdo, Ao logar-se esse aviso irá sumir, clique <a href="/login">aqui.</a></div>

Abraços.

Eu fiz tudo como você disse, ficou correcto, mas eu só quero mesmo aquela caixa com o texto, e se eu fizer como você indicou, fico com todos os widgets de lado, e se os remover, fico com uma barra vazia de lado...

[PS: E de preferência, criar que ela flutuasse quando um membro do fórum não estivesse conectado Feliz

]

Pode-me ajudar por favor? Feliz

por MateusV. 20.10.12 17:46

Olá!

Não compreendi, qual erro o senhor encontrou no código o Mikéé?

Abraços. Piscada

por niig3l 20.10.12 18:25

Eu fiz como o Mikéé disse, mas depois aparecem os widgets todos de lado e isso, e eu não quero...

E quando coloquei, ela não flutuava Triste

Eu queria que ela flutuasse, e só vissem os convidados, percebem?

por Sennior 22.10.12 2:41

Olá querido,

No Widgets com o código procure pelo campo "Utilizar um table type" marque não.

Abraços. Piscada

por niig3l 22.10.12 17:07

Eu já coloquei tudo certinho e funcionou, mas depois só posts e o forum (categorias) é que ficam deformados...

Fica tudo muito grande!!!
Ajuda Triste

por Azure 22.10.12 17:23

niig3l escreveu:Eu já coloquei tudo certinho e funcionou, mas depois só posts e o forum (categorias) é que ficam deformados...

Fica tudo muito grande!!!
Ajuda

Te mandei uma mensagem privada com instruções e com o link para você obter esse código que você deseja

por niig3l 22.10.12 17:32

Cara, foi la que eu peguei o código, mas mesmo assim não da...
O Forum, como o portal ou ficam muito largo ou muito pequenos Triste

E depois procura la num dos seus posts, você encontrará que eu fiquei com um problema Feliz

por Sennior 22.10.12 17:35

Olá senhor,

Mande nós uma imagem de como fica, para vermos o erro.

Abraços. Piscada

por niig3l 22.10.12 18:25

Do meu ponto de vista não é preciso imagem, apenas fica muito grande ou muito pequeno Triste

E também precisava de ajuda neste tópico: https://ajuda.forumeiros.com/t66542-caixa-de-alertas
Fiz tudo direitinho, mas não fica igual Triste

Ajuda!!!!

por Luciano98 24.10.12 22:45

Olá!

Aceda à "Gestão dos códigos JavaScript":
Painel de Controle Módulos Gestão dos códigos JavaScript

Clique em "Criar um novo JavaScript".

Título Seta

Escolha o título que quiser
Investimento Seta

Em todas as páginas

Codigo JavaScript:

jQuery(document).ready(function(){jQuery('body').prepend('<style>#stickymsg{position:fixed;bottom:10px;line-height:16px;right:10px;z-index:30000;opacity:0.8;width:260px;height:auto;background:#cf3737;color:#fff;text-shadow:rgba(0,0,0,0.3) 0px -1px 0px;padding:10px;text-decoration:none;font-size:11px;font-family:Tahoma;border:1px solid #771b1b;box-shadow:rgba(0,0,0,0.3) 0px 1px 4px,inset #f66c6c 0px 1px 0px;border-radius:3px} #stickymsg a{color:#fff;font-weight:bold;text-decoration:none} #stickymsg:hover{opacity:1}</style><div id="stickymsg"><p class="bbc_center">Bem Vindo Visitante, A Nossa Pagina!</p> <br> <p class="bbc_center">Por Favor <a href="/login" class="bbc_url" title="External link" rel="nofollow external">logue</a> ou <a href="/register" class="bbc_url" title="External link" rel="nofollow external">registre-se </a>Para ver todo Conteúdo!</p></div>')});

Clique em "Confirmar".

Até mais.

por Uatyla 25.10.12 0:38

o codigo funcionou aqui mais ele é permanente?
eu queria que ele ficasse uns 10s.

Tem como?

por Uatyla 25.10.12 22:40

por Sennior 25.10.12 22:48

Olá senhor,

Como assim permanente? O código passado pelo Luciano é permanente sim.

Abraços.

por Uatyla 25.10.12 23:31

Eu vi em alguns fórum (não lembro qual foi) ele duarava apenas 15s, é possivel neste tbm?

por niig3l 27.10.12 7:42

por victormenezes 28.10.12 15:12

olá gostaria de saber se tem como fazer ele sumir quando o user ta logado

por niig3l 28.10.12 15:19

cara, voce coloca so para mostrar para os usuários Feliz

por victormenezes 28.10.12 15:34

isso é um js

por seender 28.10.12 16:59

Olá!

Aqui está:

Código:: jQuery(document).ready(function(){jQuery('body').prepend('<div class=popup><style>#stickymsg{position:fixed;bottom:10px;line-height:16px;right:10px;z-index:30000;opacity:0.8;width:260px;height:auto;background:#cf3737;color:#fff;text-shadow:rgba(0,0,0,0.3) 0px -1px 0px;padding:10px;text-decoration:none;font-size:11px;font-family:Tahoma;border:1px solid #771b1b;box-shadow:rgba(0,0,0,0.3) 0px 1px 4px,inset #f66c6c 0px 1px 0px;border-radius:3px} #stickymsg a{color:#fff;font-weight:bold;text-decoration:none} #stickymsg:hover{opacity:1}</style><div id="stickymsg"><p class="bbc_center">Bem Vindo Visitante, A Nossa Pagina!</p> <br> <p class="bbc_center">Por Favor <a href="/login" class="bbc_url" title="External link" rel="nofollow external">logue</a> ou <a href="/register" class="bbc_url" title="External link" rel="nofollow external">registre-se </a>Para ver todo Conteúdo!</p></div></div>')});$(document).ready(function(){$('.popup').mouseenter(function(){$('.popup').slideDown(300);}).mouseleave(function(){setTimeout(function(){$('.popup').slideUp(300);}, 100);});});

Até mais!

por victormenezes 28.10.12 18:07

olá o código é bom porém só permanece segundos na página eu quero que fique lá até o user loga ai quando ele logar aparece outra ex:regras

por @Gabriel_50 28.10.12 18:53

Como faço pra que a caixa fique visivel apenas para os visitantes?

por victormenezes 28.10.12 19:42

Hello,

é isso que eu quero veio

só que ninguém ajuda

por victormenezes 28.10.12 20:35

UP

por Luciano98 28.10.12 21:01

Olá!

niig3l, poderia confirmar se o meu código funcionou a você?

Até mais.

por Uatyla 28.10.12 23:54

seender escreveu:Olá!

Aqui está:
Código:
jQuery(document).ready(function(){jQuery('body').prepend(' #stickymsg{position:fixed;bottom:10px;line-height:16px;right:10px;z-index:30000;opacity:0.8;width:260px;height:auto;background:#cf3737;color:#fff;text-shadow:rgba(0,0,0,0.3) 0px -1px 0px;padding:10px;text-decoration:none;font-size:11px;font-family:Tahoma;border:1px solid #771b1b;box-shadow:rgba(0,0,0,0.3) 0px 1px 4px,inset #f66c6c 0px 1px 0px;border-radius:3px} #stickymsg a{color:#fff;font-weight:bold;text-decoration:none} #stickymsg:hover{opacity:1} Bem Vindo Visitante, A Nossa Pagina! Por Favor [url=http://ajuda.forumeiros.com//login]logue[/url] ou [url=http://ajuda.forumeiros.com//register]registre-se [/url]Para ver todo Conteúdo! ')});$(document).ready(function(){$('.popup').mouseenter(function(){$('.popup').slideDown(300);}).mouseleave(function(){setTimeout(function(){$('.popup').slideUp(300);}, 100);});});

Até mais!

cara nota 10, funfo vlw *-*
Tem meu obrigado e um +

por Shelex 29.10.12 0:05

Olá!

Aceda à "Gestão de Widgets":
Painel de Controle Módulos Portal & Widgets Gestão dos widgets do fórum

<div id="bar_float" align="center">
<script language="JavaScript">
function controlaCamada(bar_float)
{
if( document.getElementById(bar_float).style.visibility == "hidden" )
{
document.getElementById(bar_float).style.visibility = "visible";
} else
{
document.getElementById(bar_float).style.visibility = "hidden";
}
}
</script>
<style type="text/css">
#bar_float a{
position: fixed;
bottom: 80px;
text-decoration:none;
right: 20px;
z-index:3000;
}
a#return_to_ipbfs {
position: fixed;
bottom: 10px;
line-height: 16px;
text-align: left;
right: 10px;
z-index: 1;
opacity: 0.8;
width: 360px;
height: 120px;
background: #cf3737;
color: #fff;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
padding: 10px;
text-decoration: none;
font-size: 11px;
font-family: Tahoma;
border: 1px solid #771b1b;
box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #f66c6c 0px 1px 0px;
border-radius: 3px;
}
a#return_to_ipbfs:hover { opacity: 1; }
#return_to_ipbfs strong { font-family: "Trebuchet MS"; display: block; font-size: 14px; padding-bottom: 5px; }
</style>
<a onclick="controlaCamada('bar_float')"><a href="#" id="return_to_ipbfs">SEU CONTEÚDO AQUI</a><br><br>
</div>

Até mais.

por victormenezes 29.10.12 0:47

Hello,
não é isso eu quero que ele apareça só para convidados

passar bem .

por VitorC. 29.10.12 1:05

Aceda à "Gestão de Widgets":

:seta2:

Painel de Controle :seta2:

Módulos

Portal & Widgets :seta2:

Gestão dos widgets do fórum

<style>#avisover{background:#CF3737;border:1px solid #771B1B;border-radius:3px;bottom:10px;box-shadow:rgba(0,0,0,0.3)</style><div id="avisover"> Olá Convidado, do Kromus Arts.
Leia:
<a href="/regras">Regras</a></div>
<a href="/- - -">- - -</a></div>

Ciano: Substitua por " {.USERNAME} sem ponto"
Azul: Link
Nome: Nome

Fiz um tipo diferente, assim aparecerá para ambos.

Coloquei em meu fórum e deu certo, então não compreendi desculpe-me.
Em qual fórum viste isso?

Retirado de alguns comentários.

Cordialmente.

por victormenezes 29.10.12 1:08

veja esse abaixo

por victormenezes 29.10.12 1:11

Luciano98 escreveu:Olá!

Aceda à "Gestão dos códigos JavaScript":
Painel de Controle Módulos Gestão dos códigos JavaScript

Clique em "Criar um novo JavaScript".

Título Escolha o título que quiser
Investimento Em todas as páginas

Codigo JavaScript:
jQuery(document).ready(function(){jQuery('body').prepend('<style>#stickymsg{position:fixed;bottom:10px;line-height:16px;right:10px;z-index:30000;opacity:0.8;width:260px;height:auto;background:#cf3737;color:#fff;text-shadow:rgba(0,0,0,0.3) 0px -1px 0px;padding:10px;text-decoration:none;font-size:11px;font-family:Tahoma;border:1px solid #771b1b;box-shadow:rgba(0,0,0,0.3) 0px 1px 4px,inset #f66c6c 0px 1px 0px;border-radius:3px} #stickymsg a{color:#fff;font-weight:bold;text-decoration:none} #stickymsg:hover{opacity:1}</style><div id="stickymsg"><p class="bbc_center">Bem Vindo Visitante, A Nossa Pagina!</p> <br> <p class="bbc_center">Por Favor <a href="/login" class="bbc_url" title="External link" rel="nofollow external">logue</a> ou <a href="/register" class="bbc_url" title="External link" rel="nofollow external">registre-se </a>Para ver todo Conteúdo!</p></div>')});

Clique em "Confirmar".

Até mais.

não tem como mudar esse código para mostrar só para visitantes e quando o membro logar desaparecer ou aparecer outra

por Uatyla 29.10.12 1:25

si não for pedi D+ queria entender o código, onde que foi editado *-*

por victormenezes 29.10.12 1:30

Hello,

Esse código ta pronto eu só peço que Alguém Arrume ele para aparecer só para visitantes ou seja quando o user logar isso desapareça ou mude né ou tu queres que quando seu user tive logado aquilo apareça para ele logar de novo e cadastrar queria que aparece outra coisa no lugar ou desaparecesse

Passar Bem, Ajuda/Confuso

por victormenezes 29.10.12 1:32

eu acho que vou ter que invocar o Pesquisando/Em dúvid

GOOGLE

TO INVOCANDO O GOOGLE 123 INNNVOCANDOOO OOOOOO GOOOOGLEEEEE

AGORÁ PQ ESSA PAGINA JA TEM MUITAS MSG

por niig3l 29.10.12 7:02

Done!
Close please Feliz

por StyLe® 29.10.12 18:49

Shelex escreveu:Olá!

Aceda à "Gestão de Widgets":
Painel de Controle Módulos Portal & Widgets Gestão dos widgets do fórum

<div id="bar_float" align="center">
<script language="JavaScript">
function controlaCamada(bar_float)
{
if( document.getElementById(bar_float).style.visibility == "hidden" )
{
document.getElementById(bar_float).style.visibility = "visible";
} else
{
document.getElementById(bar_float).style.visibility = "hidden";
}
}
</script>
<style type="text/css">
#bar_float a{
position: fixed;
bottom: 80px;
text-decoration:none;
right: 20px;
z-index:3000;
}
a#return_to_ipbfs {
position: fixed;
bottom: 10px;
line-height: 16px;
text-align: left;
right: 10px;
z-index: 1;
opacity: 0.8;
width: 360px;
height: 120px;
background: #cf3737;
color: #fff;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
padding: 10px;
text-decoration: none;
font-size: 11px;
font-family: Tahoma;
border: 1px solid #771b1b;
box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #f66c6c 0px 1px 0px;
border-radius: 3px;
}
a#return_to_ipbfs:hover { opacity: 1; }
#return_to_ipbfs strong { font-family: "Trebuchet MS"; display: block; font-size: 14px; padding-bottom: 5px; }
</style>
<a onclick="controlaCamada('bar_float')"><a href="#" id="return_to_ipbfs">SEU CONTEÚDO AQUI</a><br><br>
</div>

Até mais.

Eu testei e funciono perfeitamente testei em todas as versões e resulto caso o senhor queria deixar esse aviso só para CONVIDADOS basta você editar as permisões do seu WIDGET

por victormenezes 29.10.12 20:39

Hello,

quero que ele suma quando user tiver logado e quero em js como me passaram na primeiroa página será que é possivel
Victor & Forum

por @Gabriel_50 29.10.12 21:01

victormenezes escreveu:
Hello,

quero que ele suma quando user tiver logado e quero em js como me passaram na primeiroa página será que é possivel
Victor & Forum

Somos 2 cara, eu gostaria do mesmo

por VitorC. 29.10.12 21:04

Por favor não faça floods.
Apenas coloque as permissões de seu widget para Convidados.Assim:

:seta2:

Painel de Controle :seta2:

Módulos

Poral & Widgets :seta2:

Getsão dos widgets do fórum

Crie seu novo widget:

Nome do widget :
Utilizar um table type : Não
Título do widget :
Fonte do widget:

Código:: <div id="bar_float" align="center"> <script language="JavaScript"> function controlaCamada(bar_float) { if( document.getElementById(bar_float).style.visibility == "hidden" ) { document.getElementById(bar_float).style.visibility = "visible"; } else { document.getElementById(bar_float).style.visibility = "hidden"; } } </script> <style type="text/css"> #bar_float a{ position: fixed; bottom: 80px; text-decoration:none; right: 20px; z-index:3000; } a#return_to_ipbfs { position: fixed; bottom: 10px; line-height: 16px; text-align: left; right: 10px; z-index: 1; opacity: 0.8; width: 360px; height: 120px; background: #cf3737; color: #fff; text-shadow: rgba(0,0,0,0.3) 0px -1px 0px; padding: 10px; text-decoration: none; font-size: 11px; font-family: Tahoma; border: 1px solid #771b1b; box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #f66c6c 0px 1px 0px; border-radius: 3px; } a#return_to_ipbfs:hover { opacity: 1; } #return_to_ipbfs strong { font-family: "Trebuchet MS"; display: block; font-size: 14px; padding-bottom: 5px; } </style> <a onclick="controlaCamada('bar_float')"><a href="#" id="return_to_ipbfs">SEU CONTEÚDO AQUI</a><br><br> </div>

Salve e volte para a Gestão de widgets do fórum.

Role mais abaixo até:

:seta2:

Adição/remoção de widgets pessoais.

Widgets: Nome do seu widget colocado
Coluna: Coluna da esquerda (1) ou coluna da direita (3).
Autorizações: Maarque apenas para convidados

Se quiser outro widget com as regras, por exemplo, coloque para mostrar apenas para membros etc.

Cordialmente.

por @Gabriel_50 29.10.12 21:15

Nossa veio, assim fica dificil também, eu e o victormenezes queremos o código EM JAVA APENAS PARA OS VISITANTES e estamos dizendo isso faz tempo

por StyLe® 29.10.12 21:18

Olá!

Não é possível esse código para somente visitantes em JavaScript o código estar a cima se não quiser não use e espere alguém fechar esse tópico porque o Fórum dos Fóruns não oferece suporte a códigos JAVASCRIPT e nem Formulário de postagens

por @Gabriel_50 29.10.12 21:21

Ok então,. era mais facil ter dito isso a varios posts atras eu acho

por henriquebr 29.10.12 21:23

Olá, um jeito simples é você fazer dois códigos com duas mensagens: um você faz para quando o usuario estiver logado e outra pra quando estiver deslogado, ai vc pôe cada um em um widget, dentro de:

Código:: <script> AKI </script>

o primeiro (logado) vc marca só pros membros, e o segundo (deslogado) vc marca só pros convidados....

por victormenezes 29.10.12 21:27

Hello,

eu quero Java Interrogação

por henriquebr 29.10.12 21:29

sim, o java ja foi posto ai, bsta copialo e fazer oque eu falei ai...

por victormenezes 29.10.12 21:49

@Gabriel_50 escreveu:Nossa veio, assim fica dificil também, eu e o victormenezes queremos o código EM JAVA APENAS PARA OS VISITANTES e estamos dizendo isso faz tempo

é isso veio

por henriquebr 29.10.12 22:01

vocês ja tem o codigo normal? (sem ser pros visitantes, java)?

por VitorC. 29.10.12 22:04

Bom postei meu HTML, que seria mais fácil para todos, e prefiro assim, mas como são vocês que querem.
Estarei procurando códigos em JS.

por victormenezes 29.10.12 22:04

temos veio só que esse código aparece quando o user ta logado queremos que essa caixa sumaaaaaaaaaa quando o Estudar

user tiver logado

Código:: jQuery(document).ready(function(){jQuery('body').prepend('<style>#stickymsg{position:fixed;bottom:10px;line-height:16px;right:10px;z-index:30000;opacity:0.8;width:260px;height:auto;background:#cf3737;color:#fff;text-shadow:rgba(0,0,0,0.3) 0px -1px 0px;padding:10px;text-decoration:none;font-size:11px;font-family:Tahoma;border:1px solid #771b1b;box-shadow:rgba(0,0,0,0.3) 0px 1px 4px,inset #f66c6c 0px 1px 0px;border-radius:3px} #stickymsg a{color:#fff;font-weight:bold;text-decoration:none} #stickymsg:hover{opacity:1}</style><div id="stickymsg"><p class="bbc_center">Bem Vindo Visitante, A Nossa Pagina!</p> <br> <p class="bbc_center">Por Favor <a href="/login" class="bbc_url" title="External link" rel="nofollow external">logue</a> ou <a href="/register" class="bbc_url" title="External link" rel="nofollow external">registre-se </a>Para ver todo Conteúdo!</p></div>')});

copia

Hitskin.com