Barra de login superior

2 participantes

Ir para baixo

Tópico resolvido Barra de login superior

Mensagem por Taynã 23.02.11 12:39

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
Taynã
Taynã
Super Membro

Membro desde : 23/11/2010
Mensagens : 1172
Pontos : 1550

http://publieiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de login superior

Mensagem por BlueAngel 23.02.11 12:45

Bom dia !

Primeiro iremos acender a :
Painel de controle Seta Visualização :seta2: Login - Barra de login superior Portail 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.
BlueAngel
BlueAngel
Super Membro

Membro desde : 14/09/2009
Mensagens : 1128
Pontos : 1606

http://finite.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de login superior

Mensagem por Taynã 23.02.11 12:47

Ravanger Obrigado Novamente Por Mais Uma Ajuda Megaaa Util.

Mas so da para botar ele na pagina inicial?
Taynã
Taynã
Super Membro

Membro desde : 23/11/2010
Mensagens : 1172
Pontos : 1550

http://publieiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de login superior

Mensagem por BlueAngel 23.02.11 12:51

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.
BlueAngel
BlueAngel
Super Membro

Membro desde : 14/09/2009
Mensagens : 1128
Pontos : 1606

http://finite.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de login superior

Mensagem por Taynã 23.02.11 12:55

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

Tem outros menus,estios?
Taynã
Taynã
Super Membro

Membro desde : 23/11/2010
Mensagens : 1172
Pontos : 1550

http://publieiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de login superior

Mensagem por BlueAngel 23.02.11 13:37

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.
BlueAngel
BlueAngel
Super Membro

Membro desde : 14/09/2009
Mensagens : 1128
Pontos : 1606

http://finite.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de login superior

Mensagem por Taynã 23.02.11 13:38

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

Membro desde : 23/11/2010
Mensagens : 1172
Pontos : 1550

http://publieiros.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