Como colocar essa caixa

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Como colocar essa caixa

Mensagem por victormenezes em 08/10/12, 08:18 pm

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

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

http://i47.tinypic.com/zwgj6s.png

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

Versão do meu fórum:
PHPBB3
avatar

victormenezes
Usuário avançado

Masculino
Inscrito dia : 14/09/2012
Mensagens : 439
Pontos Ativos : 669

Ver perfil do usuário http://gloryclan.forumeiros.com/

Resolvido Re: Como colocar essa caixa

Mensagem por StyLe® em 08/10/12, 08:58 pm

Olá!
Acede à ''Configuração do portal''
Painel de Controle Seta Módulos Seta Portal & Widgets Seta Configuração do Portal :seta2: 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?

StyLe®
Membro do Fórum

Masculino
Inscrito dia : 28/04/2012
Mensagens : 1919
Pontos Ativos : 2653

Ver perfil do usuário http://ajuda.forumeiros.com/t79652-

Resolvido Re: Como colocar essa caixa

Mensagem por iGoogle~ em 08/10/12, 09:03 pm

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!!!
avatar

iGoogle~
Nível 8

Masculino
Inscrito dia : 17/05/2012
Mensagens : 119
Pontos Ativos : 173

Ver perfil do usuário http://tecnocheats.forumeiros.com/

Resolvido Re: Como colocar essa caixa

Mensagem por victormenezes em 08/10/12, 09:11 pm

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


Última edição por victormenezes em 10/10/12, 12:06 am, editado 1 vez(es)
avatar

victormenezes
Usuário avançado

Masculino
Inscrito dia : 14/09/2012
Mensagens : 439
Pontos Ativos : 669

Ver perfil do usuário http://gloryclan.forumeiros.com/

Resolvido Re: Como colocar essa caixa

Mensagem por victormenezes em 08/10/12, 09:12 pm

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

victormenezes
Usuário avançado

Masculino
Inscrito dia : 14/09/2012
Mensagens : 439
Pontos Ativos : 669

Ver perfil do usuário http://gloryclan.forumeiros.com/

Resolvido Re: Como colocar essa caixa

Mensagem por iGoogle~ em 08/10/12, 09:23 pm

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

iGoogle~
Nível 8

Masculino
Inscrito dia : 17/05/2012
Mensagens : 119
Pontos Ativos : 173

Ver perfil do usuário http://tecnocheats.forumeiros.com/

Resolvido Re: Como colocar essa caixa

Mensagem por victormenezes em 08/10/12, 09:31 pm

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

essa é em css
avatar

victormenezes
Usuário avançado

Masculino
Inscrito dia : 14/09/2012
Mensagens : 439
Pontos Ativos : 669

Ver perfil do usuário http://gloryclan.forumeiros.com/

Resolvido Re: Como colocar essa caixa

Mensagem por victormenezes em 08/10/12, 09:50 pm

up
avatar

victormenezes
Usuário avançado

Masculino
Inscrito dia : 14/09/2012
Mensagens : 439
Pontos Ativos : 669

Ver perfil do usuário http://gloryclan.forumeiros.com/

Resolvido Re: Como colocar essa caixa

Mensagem por victormenezes em 08/10/12, 10:19 pm

down
avatar

victormenezes
Usuário avançado

Masculino
Inscrito dia : 14/09/2012
Mensagens : 439
Pontos Ativos : 669

Ver perfil do usuário http://gloryclan.forumeiros.com/

Resolvido Re: Como colocar essa caixa

Mensagem por BrunoH. em 08/10/12, 10:32 pm

Olá querido! Eu amo você
Leia este tópico:
http://ajuda.forumeiros.com/t67916-#462030

Até mais! Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Como colocar essa caixa

Mensagem por victormenezes em 08/10/12, 10:43 pm

nada Envergonhado
avatar

victormenezes
Usuário avançado

Masculino
Inscrito dia : 14/09/2012
Mensagens : 439
Pontos Ativos : 669

Ver perfil do usuário http://gloryclan.forumeiros.com/

Resolvido Re: Como colocar essa caixa

Mensagem por StyLe® em 09/10/12, 12:17 pm

@StyLe® escreveu:Olá!
Acede à ''Configuração do portal''
Painel de Controle Seta Módulos Seta Portal & Widgets Seta Configuração do Portal :seta2: 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

StyLe®
Membro do Fórum

Masculino
Inscrito dia : 28/04/2012
Mensagens : 1919
Pontos Ativos : 2653

Ver perfil do usuário http://ajuda.forumeiros.com/t79652-

Resolvido Re: Como colocar essa caixa

Mensagem por victormenezes em 11/10/12, 10:14 am

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




passar bem Muito feliz
avatar

victormenezes
Usuário avançado

Masculino
Inscrito dia : 14/09/2012
Mensagens : 439
Pontos Ativos : 669

Ver perfil do usuário http://gloryclan.forumeiros.com/

Resolvido Re: Como colocar essa caixa

Mensagem por StyLe® em 11/10/12, 10:17 am

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

http://i47.tinypic.com/zwgj6s.png

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

StyLe®
Membro do Fórum

Masculino
Inscrito dia : 28/04/2012
Mensagens : 1919
Pontos Ativos : 2653

Ver perfil do usuário http://ajuda.forumeiros.com/t79652-

Resolvido Re: Como colocar essa caixa

Mensagem por MetaTag em 12/10/12, 01:03 pm

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>')}});
avatar

MetaTag
Nível 2

Inscrito dia : 12/10/2012
Mensagens : 11
Pontos Ativos : 14

Ver perfil do usuário

Resolvido Re: Como colocar essa caixa

Mensagem por victormenezes em 12/10/12, 04:23 pm

nada
avatar

victormenezes
Usuário avançado

Masculino
Inscrito dia : 14/09/2012
Mensagens : 439
Pontos Ativos : 669

Ver perfil do usuário http://gloryclan.forumeiros.com/

Resolvido Re: Como colocar essa caixa

Mensagem por Sennior em 12/10/12, 04:29 pm

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.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum