Painel de login

+5
Cream
leo13victor
hhnu
Rodrigo_Vilhena
Manshu
9 participantes

Ir para baixo

Tópico resolvido Painel de login

Mensagem por Manshu 09.10.11 22:45

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

Membro desde : 12/02/2011
Mensagens : 74
Pontos : 129

http://hackerpb.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de login

Mensagem por Rodrigo_Vilhena 10.10.11 7:09

estou com a mesma dúvida :S
avatar
Rodrigo_Vilhena
*

Membro desde : 20/03/2010
Mensagens : 34
Pontos : 50

http://forum.brasilplaygames.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de login

Mensagem por hhnu 11.10.11 6:25

Este fórum é do forumeiros? Feliz
hhnu
hhnu
**

Membro desde : 26/05/2011
Mensagens : 65
Pontos : 101

http://gzakat.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de login

Mensagem por leo13victor 11.10.11 12:40

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

Membro desde : 02/07/2010
Mensagens : 109
Pontos : 216

http://webinfo.forumfacil.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de login

Mensagem por Manshu 11.10.11 21:46

A gente ajuda plis...
Manshu
Manshu
**

Membro desde : 12/02/2011
Mensagens : 74
Pontos : 129

http://hackerpb.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de login

Mensagem por Cream 11.10.11 21:47

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

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de login

Mensagem por Manshu 14.10.11 2:44

não funcionou.... alguem ajuda ae plis...
Manshu
Manshu
**

Membro desde : 12/02/2011
Mensagens : 74
Pontos : 129

http://hackerpb.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de login

Mensagem por Manshu 19.10.11 11:01

UP!!!
Manshu
Manshu
**

Membro desde : 12/02/2011
Mensagens : 74
Pontos : 129

http://hackerpb.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de login

Mensagem por FabioGC 20.10.11 23:54

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

Membro desde : 12/02/2010
Mensagens : 42
Pontos : 64

http://traderbolsa.ativoforum.com https://www.facebook.com/investimentonabolsa https://www.twitter.com/TraderBolsa

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de login

Mensagem por » UltimateDragon « 21.10.11 11:42

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/#
» UltimateDragon «
» UltimateDragon «
***

Membro desde : 27/07/2011
Mensagens : 106
Pontos : 165

http://pokehain.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de login

Mensagem por Manshu 21.10.11 13:08

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

Membro desde : 12/02/2011
Mensagens : 74
Pontos : 129

http://hackerpb.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de login

Mensagem por FabioGC 22.10.11 0:37

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

Painel de login 4kef6s
avatar
FabioGC
*

Membro desde : 12/02/2010
Mensagens : 42
Pontos : 64

http://traderbolsa.ativoforum.com https://www.facebook.com/investimentonabolsa https://www.twitter.com/TraderBolsa

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de login

Mensagem por Manshu 22.10.11 18:05

Se alguem souber posta ae...
Manshu
Manshu
**

Membro desde : 12/02/2011
Mensagens : 74
Pontos : 129

http://hackerpb.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de login

Mensagem por Convidad 22.10.11 18:23

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!
Anonymous
Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de login

Mensagem por FabioGC 22.10.11 19:58

Opa! Muito obrigado Shek, funcionou perfeitamente. Feliz

avatar
FabioGC
*

Membro desde : 12/02/2010
Mensagens : 42
Pontos : 64

http://traderbolsa.ativoforum.com https://www.facebook.com/investimentonabolsa https://www.twitter.com/TraderBolsa

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de login

Mensagem por Luciano98 22.10.11 23:04

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

Mensagem por Manshu 23.10.11 17:39

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

Membro desde : 12/02/2011
Mensagens : 74
Pontos : 129

http://hackerpb.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de login

Mensagem por patamar16 23.10.11 17:49

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?
patamar16
patamar16
***

Membro desde : 03/09/2009
Mensagens : 152
Pontos : 256

http://imperadores.forumeiro.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de login

Mensagem por Luciano98 23.10.11 17:55

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

Tópico bloqueado
Luciano98
Luciano98
Membro Entusiasta

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

https://ajuda.forumeiros.com

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