Como colocar essa caixa

Qual é minha questão:
Queria colocar oque mostra a imagem

Links e imagens do meu problema:
Http://gcd-forum.forumeiros.com/

https://2img.net/h/oi47.tinypic.com/zwgj6s.png

Endereço do meu fórum:
http://forum.flamecheats.com.br/

Versão do meu fórum:
PHPBB3

Olá!
Acede à ''Configuração do portal''
Painel de Controle Módulos Portal & Widgets Configuração do Portal Estrutura

Carregue em 'Criar um widget personalizado'

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: 260px;
height: 70px;
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')"><img src="http://www.goldwave.com/images/x.png'=""><a href="#" id="return_to_ipbfs">O Forum ira abrir somente em Dezembro! Leia mais acima!</a><br><br>
</div>

Nome do widget : Qualquer um
Utilizar um table type : Marque não
Titulo do widget : Deixa o campo vazio
Fonte do widget * : Cole o código acima
Salvar : e Salve




Resulta?

Olá Victormenezes, isto é bem simples de se promover:

Aceda á :

Painel de Controle >> Modulo >> Portal & Widgets >> Gestão dos widgets do Fórum >> Criar um widget personalizado

Nome do widget : Qualquer um
Utilizar um table type : Não
Título do widget : Em Branco

Fonte do widget * :

Código:

<style>#avisover{position: fixed;bottom: 10px;line-height: 16px;text-align: left;right: 10px;z-index: 999;opacity: 0.8;width: 260px;height: 70px;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;}</style><div id="avisover"> Você está deslogado do (Seu Fórum), logue-se para aproveitar nosso conteúdo, Ao logar-se esse aviso irá sumir, clique <a href="/login">aqui.</a></div><div style="height:16px"></div><div class="module"><div class="inner"><span class="corners-top"><span></span></span><div class="h3"><no></div><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript" src="http://sankez.bravehost.com/Javascript/ddaccordion.js">

Altere no Código a área " (Seu Forum) " para o nome do seu fórum
Salve!

Agora arraste seu novo widget dos widgets pessoais para sua coluna de widgets do seu fórum...
Vá no icone de "Autorizações" do seu novo widget ja adicionado, e marque apenas "Convidados"
Salve e Feito!!

*Obs: se quando você for salvar a primeira parte do tutorial a pagina ficar branca, ignore, apenas volte no navegador para a página anterior e prossiga com o tutorial!!!

não, eu quero um código em css que não precise criar um Widget

e nem na pagina inicial quero em todas as páginas

Infelizmente não é possível! pois utiliza de variáveis que não são utilizáveis em CSS!

não tem nada nem lá no topo tipo essa

essa é em css

up

down

Olá querido!
Leia este tópico:
https://ajuda.forumeiros.com/t67916-#462030

Até mais!

nada

StyLe escreveu:Olá!
Acede à ''Configuração do portal''
Painel de Controle Módulos Portal & Widgets Configuração do Portal Estrutura

Carregue em 'Criar um widget personalizado'

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: 260px;
height: 70px;
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')"><img src="http://www.goldwave.com/images/x.png'=""><a href="#" id="return_to_ipbfs">O Forum ira abrir somente em Dezembro! Leia mais acima!</a><br><br>
</div>

Nome do widget : Qualquer um
Utilizar um table type : Marque não
Titulo do widget : Deixa o campo vazio
Fonte do widget * : Cole o código acima
Salvar : e Salve




Resulta?

Cara esse código não pega com CSS e nem JavaScript somente com Widget faz oque eu mandei que irar funcionar corretamente

Hello,
nada não tem aquela do topo em css .




passar bem

Você não tinha pedido isso e sim isso aqui eu lhe passei o código do tópico que você pediu é proibido fazer multi pedidos em um só tópico do autor

https://2img.net/h/oi47.tinypic.com/zwgj6s.png

o código que eu passei serve para essa função da imagem

Coloca esse código numa página JS:

Código:

jQuery(function(){if(jQuery('a.mainmenu[href*="/login"]').length){jQuery('body').prepend('<div id=avisover>Você está deslogado do Livre Fórum, Registre-se para aproveitar nosso conteúdo, Ao Registrar-se esse aviso irá sumir, clique <a href="/register">.aqui.</a></div>')}});

nada

Olá querido,

O erro apenas pode está em seus códigos Java scripts. Tire todos é teste este:

Código:

jQuery(function(){if(jQuery('a.mainmenu[href*="/login"]').length){jQuery('body').prepend('<div id=avisover>Você está deslogado do Livre Fórum, Registre-se para aproveitar nosso conteúdo, Ao Registrar-se esse aviso irá sumir, clique <a href="/register">.aqui.</a></div>')}});

Até mais.