[Tutorial] Barra no topo do fórum com informações

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

Zump
Administrador
Tempo Online : 33d 4h 43m 44s
Mensagens : 52
Reputação : 53

MensagemZump Dom Out 16, 2016 10:34 pm

Autor: Zump
Funcionalidade: Em todas as versões

Acesse:
Painel de Controle -> Modulos -> HTML & Javascripts -> Gestão dos códigos Javascripts

Crie um novo javascript com investimento em todas as paginas com esse código (de acordo com sua versão):

  • PhpBB2:
    Código:
    $(function() { 
        var facebook = 'https://www.facebook.com/'; // COLOQUE O LINK DO FACEBOOK
            logo = "http://i21.servimg.com/u/f21/18/21/41/30/pa1110.png";  // LINK DO LOGOTIPO
          titulo = "Best Web"; // TITULO DO FÓRUM
          forumURL = "http://bestweb.forumeiro.com/"; // LINK DO SEU FÓRUM
     
        var cpHtml = $('.bodylinewidth').before(
        '<div id="barra_sos">'+
        '  <div class="sos">'+
        '    <div class="sos_info"><a href="'+forumURL+'"><img src="'+logo+'"> <span>'+titulo+'</span></a></div>'+
        '    <div class="sos_redes"><a href="'+facebook+'"><img src="http://i.imgur.com/KVt9LPl.png"></a></div>'+
        '  </div>'+
        '</div>');
       
        var cpCss = $('.bodylinewidth').before(
            '<style>'+
            '.bodylinewidth{'+
            '    margin-top:55px;'+
            '}'+
            '#barra_sos{'+
            '    background-color: #c5403b;'+
            '    width: 100%;'+
            '    top:0;'+
            '    left: 0;'+
            '    height: 42px;'+
            '    margin: 0 auto;'+
            '    position: fixed;'+
            '    z-index: 99999;'+
            '}'+
            '.sos{'+
            '    width: 85%;'+
            '    line-height: 25px;'+
            '    margin: 0 auto;'+
            '}'+
            '.sos_info{'+
            '    width: 50%;'+
            '    float: left;'+
            '}'+
            '.sos_info img{'+
            '    height: 30px;'+
            '    width: 30px;'+
            '    margin-top: 5px;'+
            '}'+
            '.sos_info a:hover{'+
            ' background-color: #0000001a;'+
            '}'+
            '.sos_info a, .sos_info a:hover{'+
            '    text-decoration: none!important;'+
            '    font-size:16px;'+
          '    display: inline-block;'+
            '}'+
          '.sos_info a span {'+
            '    color: #fff;'+
            '    vertical-align: top;'+
            '    line-height: 40px;'+
          '    padding: 0 5px 0 0;'+
          '    text-shadow: 5px 1px 4px rgba(102, 102, 102, 0.4);'+
            '  } '+
            '.sos_redes{'+
            '    width: 50%;'+
            '    float: right;'+
            '    text-align: right;'+
            '    padding:5px 0px;'+
            '}'+
            '.sos_redes img{'+
            '    background-color: #c5403b;'+
            '    width: 30px;'+
            '    border-radius: 50%;'+
            '}'+
            '.sos_redes img:hover{'+
            '    background-color: #3b5998;'+
            '}'+
            '<style>'
        );
       
        });

  • PhpBB3:
    Código:
    $(function() { 
        var facebook = 'https://www.facebook.com/'; // COLOQUE O LINK DO FACEBOOK
            logo = "http://i21.servimg.com/u/f21/18/21/41/30/pa1110.png";  // LINK DO LOGOTIPO
          titulo = "Best Web"; // TITULO DO FÓRUM
          forumURL = "http://bestweb.forumeiro.com/"; // LINK DO SEU FÓRUM
     
        var cpHtml = $('.conteneur_minwidth_IE').before(
        '<div id="barra_sos">'+
        '  <div class="sos">'+
        '    <div class="sos_info"><a href="'+forumURL+'"><img src="'+logo+'"> <span>'+titulo+'</span></a></div>'+
        '    <div class="sos_redes"><a href="'+facebook+'"><img src="http://i.imgur.com/KVt9LPl.png"></a></div>'+
        '  </div>'+
        '</div>');
       
        var cpCss = $('.conteneur_minwidth_IE').before(
            '<style>'+
            '.bodylinewidth{'+
            '    margin-top:55px;'+
            '}'+
            '#barra_sos{'+
            '    background-color: #c5403b;'+
            '    width: 100%;'+
            '    top:0;'+
            '    left: 0;'+
            '    height: 42px;'+
            '    margin: 0 auto;'+
            '    position: fixed;'+
            '    z-index: 99999;'+
            '}'+
            '.sos{'+
            '    width: 85%;'+
            '    line-height: 25px;'+
            '    margin: 0 auto;'+
            '}'+
            '.sos_info{'+
            '    width: 50%;'+
            '    float: left;'+
            '}'+
            '.sos_info img{'+
            '    height: 30px;'+
            '    width: 30px;'+
            '    margin-top: 5px;'+
            '}'+
            '.sos_info a:hover{'+
            ' background-color: #0000001a;'+
            '}'+
            '.sos_info a, .sos_info a:hover{'+
            '    text-decoration: none!important;'+
            '    font-size:16px;'+
          '    display: inline-block;'+
            '}'+
          '.sos_info a span {'+
            '    color: #fff;'+
            '    vertical-align: top;'+
            '    line-height: 40px;'+
          '    padding: 0 5px 0 0;'+
          '    text-shadow: 5px 1px 4px rgba(102, 102, 102, 0.4);'+
            '  } '+
            '.sos_redes{'+
            '    width: 50%;'+
            '    float: right;'+
            '    text-align: right;'+
            '    padding:5px 0px;'+
            '}'+
            '.sos_redes img{'+
            '    background-color: #c5403b;'+
            '    width: 30px;'+
            '    border-radius: 50%;'+
            '}'+
            '.sos_redes img:hover{'+
            '    background-color: #3b5998;'+
            '}'+
            '<style>'
        );
       
        });

  • PunBB e Invision:
    Código:
    $(function() { 
        var facebook = 'https://www.facebook.com/'; // COLOQUE O LINK DO FACEBOOK
            logo = "http://i21.servimg.com/u/f21/18/21/41/30/pa1110.png";  // LINK DO LOGOTIPO
          titulo = "Best Web"; // TITULO DO FÓRUM
          forumURL = "http://bestweb.forumeiro.com/"; // LINK DO SEU FÓRUM
     
        var cpHtml = $('.minwidth_IE').before(
        '<div id="barra_sos">'+
        '  <div class="sos">'+
        '    <div class="sos_info"><a href="'+forumURL+'"><img src="'+logo+'"> <span>'+titulo+'</span></a></div>'+
        '    <div class="sos_redes"><a href="'+facebook+'"><img src="http://i.imgur.com/KVt9LPl.png"></a></div>'+
        '  </div>'+
        '</div>');
       
        var cpCss = $('.minwidth_IE').before(
            '<style>'+
            '.bodylinewidth{'+
            '    margin-top:55px;'+
            '}'+
            '#barra_sos{'+
            '    background-color: #c5403b;'+
            '    width: 100%;'+
            '    top:0;'+
            '    left: 0;'+
            '    height: 42px;'+
            '    margin: 0 auto;'+
            '    position: fixed;'+
            '    z-index: 99999;'+
            '}'+
            '.sos{'+
            '    width: 85%;'+
            '    line-height: 25px;'+
            '    margin: 0 auto;'+
            '}'+
            '.sos_info{'+
            '    width: 50%;'+
            '    float: left;'+
            '}'+
            '.sos_info img{'+
            '    height: 30px;'+
            '    width: 30px;'+
            '    margin-top: 5px;'+
            '}'+
            '.sos_info a:hover{'+
            ' background-color: #0000001a;'+
            '}'+
            '.sos_info a, .sos_info a:hover{'+
            '    text-decoration: none!important;'+
            '    font-size:16px;'+
          '    display: inline-block;'+
            '}'+
          '.sos_info a span {'+
            '    color: #fff;'+
            '    vertical-align: top;'+
            '    line-height: 40px;'+
          '    padding: 0 5px 0 0;'+
          '    text-shadow: 5px 1px 4px rgba(102, 102, 102, 0.4);'+
            '  } '+
            '.sos_redes{'+
            '    width: 50%;'+
            '    float: right;'+
            '    text-align: right;'+
            '    padding:5px 0px;'+
            '}'+
            '.sos_redes img{'+
            '    background-color: #c5403b;'+
            '    width: 30px;'+
            '    border-radius: 50%;'+
            '}'+
            '.sos_redes img:hover{'+
            '    background-color: #3b5998;'+
            '}'+
            '<style>'
        );
       
        });

  • Resultado:

[Tutorial] Barra no topo do fórum com informações 2439d20e851549dda23aadfbedd53114

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

Cria uma conta ou logue para postar uma mensagem.

Você precisa ser um membro, para poder postar uma resposta.

Criar conta

Participe de nossa comunidade, basta se registrar. É Fácil!


Criar uma conta

Logar

Já tem uma conta? Sem problemas, Logue agora.


Logar-se

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