Caixa de login flutuante

+3
Dury
WinkTech
mulilinho
7 participantes

Ir para baixo

Tópico resolvido Caixa de login flutuante

Mensagem por mulilinho 04.08.11 23:43

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:
https://i.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
mulilinho
mulilinho
***

Membro desde : 22/01/2011
Mensagens : 162
Pontos : 250

http://pumacheats.forumeiros.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa de login flutuante

Mensagem por WinkTech 04.08.11 23:45

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

Membro desde : 08/07/2011
Mensagens : 529
Pontos : 727

http://winktech.forumbrasil.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa de login flutuante

Mensagem por mulilinho 05.08.11 0:06

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 '-'
mulilinho
mulilinho
***

Membro desde : 22/01/2011
Mensagens : 162
Pontos : 250

http://pumacheats.forumeiros.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa de login flutuante

Mensagem por WinkTech 05.08.11 0:07

amigo, errei na minha mensagem rsrsrsrsr

Poderia nos passar o SITE onde viu isso?

desculpe-me.
WinkTech
WinkTech
Membro

Membro desde : 08/07/2011
Mensagens : 529
Pontos : 727

http://winktech.forumbrasil.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa de login flutuante

Mensagem por mulilinho 05.08.11 0:08

mulilinho
mulilinho
***

Membro desde : 22/01/2011
Mensagens : 162
Pontos : 250

http://pumacheats.forumeiros.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa de login flutuante

Mensagem por Dury 05.08.11 0:26

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!
Dury
Dury
Membro Entusiasta

Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829

https://shiftactive.blogspot.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa de login flutuante

Mensagem por mulilinho 05.08.11 0:53

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.
mulilinho
mulilinho
***

Membro desde : 22/01/2011
Mensagens : 162
Pontos : 250

http://pumacheats.forumeiros.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa de login flutuante

Mensagem por Dury 05.08.11 1:06

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
Dury
Dury
Membro Entusiasta

Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829

https://shiftactive.blogspot.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa de login flutuante

Mensagem por mulilinho 05.08.11 1:29

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

Membro desde : 22/01/2011
Mensagens : 162
Pontos : 250

http://pumacheats.forumeiros.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa de login flutuante

Mensagem por Dury 05.08.11 1:48

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
Dury
Dury
Membro Entusiasta

Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829

https://shiftactive.blogspot.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa de login flutuante

Mensagem por Cristian 95 05.08.11 3:19

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
Cristian 95
Cristian 95
Membro

Membro desde : 16/12/2010
Mensagens : 946
Pontos : 1278

http://secondlifevirtual.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Loing ajuda é cadastra

Mensagem por matheuspaiva 05.08.11 13:44

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
matheuspaiva
matheuspaiva
***

Membro desde : 07/06/2011
Mensagens : 121
Pontos : 200

http://animelandia251.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa de login flutuante

Mensagem por WinkTech 05.08.11 13:54

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?
WinkTech
WinkTech
Membro

Membro desde : 08/07/2011
Mensagens : 529
Pontos : 727

http://winktech.forumbrasil.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa de login flutuante

Mensagem por matheuspaiva 05.08.11 14:27

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
matheuspaiva
matheuspaiva
***

Membro desde : 07/06/2011
Mensagens : 121
Pontos : 200

http://animelandia251.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa de login flutuante

Mensagem por WinkTech 05.08.11 14:46

não entendi amigo :S
WinkTech
WinkTech
Membro

Membro desde : 08/07/2011
Mensagens : 529
Pontos : 727

http://winktech.forumbrasil.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa de login flutuante

Mensagem por matheuspaiva 05.08.11 14:53

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

Membro desde : 07/06/2011
Mensagens : 121
Pontos : 200

http://animelandia251.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa de login flutuante

Mensagem por Dury 05.08.11 16:24

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".
Dury
Dury
Membro Entusiasta

Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829

https://shiftactive.blogspot.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa de login flutuante

Mensagem por mulilinho 05.08.11 18:24

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 '-'
mulilinho
mulilinho
***

Membro desde : 22/01/2011
Mensagens : 162
Pontos : 250

http://pumacheats.forumeiros.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa de login flutuante

Mensagem por Dury 06.08.11 1:25

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
Dury
Dury
Membro Entusiasta

Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829

https://shiftactive.blogspot.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa de login flutuante

Mensagem por mulilinho 07.08.11 0:32

não entendi -.-'
mulilinho
mulilinho
***

Membro desde : 22/01/2011
Mensagens : 162
Pontos : 250

http://pumacheats.forumeiros.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa de login flutuante

Mensagem por Cristian 95 07.08.11 3:19

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

Membro desde : 16/12/2010
Mensagens : 946
Pontos : 1278

http://secondlifevirtual.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa de login flutuante

Mensagem por Luciano98 07.08.11 3:35

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.
Luciano98
Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa de login flutuante

Mensagem por Cristian 95 07.08.11 4:01

@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!
Cristian 95
Cristian 95
Membro

Membro desde : 16/12/2010
Mensagens : 946
Pontos : 1278

http://secondlifevirtual.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa de login flutuante

Mensagem por Luciano98 07.08.11 7:24

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.
Luciano98
Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa de login flutuante

Mensagem por Mikáá 07.08.11 10:13

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.
Mikáá
Mikáá
Hiper Membro

Membro desde : 13/02/2010
Mensagens : 3158
Pontos : 4014

https://www.facebook.com/amo.e.odeio

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa de login flutuante

Mensagem por matheuspaiva 07.08.11 11:49

Aonde seria a home pagina?(eu me esquese)
matheuspaiva
matheuspaiva
***

Membro desde : 07/06/2011
Mensagens : 121
Pontos : 200

http://animelandia251.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa de login flutuante

Mensagem por Mikáá 07.08.11 11:54

Olá!

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

Até maisl
Mikáá
Mikáá
Hiper Membro

Membro desde : 13/02/2010
Mensagens : 3158
Pontos : 4014

https://www.facebook.com/amo.e.odeio

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos