Painel de login

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

  • 0

Resolvido Painel de login

Mensagem por Manshu em 09/10/11, 06:45 pm

Qual é minha questão:
Ae queria deixar o um painel de login la em cima da página que nem desse fórum: http://www.foxdesigner.biz/forum


Valeu pela atenção de todos...

Medidas que eu tomei para corrigir o problema:
nenhuma

Imagens do meu problema:


Endereço do meu fórum:
http://pro-universalcheats.forumeiros.com

Versão do meu fórum:
PHPBB3
avatar

Manshu
Nível 6

Masculino
Inscrito dia : 12/02/2011
Mensagens : 74
Pontos Ativos : 129

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

Resolvido Re: Painel de login

Mensagem por Rodrigo_Vilhena em 10/10/11, 03:09 am

estou com a mesma dúvida :S

Rodrigo_Vilhena
Nível 4

Masculino
Inscrito dia : 20/03/2010
Mensagens : 34
Pontos Ativos : 50

Ver perfil do usuário http://forum.brasilplaygames.com.br

Resolvido Re: Painel de login

Mensagem por hhnu em 11/10/11, 02:25 am

Este fórum é do forumeiros? Feliz
avatar

hhnu
Nível 6

Masculino
Inscrito dia : 26/05/2011
Mensagens : 65
Pontos Ativos : 101

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

Resolvido Re: Painel de login

Mensagem por leo13victor em 11/10/11, 08:40 am

Sim esse forum foi é da forumeiros não consegue ver os créditos em baixo
avatar

leo13victor
Nível 8

Masculino
Inscrito dia : 02/07/2010
Mensagens : 109
Pontos Ativos : 216

Ver perfil do usuário http://webinfo.forumfacil.net

Resolvido Re: Painel de login

Mensagem por Manshu em 11/10/11, 05:46 pm

A gente ajuda plis...
avatar

Manshu
Nível 6

Masculino
Inscrito dia : 12/02/2011
Mensagens : 74
Pontos Ativos : 129

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

Resolvido Re: Painel de login

Mensagem por Cream em 11/10/11, 05:47 pm

Olá,

Não tenho o código exato, mas podes personalizar de acordo com este, veja:
Código:
        <!-- The CSS -->
            <link rel="stylesheet" href="http://web-kreation.com/demos/login_form_mootools_1.2/fx.slide.css" type="text/css" media="screen" />
            <style>
            #login {
            overflow: visible;
            height: auto;
            -webkit-transition:  margin-top 0.5s ease-in-out 0s;
            -moz-transition:  margin-top 0.5s ease-in-out 0s;
            -o-transition:    margin-top 0.5s ease-in-out 0s;
            transition:    margin-top 0.5s ease-in-out 0s;
     
            }
     
            /* Login Panel I */
            #topp {
            height: 38px;
            position: relative;
            }
     
            #topp ul.login {
            display: block;
            position: relative;
            float: right;
            clear: right;
            height: 38px;
            width: auto;
            font-weight: bold;
            line-height: 38px;
            margin: 0;
            right: 150px;
            color: white;
            font-size: 80%;
            text-align: center;
            padding-right: 45px;
            }
     
            #topp ul.login li.left {
            height: 38px;
            width: 45px;
            padding: 0;
            margin: 0;
            display: block;
            float: left;
            }
     
            #topp ul.login li {
            text-align: left;
            padding: 0 6px;
            display: block;
            float: left;
            height: 38px;
            }
            #topp ul.login li a {color: #33CCCC;}
            #topp ul.login li a:hover {color: white;}
     
            /* Login Panel */
            #topp {
            background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_top.jpg) repeat-x 0 0;}
     
            #topp ul.login {
            background: url(http://img18.imageshack.us/img18/3017/loginrw.png) no-repeat right 0;}
     
            #topp ul.login li.left {
            background: url(http://img41.imageshack.us/img41/3439/loginlc.png) no-repeat left 0;}
     
            #topp ul.login li {
            background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_m.jpg) repeat-x 0 0;}
     
            /*Login*/
            /* toggle effect - show/hide login*/
            #login {
            background: #1E1E1E;}
     
            #login .loginContent input:focus.field {
            background: #545454;}
     
            #login .loginContent{padding-top:0px;width:790px;height:100px;}
     
            #login .loginContent input.button_login {
            background: transparent url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_login.jpg) no-repeat 0 0;}
     
            #login .loginClose a {
            background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg) no-repeat right 0;}
     
            #login .loginClose a:hover {
            background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg) no-repeat right -20px;}
            </style>
     
            <!-- Login --><div id="loginn" style="display: block;position: absolute;left: 0px;top: 0px;width: 100%;"><div id="login" style="margin-top:-100px;"><div class="loginContent">
     
     
     
     
            <table  style="width:100%;"  border="0">
            <tr>
     
            <td style="text-align:center;">
            <table border="0">
            <tr>
     
            <td>
            <script>
            jQuery(document).ready(function(){
              jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
                  link = jQuery('.panel dl:first img', data).attr('src');
                  if(link){
                    jQuery('#avatar').html('<img src="'+link+'" align="left" width="60" height="80">');
                  }else{
                    jQuery('#avatar').html('');
                  }
              });
            });
            </script><div id="avatar"><center><img src="http://i53.tinypic.com/1e1fex.gif"></center></div>
            </td>
     
            <td>
            <span style="font-size: 1.2em;">
            <font size="4"><a href="http://pwn3dmods.forumbrasil.net/profile.forum?mode=viewprofile&amp;u=283">{USERNAME}</a></font>
     
            <b>Mensagens:</b> {USERCOUNTPOST}
            </span>
            </td>
     
            </tr>
            </table>
            </td>
     
     
     
            <td style="text-align:center;">
            <span style="font-size: 1.2em;"><b>Alterar</b>
     
            <a href="../profile.forum?mode=editprofile&amp;page_profil=informations">Informações</a>
     
            <a href="../profile.forum?mode=editprofile&amp;page_profil=preferences">Preferências</a>
     
            <a href="../profile.forum?mode=editprofile&amp;page_profil=signature">Assinatura</a>
     
            <a href="../profile.forum?mode=editprofile&amp;page_profil=avatars">Avatar</a>
     
            </span>
            </td>
     
            <td style="text-align:center;">
            <span style="font-size: 1.2em;"><b>Ver</b>
     
            <a href="../profile.forum?mode=editprofile&amp;page_profil=friendsfoes">Amigos & ignorados</a>
     
            <a href="../search.forum?search_id=watchsearch">Tópicos supervisionados</a>
     
            <a href="../search.forum?search_id=draftsearch">Rascunhos</a>
     
            <a href="../search.forum?search_id=favouritesearch">Tópicos favoritos</a>
     
                 
            </span>
            </td>
     
            <td style="text-align:center;">
            <span style="font-size: 1.2em;"><b>Tópicos & Mensagens</b>
     
            <a href="../msg.forum?folder=inbox">Mensagens Privadas</a>
     
            <a href="../search.forum?search_topics=Victor">Meus tópicos</a>
     
            <a href="../search.forum?search_id=egosearch">Tópicos que participa</a>
     
            <a href="../search.forum?search_author=Victor&show_results=posts">Minhas mensagens</a>
     
            <a href="../search.forum?search_id=newposts">Últimos tópicos</a>
     
            </span>
            </td>
     
            </tr>
            </table>
     
     
     
     
            </div>
     
            </div>
     
     
            <!-- /login --><div id="container"><div id="topp">
     
            <!-- login -->
     
            <ul class="login">
     
            <li class="left"> </li>
     
            <li><a id="toggleLogin" href="#" onclick="document.getElementById('login').style.marginTop=((document.getElementById('login').style.marginTop=='0px')? '-100px' : '0px');">Painel de Usuário</a></li>
     
            </ul> <!-- / login -->
     
            </div> <!-- / topp --><div class="clearfix"></div>
            </div></p></div>

Coloque em um WidGet!
Painel de Controles -> Módulo -> Gestão dos widgets do fórum -> Criar um widget personalizado

Até mais.
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

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

Resolvido Re: Painel de login

Mensagem por Manshu em 13/10/11, 10:44 pm

não funcionou.... alguem ajuda ae plis...
avatar

Manshu
Nível 6

Masculino
Inscrito dia : 12/02/2011
Mensagens : 74
Pontos Ativos : 129

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

Resolvido Re: Painel de login

Mensagem por Manshu em 19/10/11, 08:01 am

UP!!!
avatar

Manshu
Nível 6

Masculino
Inscrito dia : 12/02/2011
Mensagens : 74
Pontos Ativos : 129

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

Resolvido Re: Painel de login

Mensagem por FabioGC em 20/10/11, 08:54 pm

