Caixa de login flutuante

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

Resolvido Caixa de login flutuante

Mensagem por mulilinho em 04/08/11, 07:43 pm

Qual é minha questão:
Bom eu queria colocar tipo ao lado do logo como mostra a imagem há como ou não?

Medidas que eu tomei para corrigir o problema:
--

Imagens do meu problema:
http://i42.servimg.com/u/f42/16/02/17/68/sem_ta12.png

Endereço do meu fórum:
http://pumacheats.forumeiros.net

Versão do meu fórum:
INVISION
avatar

mulilinho
Nível 9

Masculino
Inscrito dia : 22/01/2011
Mensagens : 162
Pontos Ativos : 250

Ver perfil do usuário http://pumacheats.forumeiros.net

Resolvido Re: Caixa de login flutuante

Mensagem por WinkTech em 04/08/11, 07:45 pm

Poderia nos passar o código de onde viu isso? Piscada
avatar

WinkTech
Usuário destaque

Masculino
Inscrito dia : 08/07/2011
Mensagens : 529
Pontos Ativos : 727

Ver perfil do usuário http://winktech.forumbrasil.net

Resolvido Re: Caixa de login flutuante

Mensagem por mulilinho em 04/08/11, 08:06 pm

Código:
 <div id='header'>
            <div id='branding'>
 
 
<div id='user_bar'>
           
           
               <div id='user_navigation' class='not_logged_in'>
               <div id='user_links'>
                       <a href='http://www.strondacheats.com/index.php?app=core&amp;module=global&amp;section=login' title='Entrar'><img src='http://www.strondacheats.com/public/style_images/splat/key.png' alt='' /> Entrar</a>
                  <a href="http://www.strondacheats.com/index.php?app=core&amp;module=global&amp;section=register" title='Cadastre-se'><img src='http://www.strondacheats.com/public/style_images/splat/paste_plain.png' alt='' /> Cadastre-se</a>
                  <a href="http://www.strondacheats.com/index.php?app=core&amp;module=help" title='Ver ajuda' rel="help" accesskey='6'><img src='http://www.strondacheats.com/public/style_images/splat/help.png' alt='' /> Ajuda</a>
               <br class='clear' />
                    </div>
                    </div>
            
            
           
            </div>
mais queria em css '-'
avatar

mulilinho
Nível 9

Masculino
Inscrito dia : 22/01/2011
Mensagens : 162
Pontos Ativos : 250

Ver perfil do usuário http://pumacheats.forumeiros.net

Resolvido Re: Caixa de login flutuante

Mensagem por WinkTech em 04/08/11, 08:07 pm

amigo, errei na minha mensagem rsrsrsrsr

Poderia nos passar o SITE onde viu isso?

desculpe-me.
avatar

WinkTech
Usuário destaque

Masculino
Inscrito dia : 08/07/2011
Mensagens : 529
Pontos Ativos : 727

Ver perfil do usuário http://winktech.forumbrasil.net

Resolvido Re: Caixa de login flutuante

Mensagem por mulilinho em 04/08/11, 08:08 pm

avatar

mulilinho
Nível 9

Masculino
Inscrito dia : 22/01/2011
Mensagens : 162
Pontos Ativos : 250

Ver perfil do usuário http://pumacheats.forumeiros.net

Resolvido Re: Caixa de login flutuante

Mensagem por Dury em 04/08/11, 08:26 pm

Olá,

Painel de controle ->> Visualização ->> Imagens e Cores ->> Cores ->> Folha de estilo CSS ->>
Adicione o seguinte código:
Código:
/* Widget com informações de Login */
#header
{position:fixed; bottom:87%; margin-left: 910px; float:left;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;
font-weight: bold;
}

#header .sbutton
{float:left;clear:both;margin:10px 10px 0 10px;
}

Painel de controle ->> Módulos ->> Portal & Widgets ->> Gestão dos widgets do fórum ->>
Crie um novo widget personalizado, e no campo "Fonte do widget" adicione o seguinte código:
<div id='header'>
<div id='branding'>

