Você não está conectado. Conecte-se ou registre-se

Barra de Ferramenta ESTILO Facebook

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

1 Barra de Ferramenta ESTILO Facebook em Dom Fev 21, 2016 11:33 am

Zeek

avatar
Membro ativo

IMAGEM: http://i.imgur.com/anRss22.png
Nome do Arquivo: Barra de Ferramentas ESTILO Facebook
Autor: EuficoLoko
Funcionalidade: PunBB
Categoria: Recursos de Outros Autores

Primeiro, adicione este código CSS:

Código:
a#fa_notifications {[size=12][/size]
    background: url("http://i.imgur.com/icq95wF.png") 2px;[size=12][/size]
    background-repeat: no-repeat;[size=12][/size]
    padding-left: 26px!important;[size=12][/size]
    padding-top: 0px!important;[size=12][/size]
}[size=12][/size]
[size=12][/size]
#fa_toolbar {[size=12][/size]
    left: 0px;[size=12][/size]
    height: 30px;[size=12][/size]
    background-color: #3C5A99!important;[size=12][/size]
    color: #FFFFFF;[size=12][/size]
    font-family: Helvetica, Verdana, Arial;[size=12][/size]
    font-size: 16px;[size=12][/size]
    z-index: 999;[size=12][/size]
}[size=12][/size]
#fa_toolbar {[size=12][/size]
    -webkit-box-shadow: 0 2px 2px -2px rgba(0,0,0,.52);[size=12][/size]
    background-image: url(http://i.imgur.com/HlEVEaj.png)!important;[size=12][/size]
    background-repeat: repeat-x;[size=12][/size]
    border: 0;[size=12][/size]
    border-bottom: 1px solid #133783!important;[size=12][/size]
}[size=12][/size]
#fa_toolbar {[size=12][/size]
    background-color: #FFF;[size=12][/size]
    border-bottom: 5px solid #009CFF;[size=12][/size]
}[size=12][/size]
#fa_toolbar {[size=12][/size]
    left: 0px;[size=12][/size]
    height: 40px !important;[size=12][/size]
    padding-top: 5px !important;[size=12][/size]
    background-color: #1670F7;[size=12][/size]
    color: #FFFFFF;[size=12][/size]
    font-family: Helvetica, Verdana, Arial;[size=12][/size]
    font-size: 16px;[size=12][/size]
    z-index: 999;[size=12][/size]
}[size=12][/size]
#fa_toolbar {[size=12][/size]
    z-index: 999;[size=12][/size]
}[size=12][/size]
#fa_toolbar {[size=12][/size]
    background-color: #FFF;[size=12][/size]
    border-bottom: 5px solid #009CFF;[size=12][/size]
}[size=12][/size]
.fa_fix {[size=12][/size]
    position: fixed !important;[size=12][/size]
    position: absolute;[size=12][/size]
    top: 0;[size=12][/size]
    right: 0;[size=12][/size]
}[size=12][/size]
.fa_toolbar_XL_Sized {[size=12][/size]
    min-width: 980px;[size=12][/size]
    width: 100%;[size=12][/size]
}[size=12][/size]
#fa_left {[size=12][/size]
    display: inline-block !important;[size=12][/size]
    visibility: visible !important;[size=12][/size]
    width: auto !important;[size=12][/size]
    height: auto !important;[size=12][/size]
    line-height: 30px !important;[size=12][/size]
}[size=12][/size]
#fa_left {[size=12][/size]
    margin-left: 10%!important;[size=12][/size]
    position: static;[size=12][/size]
}[size=12][/size]
.fa_tbMainElement, .fa_tbMainElement a, #fa_show {[size=12][/size]
    display: inline-block !important;[size=12][/size]
    vertical-align: middle;[size=12][/size]
}[size=12][/size]
#fa_toolbar #fa_icon {[size=12][/size]
    display: inline-block !important;[size=12][/size]
    visibility: visible !important;[size=12][/size]
    background-repeat: no-repeat;[size=12][/size]
    background-image: url('http://illiweb.com/fa/i/toolbar/pa0.png');[size=12][/size]
    background-size: 30px;[size=12][/size]
    width: 30px;[size=12][/size]
    height: 30px;[size=12][/size]
}[size=12][/size]
#fa_toolbar #fa_icon {[size=12][/size]
    background-image: url(http://i.imgur.com/TWUeXQF.png)!important;[size=12][/size]
    background-repeat: no-repeat;[size=12][/size]
    background-size: 23px;[size=12][/size]
    display: inline-block!important;[size=12][/size]
    height: 30px;[size=12][/size]
    margin-left: 10px;[size=12][/size]
    visibility: visible!important;[size=12][/size]
    width: 30px;[size=12][/size]
}[size=12][/size]
#fa_toolbar a:link, #fa_toolbar a:visited, #fa_toolbar a:hover, #fa_toolbar a:active {[size=12][/size]
    border: 1px solid transparent;[size=12][/size]
    border: none;[size=12][/size]
}[size=12][/size]
#fa_toolbar a:link, #fa_toolbar a:visited, #fa_toolbar a:hover, #fa_toolbar a:active {[size=12][/size]
    border: 1px solid transparent;[size=12][/size]
    border: none;[size=12][/size]
}[size=12][/size]
#fa_toolbar :link, #fa_toolbar :visited {[size=12][/size]
    color: #FFFFFF;[size=12][/size]
    text-decoration: none;[size=12][/size]
}[size=12][/size]
#fa_toolbar :link, #fa_toolbar :visited {[size=12][/size]
    color: #FFFFFF;[size=12][/size]
    text-decoration: none;[size=12][/size]
}[size=12][/size]
#fa_icon, #fa_toolbar #fa_service {[size=12][/size]
    color: #FFFFFF;[size=12][/size]
}[size=12][/size]
.fa_tbMainElement, .fa_tbMainElement a, #fa_show {[size=12][/size]
    display: inline-block !important;[size=12][/size]
    vertical-align: middle;[size=12][/size]
}#fa_search #fa_textarea {[size=12][/size]
    text-indent: 30px !important;[size=12][/size]
    width: 200px;[size=12][/size]
    height: 24px;[size=12][/size]
    padding: 0px;[size=12][/size]
    border: 0px;[size=12][/size]
    margin-top: 3px;[size=12][/size]
    border-radius: 5px;[size=12][/size]
    line-height: 24px;[size=12][/size]
}[size=12][/size]
#fa_search #fa_textarea {[size=12][/size]
    border: solid 1px #0991BE!important;[size=12][/size]
    border-radius: 3px!important;[size=12][/size]
    box-shadow: 0 0 7px rgba(0,0,0,0.32);[size=12][/size]
    height: 24px;[size=12][/size]
    width: 300px!important;[size=12][/size]
}[size=12][/size]
#fa_search #fa_textarea {[size=12][/size]
    border: 1px solid #369FCF !important;[size=12][/size]
}[size=12][/size]
#fa_search #fa_textarea {[size=12][/size]
    text-indent: 30px !important;[size=12][/size]
    width: 200px;[size=12][/size]
    height: 24px;[size=12][/size]
    padding: 0px;[size=12][/size]
    border: 0px none;[size=12][/size]
    margin-top: 3px;[size=12][/size]
    border-radius: 5px;[size=12][/size]
    line-height: 24px;[size=12][/size]
}[size=12][/size]
#fa_search #fa_textarea {[size=12][/size]
    border: 1px solid #369FCF !important;[size=12][/size]
}[size=12][/size]
#fa_search #fa_textarea {[size=12][/size]
    text-indent: 30px !important;[size=12][/size]
    width: 200px;[size=12][/size]
    height: 24px;[size=12][/size]
    padding: 0px;[size=12][/size]
    border: 0px none;[size=12][/size]
    margin-top: 3px;[size=12][/size]
    border-radius: 5px;[size=12][/size]
    line-height: 24px;[size=12][/size]
}[size=12][/size]
html, button, input, select, textarea {[size=12][/size]
    font-family: "Source Sans Pro", Helvetica, sans-serif;[size=12][/size]
}[size=12][/size]
span#fa_share {[size=12][/size]
    display: none!important;[size=12][/size]
}



Depois, crie um novo javascript com investimento em todas as páginas:

Código:
jQuery(document).ready(function () {[size=12][/size]
    isRead();[size=12][/size]
[size=12][/size]
    function isRead() {[size=12][/size]
        if (jQuery('#fa_welcome').length) {[size=12][/size]
            $('#fa_welcome').text('  ' + _userdata["username"] + '  ');[size=12][/size]
            jQuery('#fa_welcome').prepend(_userdata.avatar).children('img').css({[size=12][/size]
                'border-radius': '3px 3px 3px 3px',[size=12][/size]
                'height': '25px',[size=12][/size]
                'margin-bottom': '-10px',[size=12][/size]
                'margin-right': '5px',[size=12][/size]
                'position': 'relative',[size=12][/size]
                'top': '-3px',[size=12][/size]
                'width': '25px'[size=12][/size]
            })[size=12][/size]
        } else {[size=12][/size]
            setTimeout(isRead, 100)[size=12][/size]
        }[size=12][/size]
    }[size=12][/size]
});

Salve e pronto.

Ver perfil do usuário

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum