Caixa de login flutuante

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

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

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

amigo, errei na minha mensagem rsrsrsrsr

Poderia nos passar o SITE onde viu isso?

desculpe-me.

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!

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.

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.

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

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

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

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

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?

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

não entendi amigo :S

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

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!


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

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

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

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!

não entendi -.-'

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

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.

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

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.

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>

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.

Aonde seria a home pagina?(eu me esquese)

Olá!

Siga:
Painel Visualização HomePage Geral

Até maisl