<div id='user_bar'>


<div id='user_navigation' class='not_logged_in'>
<div id='user_links'>
<p><a href='ENDEREÇO_DO_ENTRAR' title='Entrar'><img src='http://www.strondacheats.com/public/style_images/splat/key.png' alt='' /> Entrar</a>
<a href="ENDEREÇO_DO_REGISTRAR" title='Cadastre-se'><img src='http://www.strondacheats.com/public/style_images/splat/paste_plain.png' alt='' /> Cadastre-se</a>
<a href="ENDEREÇO_DO_HELP" title='Ver ajuda' rel="help" accesskey='6'><img src='http://www.strondacheats.com/public/style_images/splat/help.png' alt='' /> Ajuda</a></p>
<br class='clear' />
</div>
</div>



</div>
Veja se resulta.

Até mais!
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Caixa de login flutuante

Mensagem por mulilinho em 04/08/11, 08:53 pm

Não deu o resultado esperado
pois o botão aconpanha na pagina inteira '-'
sendo que é só no logo '-'
e como vou colocar em cima do fórum por ex.
avatar

mulilinho
Nível 9

Masculino
Inscrito dia : 22/01/2011
Mensagens : 162
Pontos Ativos : 250

Ver perfil do usuário http://pumacheats.forumeiros.net

Resolvido Re: Caixa de login flutuante

Mensagem por Dury em 04/08/11, 09:06 pm

Olá e boa noite!

Desculpe, é que não havia citado. Para isso é só adicionar o absolute no código. Substitua seu CSS por esse:
Código:
/* Widget com informações de Login */
#header
{position: absolute; bottom:87%; margin-left: 910px; float:left;
display: block;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;
font-weight: bold;
}

#header .sbutton
{float:left;clear:both;margin:10px 10px 0 10px;
}

Novamente, peço desculpas.
Envergonhado
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Caixa de login flutuante

Mensagem por mulilinho em 04/08/11, 09:29 pm

Olá novamente
tem outro jeite de adicionar sem ser por widget
pois estraga o template do fórum omg~
avatar

mulilinho
Nível 9

Masculino
Inscrito dia : 22/01/2011
Mensagens : 162
Pontos Ativos : 250

Ver perfil do usuário http://pumacheats.forumeiros.net

Resolvido Re: Caixa de login flutuante

Mensagem por Dury em 04/08/11, 09:48 pm

Olá,

Poderia apresentar-me uma imagem sobre o problema? Lembre-se que deve criar um novo widget e adicioná-lo visível apenas aos visitantes, pois os links nele contido são para visitantes.

Até!
Piscada
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Caixa de login flutuante

Mensagem por Cristian 95 em 04/08/11, 11:19 pm

Olá, poderiam me ajudar também? o meu funcionou mas ficou pequeno de mais, eu usou o primeiro código postado por Jeffrey. veja o resultado: http://sem-nome.forumeiros.com/portal
avatar

Cristian 95
Usuário destaque

Masculino
Inscrito dia : 16/12/2010
Mensagens : 946
Pontos Ativos : 1278

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

Resolvido Loing ajuda é cadastra

Mensagem por matheuspaiva em 05/08/11, 09:44 am

Qual é minha questão:
Olá!

Queria saber como é aonde posso colocar o Loing ajuda é cadastra tipo este forum http://www.strondacheats.com/ queria que no forum ele tives la em sima tanbem é tira a visualização do cadastra é loing mais isso é da pagina é subistitoi o retirado pela loing cadayra é ajuda do linck que eu enviei

Medidas que eu tomei para corrigir o problema:
---

Imagens do meu problema:
----

Endereço do meu fórum:
http://animestag.forumeiros.net/forum

Versão do meu fórum:
PUNBB
avatar

matheuspaiva
Nível 8

Masculino
Inscrito dia : 06/06/2011
Mensagens : 121
Pontos Ativos : 200

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

Resolvido Re: Caixa de login flutuante

Mensagem por WinkTech em 05/08/11, 09:54 am

Olá,

Painel de controle ->> Visualização ->> Imagens e Cores ->> Cores ->> Folha de estilo CSS ->>
Adicione o seguinte código:

/* Widget com informações de Login */
#header
{position: absolute; bottom:87%; margin-left: 910px; float:left;
display: block;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;
font-weight: bold;
}

#header .sbutton
{float:left;clear:both;margin:10px 10px 0 10px;
}

Painel de controle ->> Módulos ->> Portal & Widgets ->> Gestão dos widgets do fórum ->>
Crie um novo widget personalizado, e no campo "Fonte do widget" adicione o seguinte código:

<div id='header'>
<div id='branding'>

<div id='user_bar'>


<div id='user_navigation' class='not_logged_in'>
<div id='user_links'>
<p><a href='ENDEREÇO_DO_ENTRAR' title='Entrar'><img src='http://www.strondacheats.com/public/style_images/splat/key.png' alt='' /> Entrar</a>
<a href="ENDEREÇO_DO_REGISTRAR" title='Cadastre-se'><img src='http://www.strondacheats.com/public/style_images/splat/paste_plain.png' alt='' /> Cadastre-se</a>
<a href="ENDEREÇO_DO_HELP" title='Ver ajuda' rel="help" accesskey='6'><img src='http://www.strondacheats.com/public/style_images/splat/help.png' alt='' /> Ajuda</a></p>
<br class='clear' />
</div>
</div>



</div>

Resolve?
avatar

WinkTech
Usuário destaque

Masculino
Inscrito dia : 08/07/2011
Mensagens : 529
Pontos Ativos : 727

Ver perfil do usuário http://winktech.forumbrasil.net

Resolvido Re: Caixa de login flutuante

Mensagem por matheuspaiva em 05/08/11, 10:27 am

Bom eu consegir colocar eles mais não consegir obiter o resutado esperado, queria que ele ficase feito uma linha como mostra no linck é ocuta os do forum
avatar

matheuspaiva
Nível 8

Masculino
Inscrito dia : 06/06/2011
Mensagens : 121
Pontos Ativos : 200

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

Resolvido Re: Caixa de login flutuante

Mensagem por WinkTech em 05/08/11, 10:46 am

não entendi amigo :S
avatar

WinkTech
Usuário destaque

Masculino
Inscrito dia : 08/07/2011
Mensagens : 529
Pontos Ativos : 727

Ver perfil do usuário http://winktech.forumbrasil.net

Resolvido Re: Caixa de login flutuante

Mensagem por matheuspaiva em 05/08/11, 10:53 am

no linck ue eu li enviei a barra contendo cadastra loing é ajuda esta na vertical ou é na diagonal.
avatar

matheuspaiva
Nível 8

Masculino
Inscrito dia : 06/06/2011
Mensagens : 121
Pontos Ativos : 200

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

Resolvido Re: Caixa de login flutuante

Mensagem por Dury em 05/08/11, 12:24 pm

Olá,

Deverá editar o seu CSS Cristian 95 e modificar o valor do mesmo para direita ou esquerda. Estive observando no seu fórum e o erro está pelo fato de estar acima de mais no fórum, o que gera conflito, pois o código "que aparecer", logo se levado muita para as extremidades da página ele sempre vai querer ficar aparecendo e cometendo esses erros que no caso é o seu.

