Como ter um menu de barra conectado Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Como ter um menu de barra conectado

Ir para baixo

Tópico resolvido Como ter um menu de barra conectado

Mensagem por Convidado 06.09.12 19:01

Qual é minha questão:
Olá caro membros,
Bom gostaria de saber como ter um negocio igual a deste fórum
http://www.hightechbr.co.cc/forum
tá mas o que me refiro isto aqui lá no topo com uma facha preta que está escrito
Bem vindo Visitante!Criar Conta
Se alguém souber me ajude e estarei agradecido!

Links e imagens do meu problema:
....

Endereço do meu fórum:
http://power-sing.forumeiros.com/

Versão do meu fórum:
PHPBB3
Anonymous
Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Como ter um menu de barra conectado

Mensagem por #BlacksheepMG 06.09.12 19:03

Amigo aceda no seus JS.
jQuery(document).ready(function(){if(jQuery('#page-header .navbar a.mainmenu #i_icon_mini_login').length){d='Bem vindo Visitante! <a href="/login">Login</a> | <a href="/register">Criar Conta</a> '}else{d='Conectado como <b>'+jQuery('#page-header .navbar a.mainmenu #i_icon_mini_logout').parent().html().split('[ ')[1].split(' ]')[0]+'</b> | <a href="/profile?mode=editprofile">Minha conta</a> | <a href="/login?logout=1">Sair</a> '};jQuery('#wrap').prepend('<style>.hlogin,.hlogin a:link,.hlogin a:visited{color:#666;font-family:Arial,Geneva,Helvetica,Verdana,sans-serif;text-decoration:none}.hlogin{-moz-border-radius:0 0 7px 7px;-moz-box-shadow:0 0 8px 0 #353535;-webkit-border-radius:0 0 7px 7px;-webkit-box-shadow:0 0 8px 0 #353535;background:-moz-linear-gradient(#ffffff,#f2f2f2);background-color:#fff;background-image:-webkit-linear-gradient(#ffffff,#f2f2f2);border:1px solid #c4c4c4;border-radius:0 0 7px 7px;box-shadow:0 0 8px 0 #353535;float:right;font-size:13px;height:31px;margin:0 20px 0 0;padding:0 0 0 10px;text-align:right;vertical-align:middle;position:relative;z-index:1;right:165px;top:0px}.hlogin #header{height:26px;padding:5px 20px 0 10px;vertical-align:middle}</style><div class="hlogin"><div id="header">'+d+'</div></div>')});

Até,
iWhite/BlacksheepMG.
#BlacksheepMG
#BlacksheepMG
****

Membro desde : 28/07/2012
Mensagens : 268
Pontos : 389

http://mundoaway.forum.st/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como ter um menu de barra conectado

Mensagem por Convidado 06.09.12 19:07

Olá amigo,
eu gostaria igual aquele!
Anonymous
Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Como ter um menu de barra conectado

Mensagem por #BlacksheepMG 06.09.12 19:26

Desculpe,
faça o seguinte:
Painel de controle -> Módulos -> HTML e Javascript -> Gestão dos códigos Javascript
Depois carregue-se no botão "Criar um novo javascript".
$(document).ready(function(){
var nick = ($('#logout').length) ? $('#logout img').attr('alt').replace('Sair', '').replace('[', '').replace(']', '') : '' ;
var con=($('#logout').length)?'<a href="/profile?mode=editprofile" style="position: relative;">Conectado como <b> '+nick+'</b><ul></ul></a><a href="/login?logout=1">Sair</a>' : 'Bem vindo Visitante!<a href="/login"style="position: relative;">Login</a><a href="/register">Criar Conta</a>';$('body').prepend('<span id="conectFor"> '+con+'</span>');$('#conectFor ul').prepend('<li><a href="/profile?mode=editprofile">Informações</a></li><li><a href="/profile?mode=editprofile&page_profil=preferences">Preferencias</a></li><li><a href="/profile?mode=editprofile&page_profil=signature">Assinatura</a></li><li><a href="/search?search_id=draftsearch">Rascunhos</a></li><li><a href="/profile?mode=editprofile&page_profil=friendsfoes">Amigos</a></li><li><a href="/profile?mode=editprofile&page_profil=attachments">Anexos</a></li><li><a href="/profile?mode=editprofile&page_profil=avatars">Avatar</a></li><li><a href="/search?search_id=watchsearch"class="offp">Topicos Supervisionados</a></li><li><a href="/search?search_id=favouritesearch"target="_blank">Tópicos favoritos</a></li><li><a href="/search?search_id=newposts"target="_blank">Novas mensagens</a></li>')});

Adicionar esse css em seu fórum:
Código:
    #conectFor * {
    font-size: 12px;
    }
    #conectFor{
    padding: 13px;
    padding-right : 20px;
    text-align: right;
    background: #323232;
    border-bottom: 1px solid #000;
    font: 15px Tahoma;
    height: 10px;
    display: block;
    color: #F1F1F1;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    }
    #conectFor a{
    color:#f1f1f1;
    font-family:Arial;
    padding:8px 5px ;
    margin:0 1px;
    text-decoration:none;
    }
    #conectFor a:hover{
    color:#111;
    border-radius:5px 5px 0 0;
    -moz-border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
    -o-border-radius:5px 5px 0 0;
    background:#f1f1f1;
    }
    #conectFor a:hover ul{display:inline;}
    #conectFor ul {
    margin-top: -1px;
    z-index:1;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    -o-border-radius: 0px 0px 5px 5px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    top: 100%;
    width: 390px;
    padding:20px 13px;
    color: #333;
    background: #F1F1F1 url(http://i42.servimg.com/u/f42/17/32/13/00/letrei10.png) no-repeat bottom right;
    list-style: none;
    display: none;
    float: left;
    right: 0em;
    position: absolute;
    }
    #conectFor ul li{
    float: left;
    width: 47%;
    display: inline;
    text-align:left;
    margin:5px;
    }
    #conectFor ul li a{color:#3689D1; background-image:none !important;}
    #conectFor ul li a:hover{color:#111; background:transparent;}

    #conectFor a[href="/profile?mode=editprofile"] {
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 10px;
    background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo10.png);
    }

    #conectFor a[href="/profile?mode=editprofile"]:hover {
    background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo11.png);
    }

Até,
iWhite/BlacksheepMG.
#BlacksheepMG
#BlacksheepMG
****

Membro desde : 28/07/2012
Mensagens : 268
Pontos : 389

http://mundoaway.forum.st/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como ter um menu de barra conectado

Mensagem por Convidado 06.09.12 19:46

Olá, valeu pode fechar!
Anonymous
Convidado
Convidado


Ir para o topo Ir para baixo

Ir para o topo


 
Permissões neste sub-fórum
Não podes responder a tópicos