Barra de Ferramenta

Opá! vim pedir so mais uma ajudinha

Meu Problema: https://i.imgur.com/cfIXXSK.png

como eu quero minha barra de ferramenta: https://i.imgur.com/eKBDAx6.png

Obrigado !!!

Saudações,

Mas segundo a Print Screen, não existe diferença entre elas.
Poderia re-ver as PrintS postadas? Acho que se confudiu.

Até mais.
Sennior

Opá desculpa ja editei !

Saudações,

Coloque este código CSS:

Código:

div#fa_toolbar {
  -webkit-box-shadow: 0 2px 2px -2px rgba(0,0,0,.52);
  background-color: #3a5795;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAqCAMAAABFoMFOAAAAWlBMV…8/UxBxQDQuFwlpqgBZBq6+P+unVY1GnDgwqbD2zGz5e1lBdwvGGPE6OgAAAABJRU5ErkJggg==);
  background-position: 0 0;
  background-repeat: repeat-x;
  background-size: auto;
  border: 0;
  border-bottom: 1px solid #133783;
  min-width: 981px;
  z-index: 300;
  padding: 3px;
}
input#fa_textarea {
  margin-right: 0!important;
  margin-left: 12pc!important;
}
span#fa_share {
  display: none!important;
}
a#fa_welcome {
  display: none!important;
}
a#fa_notifications {
  position: relative;
  left: -8pc;
}

#fa_notifications{margin-right: 0px;width: 110px;text-align: right;position: relative;left: -6pc;background-image: url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/yA/r/k_lAKDHNA3E.png);background-size: auto;background-position: -2px -640px;padding-right: 130px!important;z-index: 999;background-repeat: no-repeat;font-weight: 700;border-right: none!important;font-family:'helvetica neue', helvetica, arial, 'lucida grande', sans-serif!important;-webkit-font-smoothing: antialiased!important;margin-left: 2px!important;font-style: normal!important;text-transform: initial!important;text-decoration: initial!important;}
a#fa_magnifier {
  background-image: url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/yM/r/nD48zLxSt0n.png)!important;
  background-position: 0 -354px!important;
  background-repeat: no-repeat!important;
  background-size: auto!important;
  height: 18px!important;
  top: 8px!important;
  width: 19px!important;
  margin-right: 0!important;
  margin-left: 0!important;
  left: 41pc!important;
  right: 0!important;
}
a#fa_hide {
  display: none!important;
}
span#fa_left {
  position: relative;
  left: 12pc;
}
input#fa_textarea {
  width: 22pc!important;
  padding: 1px!important;
  margin-top: 1px!important;
}

E aí, como ficou?
Até mais.
Sennior

Opá! @Sennior Ela so fico assim agora: https://i.imgur.com/6NFWVoW.png se tivesse como Deichar daquela maneira como lhe mostrei seria ótimo..

Saudações,

Mas onde o senhor viu aquela função?
Até mais.
Sennior

www.Lokoscripts.com está ae o site que vi ela !

Olá!

Adicione à sua folha de estilos:

Código:

#fa_toolbar #fa_right #notif_list:hover {
overflow-y:scroll!important;
}

#notif_list {
margin-left:-180px!important;
margin-top:10px!important;
}

#fa_left {
margin-left:10%!important;
position:static;
}

#fa_toolbar #fa_fb,#fa_toolbar #fa_gp,#fa_toolbar #fa_hide,#fa_toolbar #fa_magnifier,#fa_toolbar #fa_mail,#fa_toolbar #fa_rss,#fa_toolbar #fa_twitter,#fa_toolbar_hidden #fa_show {
background-image:url(http://i.imgur.com/NvhJe7y.png)!important;
}

#fa_search #fa_textarea {
border:solid 1px #0991BE!important;
border-radius:3px!important;
box-shadow:0 0 7px rgba(0,0,0,0.32);
height:24px;
width:300px!important;
}

#fa_toolbar #fa_icon {
background-image:url(http://i.imgur.com/TWUeXQF.png)!important;
background-repeat:no-repeat;
background-size:23px;
display:inline-block!important;
height:30px;
margin-left:10px;
visibility:visible!important;
width:30px;
}

#fa_search {
margin-left:3%;
}


#fa_toolbar #fa_service {
color:#FFF!important;
text-shadow:0 1px 4px #6B6B6B;
}

#fa_toolbar #fa_service,#fa_toolbar #fa_service[href]:hover {
color:#FFF!important;
}

#fa_toolbar {
-webkit-box-shadow:0 2px 2px -2px rgba(0,0,0,.52);
background-image:url(http://i.imgur.com/HlEVEaj.png)!important;
background-repeat:repeat-x;
border:0;
border-bottom:1px solid #133783!important;
}

Cumprimentos.
Fraise

Opá! @Fraise ficou do mesmo jeito que o sennior me passou '-

Olá!

Mas não era assim que o senhor queria?
https://i.imgur.com/Jfxt7pT.png

Ou deseja a barra de pesquisa na barra também?

Cumprimentos.
Fraise

Opá! @Fraise eu quero assim: https://i.imgur.com/W9DzUQj.png

Se der quero igual...

Olá!

Para que o avatar apareça ao lado do nome de usuário, crie um novo JavaScript com investimento 'Em todas as páginas' com o código abaixo:

Código:

/*
 * Application: Toolbar with member avatar
 * Description: This application can displays the member avatar in Forumotion toolbar's!
 * Version: 1.08032014-jq1.9.1 - Keb (Horus)
 * Made and Optimizations by JScript - 2014/03/08
 * View more in: http://ajuda.forumeiros.com
 * Copyright (c) 2013 JScript <jscriptbrasil at live dot com>
 * This work is free. You can redistribute it and/or modify it
 * under the terms of the WTFPL, Version 2
 */
jQuery(function() {
    isRead();

    function isRead() {
        if (jQuery('#fa_welcome').length) {
            jQuery('#fa_welcome').prepend(_userdata.avatar).children('img').css( {
                'border-radius' : '3px 3px 3px 3px',
                'height' : '25px',
                'margin-bottom' : '-10px',
                'margin-right' : '5px',
                'position' : 'relative',
                'top' : '-3px',
                'width' : '25px'
            });
        } else {
            setTimeout(isRead, 100);
        }
    }
});

Será isso?

Cumprimentos.
Fraise

Não resultou !

Olá!

Verifique se tem o JavaScript habilitado.
A opção "Habilitar o gerenciamento dos códigos JavaScript" tem de estar marcada como Sim.

Cumprimentos.
Fraise

Está sim !

Bazinga!
Primeiro, adicione este código CSS:

Código:

a#fa_notifications {
    background: url("http://i.imgur.com/icq95wF.png") 2px;
    background-repeat: no-repeat;
    padding-left: 26px!important;
    padding-top: 0px!important;
}

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

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

Código:

jQuery(document).ready(function () {
    isRead();

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

Salve e pronto.
Esta a seu agrado?

Até mais.

Opá! @Sennior muito obrigado mais 1 vez reputed ! pode closar !