{position: absolute; bottom:87%; margin-left: 910px; float:left;

Vermelho: Valor em altura do objetivo na página
Azul: Valor deste objeto para direita ou esquerda.


Bom dia Matheus!

Em relação a sua questão que foi unificada, eu não cheguei a compreender corretamente o que deseja. Se quizer adicionar essa função no fórum poderá simplesmente adicionar o CSS e o código no Widget personalizado, ao qual vai obter o resultado dele parado onde determinou com o código que expliquei acima, na resposta ao Cristian.

Se possível Matheus queira especificar melhor o que deseja. E por favor, evite a linguagem do MSN/SMS pois a mesma não é tolerada, fazendo com que o seu suporte seja lento e desvalorizado.

Até mais!
Piscada

Tópico "Loing ajuda é cadastra" unido com "Caixa de login" em "Questões sobre códigos".
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Caixa de login flutuante

Mensagem por mulilinho em 05/08/11, 02:24 pm

@Jeffrey escreveu:Olá,

Poderia apresentar-me uma imagem sobre o problema? Lembre-se que deve criar um novo widget e adicioná-lo visível apenas aos visitantes, pois os links nele contido são para visitantes.

Até!
Piscada


Sim, mais tipo
como eu coloco ele apenas para visitantes
e outra...
quando torno o widget visivel ele cria uma barra ao lado do fórum pois é do template
e desconfigura o fórum q é sem widgets
há como adiciona-lo como folha html ou Java?
algo assim '-'
avatar

mulilinho
Nível 9

Masculino
Inscrito dia : 22/01/2011
Mensagens : 162
Pontos Ativos : 250

Ver perfil do usuário http://pumacheats.forumeiros.net

Resolvido Re: Caixa de login flutuante

Mensagem por Dury em 05/08/11, 09:25 pm

Olá,

Painel de controle ->> Visualização ->> Home Page ->> Geral ->>
Na caixa de texto "Conteúdo da mensagem" coloque o código acima.

Código:
<div id='header'>
<div id='branding'>

<div id='user_bar'>


<div id='user_navigation' class='not_logged_in'>
<div id='user_links'>
<p><a href='ENDEREÇO_DO_ENTRAR' title='Entrar'><img src='http://www.strondacheats.com/public/style_images/splat/key.png' alt='' /> Entrar</a>
<a href="ENDEREÇO_DO_REGISTRAR" title='Cadastre-se'><img src='http://www.strondacheats.com/public/style_images/splat/paste_plain.png' alt='' /> Cadastre-se</a>
<a href="ENDEREÇO_DO_HELP" title='Ver ajuda' rel="help" accesskey='6'><img src='http://www.strondacheats.com/public/style_images/splat/help.png' alt='' /> Ajuda</a></p>
<br class='clear' />
</div>
</div>



</div>

Boa noite!
Piscada
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Caixa de login flutuante

Mensagem por mulilinho em 06/08/11, 08:32 pm

não entendi -.-'
avatar

mulilinho
Nível 9

Masculino
Inscrito dia : 22/01/2011
Mensagens : 162
Pontos Ativos : 250

Ver perfil do usuário http://pumacheats.forumeiros.net

Resolvido Re: Caixa de login flutuante

Mensagem por Cristian 95 em 06/08/11, 11:19 pm

Jeffrey não deu certo... não tem como por uma posição fixa? sem que ele fica se movendo?
avatar

Cristian 95
Usuário destaque

Masculino
Inscrito dia : 16/12/2010
Mensagens : 946
Pontos Ativos : 1278

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

Resolvido Re: Caixa de login flutuante

Mensagem por Luciano98 em 06/08/11, 11:35 pm

@Cristian 95 escreveu:Jeffrey não deu certo... não tem como por uma posição fixa? sem que ele fica se movendo?
Sim.

Poste o código dele que você usou aqui no tópico.

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Caixa de login flutuante

Mensagem por Cristian 95 em 07/08/11, 12:01 am

@Luciano... foram esses, só alterei a posição, que acho que não faz diferença. .-.

@Jeffrey escreveu:Olá,

Painel de controle ->> Visualização ->> Imagens e Cores ->> Cores ->> Folha de estilo CSS ->>
Adicione o seguinte código:
Código:
/* Widget com informações de Login */
#header
{position:fixed; bottom:87%; margin-left: 910px; float:left;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;
font-weight: bold;
}

#header .sbutton
{float:left;clear:both;margin:10px 10px 0 10px;
}

Painel de controle ->> Módulos ->> Portal & Widgets ->> Gestão dos widgets do fórum ->>
Crie um novo widget personalizado, e no campo "Fonte do widget" adicione o seguinte código:
<div id='header'>
<div id='branding'>

<div id='user_bar'>


<div id='user_navigation' class='not_logged_in'>
<div id='user_links'>
<p><a href='ENDEREÇO_DO_ENTRAR' title='Entrar'><img src='http://www.strondacheats.com/public/style_images/splat/key.png' alt='' /> Entrar</a>
<a href="ENDEREÇO_DO_REGISTRAR" title='Cadastre-se'><img src='http://www.strondacheats.com/public/style_images/splat/paste_plain.png' alt='' /> Cadastre-se</a>
<a href="ENDEREÇO_DO_HELP" title='Ver ajuda' rel="help" accesskey='6'><img src='http://www.strondacheats.com/public/style_images/splat/help.png' alt='' /> Ajuda</a></p>
<br class='clear' />
</div>
</div>



</div>
Veja se resulta.

Até mais!
avatar

Cristian 95
Usuário destaque

Masculino
Inscrito dia : 16/12/2010
Mensagens : 946
Pontos Ativos : 1278

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

Resolvido Re: Caixa de login flutuante

Mensagem por Luciano98 em 07/08/11, 03:24 am

Olá!

Substitua aquele CSS por esse:
Código:
/* Widget com informações de Login */
#header{position:absolute;bottom:87%;margin-left:910px;float:left;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;font-weight:bold}#header .sbutton{float:left;clear:both;margin:10px 10px 0 10px}

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Caixa de login flutuante

Mensagem por Mikáá em 07/08/11, 06:13 am

Olá!

Fiz um código para si que funciona em todas as versões para os Fóruns Forumeiros!

Adicione este código a Home Page do seu fórum:
<div style="position: absolute; top: 45px; right: 253px;"><div id="user_bar">


<div class="not_logged_in" id="user_navigation">
<div id="user_links">
<a title="Entrar" href="http://www.strondacheats.com/index.php?app=core&amp;module=global&amp;section=login"><img alt="" src="http://www.strondacheats.com/public/style_images/splat/key.png"> Entrar</a>
<a title="Cadastre-se" href="http://www.strondacheats.com/index.php?app=core&amp;module=global&amp;section=register"><img alt="" src="http://www.strondacheats.com/public/style_images/splat/paste_plain.png"> Cadastre-se</a>
<a accesskey="6" rel="help" title="Ver ajuda" href="http://www.strondacheats.com/index.php?app=core&amp;module=help"><img alt="" src="http://www.strondacheats.com/public/style_images/splat/help.png"> Ajuda</a>
<br class="clear">
</div>
</div>



</div> </div>

Flecha ajudeiros Altere o valor a vermelho para descer ou subir a caixa de login em seu fórum!

Adicione este código ao CSS do seu Fórum:
Código:
#user_bar {
    background: url("http://www.strondacheats.com/public/style_images/splat/userbar.png") repeat-x scroll center top #DCDCDC;
    border: 1px solid #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    float: right;
    font-size: 0.9em;
    height: 30px;
top: -424px;
}

O código funciona em meu fórum, espero que resulte!

Até mais.
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Caixa de login flutuante

Mensagem por matheuspaiva em 07/08/11, 07:49 am

Aonde seria a home pagina?(eu me esquese)
avatar

matheuspaiva
Nível 8

Masculino
Inscrito dia : 06/06/2011
Mensagens : 121
Pontos Ativos : 200

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

Resolvido Re: Caixa de login flutuante

Mensagem por Mikáá em 07/08/11, 07:54 am

Olá!

Siga:
Painel Flecha ajudeiros Visualização Flecha ajudeiros HomePage Flecha ajudeiros Geral

Até maisl
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

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