Também gostaria de saber a mesma coisa que o Manshu, faz tempo que procuro o código para colocar esse mesmo painel de login porém não consigo.

FabioGC
Nível 5

Masculino
Inscrito dia : 12/02/2010
Mensagens : 42
Pontos Ativos : 64

Ver perfil do usuário http://traderbolsa.ativoforum.com

Resolvido Re: Painel de login

Mensagem por » UltimateDragon « em 21/10/11, 08:42 am

Olha, você coloca ele no Widget do forúm e abre o Widget. Lá no topo da página vai aparecer o nome Painel de Login, clique lá e pronto. Tem que colar o código criando um Widget Personalizado. Prova: http://pokehain.forumeiros.com/#
avatar

» UltimateDragon «
Nível 8

Masculino
Inscrito dia : 27/07/2011
Mensagens : 106
Pontos Ativos : 165

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

Resolvido Re: Painel de login

Mensagem por Manshu em 21/10/11, 10:08 am

tipo eu queria que nem o do fórum la e não um wedget do lado esquerdo...
avatar

Manshu
Nível 6

Masculino
Inscrito dia : 12/02/2011
Mensagens : 74
Pontos Ativos : 129

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

Resolvido Re: Painel de login

Mensagem por FabioGC em 21/10/11, 09:37 pm

O código para ter essa barra de login que está indicada pelas setas vermelhas...


FabioGC
Nível 5

Masculino
Inscrito dia : 12/02/2010
Mensagens : 42
Pontos Ativos : 64

Ver perfil do usuário http://traderbolsa.ativoforum.com

Resolvido Re: Painel de login

Mensagem por Manshu em 22/10/11, 03:05 pm

Se alguem souber posta ae...
avatar

Manshu
Nível 6

Masculino
Inscrito dia : 12/02/2011
Mensagens : 74
Pontos Ativos : 129

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

Resolvido Re: Painel de login

Mensagem por Convidad em 22/10/11, 03:23 pm

Boa tarde!

Painen de con... Flecha ajudeiros Visualização Flecha ajudeiros Imagens e Cores :ajudeios: Cores Flecha ajudeiros Folha de estilo CSS Seta
Código:
.user_login_form {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#555555 none repeat scroll 0 0;
left:0;
opacity:0.75;
position:fixed;
top:0;
width:100%;
}

.user_login_form label {
color:#FFFFFF;
opacity:1;
}

Passar bem!

Convidad
Convidado


Resolvido Re: Painel de login

Mensagem por FabioGC em 22/10/11, 04:58 pm

Opa! Muito obrigado Shek, funcionou perfeitamente. Feliz


FabioGC
Nível 5

Masculino
Inscrito dia : 12/02/2010
Mensagens : 42
Pontos Ativos : 64

Ver perfil do usuário http://traderbolsa.ativoforum.com

Resolvido Re: Painel de login

Mensagem por Luciano98 em 22/10/11, 08:04 pm

Olá!

O código passo pelo Shek retira os dois painéis de login do corpo do fórum, esse que estou passando só retira o último e primeiro continua no corpo do fórum normalmente.

Painel de Controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS

Código:
#main-content .user_login_form:last-child{background:#555 none repeat scroll 0px 0px;left:0px;opacity:0.75;position:fixed;top:0px;width:100%}

Salve.

Posso saber se a sua dúvida está resolvida, Manshu?

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: Painel de login

Mensagem por Manshu em 23/10/11, 02:39 pm

Valeu resolvido... Obrigado pela atenção de todos.. =D
avatar

Manshu
Nível 6

Masculino
Inscrito dia : 12/02/2011
Mensagens : 74
Pontos Ativos : 129

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

Resolvido Re: Painel de login

Mensagem por patamar16 em 23/10/11, 02:49 pm

Opa, Sei que ta resolvido, mais fiz isso, e queria saber se há algum modo de inserir esta barra la em cima juntamente com uma radio. eu queria usar um iframe neste link:
http://radioelectrovibe.com.br/player.php
Esta Radio e de um Conhecido na Net, e Me Deichou colocar no forum. Podem me ajudar?
avatar

patamar16
Nível 9

Masculino
Inscrito dia : 03/09/2009
Mensagens : 152
Pontos Ativos : 256

Ver perfil do usuário http://imperadores.forumeiro.com

Resolvido Re: Painel de login

Mensagem por Luciano98 em 23/10/11, 02:55 pm

Patamar16, crie um novo tópico para sua dúvida.

Tópico bloqueado
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

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