Barra de login superior

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

Resolvido Barra de login superior

Mensagem por Taynã em 23/02/11, 09:39 am

Qual é sua questão:
Eu queria botar uma barra de login na parte superior do fórum,não aquela que tem suporte para mudar os botões eu não tenho imagens infelizmente.

Se não entendeu pergunte.

Que medidas você tomou para corrigir o problema:
x

Apresente-nos imagens do problema (se necessário):
x
avatar

Taynã
Membro do Fórum

Masculino
Inscrito dia : 22/11/2010
Mensagens : 1172
Pontos Ativos : 1550

Ver perfil do usuário http://publieiros.com

Resolvido Re: Barra de login superior

Mensagem por #Frank! em 23/02/11, 09:45 am

Bom dia !

Primeiro iremos acender a :
Painel de controle Seta Visualização :seta2: Geral.
Irá abrir uma página, role para baixo e no conteúdo dela coloque este código :


Código:
<!DOCTYPE>

<!-- 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">{USERLINK}</font><br />
<b>Mensagens:</b> {USERCOUNTPOST}
</span>
</td>

</tr>
</table>
</td>



<td style="text-align:center;">
<span style="font-size: 1.2em;"><b>Alterar</b><br />
<a href="../profile.forum?mode=editprofile&amp;page_profil=informations">Informações</a><br />
<a href="../profile.forum?mode=editprofile&amp;page_profil=preferences">Preferências</a><br />
<a href="../profile.forum?mode=editprofile&amp;page_profil=signature">Assinatura</a><br />
<a href="../profile.forum?mode=editprofile&amp;page_profil=avatars">Avatar</a><br />
</span>
</td>

<td style="text-align:center;">
<span style="font-size: 1.2em;"><b>Ver</b><br />
<a href="../profile.forum?mode=editprofile&amp;page_profil=friendsfoes">Amigos & ignorados</a><br />
<a href="../search.forum?search_id=watchsearch">Tópicos supervisionados</a><br />
<a href="../search.forum?search_id=draftsearch">Rascunhos</a><br />
<a href="../search.forum?search_id=favouritesearch">Tópicos favoritos</a><br />
<a href="../rpg_sheet_edit.forum">Ficha de personagem</a><br />
</span>
</td>

<td style="text-align:center;">
<span style="font-size: 1.2em;"><b>Tópicos & Mensagens</b><br />
<a href="../msg.forum?folder=inbox">Mensagens Privadas</a><br />
<a href="../search.forum?search_topics={USERNAME}">Meus tópicos</a><br />
<a href="../search.forum?search_id=egosearch">Tópicos que participa</a><br />
<a href="../search.forum?search_author={USERNAME}&show_results=posts">Minhas mensagens</a><br />
<a href="../search.forum?search_id=newposts">Últimos tópicos</a><br />
</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>

Salve e pronto !

Abraços, Piscada

Ravenger.
avatar

#Frank!
Membro do Fórum

Feminino
Inscrito dia : 14/09/2009
Mensagens : 1128
Pontos Ativos : 1606

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

Resolvido Re: Barra de login superior

Mensagem por Taynã em 23/02/11, 09:47 am

Ravanger Obrigado Novamente Por Mais Uma Ajuda Megaaa Util.

Mas so da para botar ele na pagina inicial?
avatar

Taynã
Membro do Fórum

Masculino
Inscrito dia : 22/11/2010
Mensagens : 1172
Pontos Ativos : 1550

Ver perfil do usuário http://publieiros.com

Resolvido Re: Barra de login superior

Mensagem por #Frank! em 23/02/11, 09:51 am

Olá !

Sim, apenas na página inicial.. também queria em todas as páginas mais não a como. Sinto muito.

Abraços, Piscada
Ravenger.
avatar

#Frank!
Membro do Fórum

Feminino
Inscrito dia : 14/09/2009
Mensagens : 1128
Pontos Ativos : 1606

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

Resolvido Re: Barra de login superior

Mensagem por Taynã em 23/02/11, 09:55 am

Ok Muito Obrigado Desculpe pelo incomodo mais so uma perguntinha.....

Tem outros menus,estios?
avatar

Taynã
Membro do Fórum

Masculino
Inscrito dia : 22/11/2010
Mensagens : 1172
Pontos Ativos : 1550

Ver perfil do usuário http://publieiros.com

Resolvido Re: Barra de login superior

Mensagem por #Frank! em 23/02/11, 10:37 am

Olá !

Creio que não , nunca achei outro com cores diferenciadas. Mais se achar, ou eu conseguir mudar o código lhe mando por MP.
Mande uma MP para mim falando a cor que você deseja. Irei tentar fazer..

Resolvido?

Abraços, Piscada
Ravenger.
avatar

#Frank!
Membro do Fórum

Feminino
Inscrito dia : 14/09/2009
Mensagens : 1128
Pontos Ativos : 1606

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

Resolvido Re: Barra de login superior

Mensagem por Taynã em 23/02/11, 10:38 am

Sim.Topico Resolvido Ravanger.A cor não me importo eu so queria saber mesmo se tinha,outros estilos e tipos(DESIGN)
avatar

Taynã
Membro do Fórum

Masculino
Inscrito dia : 22/11/2010
Mensagens : 1172
Pontos Ativos : 1550

Ver perfil do usuário http://publieiros.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