Barra de ferramentas

Detalhes da questão

Endereço do fórum: http://www.vidadeaquarista.com
Versão do fórum: PhpBB3

Descrição

Pessoal gostaria de saber como deixo minha "barra de ferramentas" igual a que é utilizada aqui no FDF.

UP

UP¹

Olá,

Adiciona este código na sua Folha de estilo CSS

Código:

#fa_toolbar {
    left: 0px;
    height: 30px;
    background-color: #FFFFFF;
    color: #FFFFFF;
    font-family: Helvetica, Verdana, Arial;
    font-size: 16px;
    z-index: 20002;
}
#fa_toolbar {
    border-bottom: 1px solid #CCC;
}
.fa_fix {
    position: fixed !important;
    position: absolute;
    top: 0;
    right: 0;
}
.fa_toolbar_XL_Sized {
    min-width: 980px;
    width: 100%;
}
#fa_right {
    float: right;
    font-size: 14px;
}
.fa_tbMainElement, .fa_tbMainElement a, #fa_show {
    display: inline-block !important;
    vertical-align: middle;
}
#fa_menu {
    display: inline-block;
}
#fa_right #fa_menu #fa_welcome, #fa_right #fa_notifications, #fa_right a.rightHeaderLink {
    background-color: transparent!important;
    border: 1px solid #39C!important;
    border-radius: 3px!important;
    color: #39C!important;
    font-size: 11px!important;
    font-weight: 700!important;
    line-height: 22px!important;
    margin-top: 3px!important;
    padding: 0 6px!important;
    text-decoration: none!important;
    transition: 200ms;
}
.fa_tbMainElement, .fa_tbMainElement a, #fa_show {
    display: inline-block !important;
    vertical-align: middle;
}
#fa_right #fa_menu ul, #fa_right.notification #fa_menu ul {
    display: none;
}
#fa_menulist {
    padding-left: 150px;
}
#fa_menulist {
    display: none;
    position: absolute;
    list-style-type: none;
    margin: 0px;
    padding: 0px 10px;
    background-color: #FFFFFF;
    min-width: 175px;
    width: auto;
    border: 1px solid #333333;
    line-height: 32px;
    border-top: 0px solid #FFFFFF;
    z-index: 10000;
}
#fa_menulist, #fa_toolbar #fa_right #notif_list {
    background: #FFF!important;
    border: 1px solid #DDD!important;
    border-radius: 3px;
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    margin-top: 18px!important;
}
#fa_left {
    display: inline-block !important;
    visibility: visible !important;
    width: auto !important;
    height: auto !important;
    line-height: 30px !important;
}
#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 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_icon {
    background-image: url(http://i21.servimg.com/u/f21/18/21/41/30/pa1110.png)!important;
}
#fa_toolbar #fa_left #fa_service {
    text-decoration: none!important;
}
#fa_toolbar #fa_service {
    display: inline-block !important;
    visibility: visible !important;
    text-decoration: none !important;
}
#fa_search {
    margin-left: 20px;
    height: 30px;
}
#fa_search {
    position: relative;
}
#fa_search form {
    margin: 0;
    padding: 0;
    display: inline;
}
#fa_search #fa_magnifier {
    background: url(http://i21.servimg.com/u/f21/18/21/41/30/search10.png) no-repeat 50% 50% #39C!important;
    border: 1px solid #39C;
    border-left: none;
    border-radius: 0 3px 3px 0;
    height: 22px!important;
    right: 0;
    top: 3px;
    width: 22px!important;
}
#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 {
    background: #39C!important;
    border: 1px solid #39C!important;
    border-radius: 3px 0 0 3px!important;
    color: #39C!important;
    cursor: text;
    font-size: 12px!important;
    height: 16px!important;
    line-height: 12px!important;
    margin-right: 23px!important;
    padding: 3px 0 3px 1px !important;
    transition: 300ms;
    width: 0!important;
}
input {
    cursor: pointer;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 1em;
    font-weight: 400;
    padding: 0 3px;
    vertical-align: middle;
}
#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:hover {
    text-decoration: underline;
}
#fa_share {
    margin-left: 20px;
    font-size: 16px;
    line-height: 30px !important;
}
#fa_share_text {
    cursor: default;
    color: #666666;
    text-decoration: none !important;
}
#fa_share_text {
    display: none;
}
a#fa_fb {
    background-position: -50px 0!important;
}
#fa_toolbar #fa_magnifier, #fa_toolbar #fa_fb, #fa_toolbar #fa_twitter, #fa_toolbar #fa_gp, #fa_toolbar #fa_mail, #fa_toolbar #fa_rss, #fa_toolbar #fa_hide, #fa_toolbar_hidden #fa_show {
    cursor: pointer;
}
#fa_share a {
    background: url(http://i21.servimg.com/u/f21/18/21/41/30/fa_sha10.png) no-repeat 0 0 transparent!important;
    border-radius: 25px;
    height: 25px!important;
    margin: -2px 3px 0!important;
    width: 25px!important;
}
.fa_tbMainElement, .fa_tbMainElement a, #fa_show {
    display: inline-block !important;
    vertical-align: middle;
}
a#fa_twitter {
    background-position: 0 0!important;
}
a#fa_gp {
    background-position: -98px 0!important;
}
a#fa_mail {
    background-position: -150px 0!important;
}
#fa_toolbar :link, #fa_toolbar :visited {
    color: #FFFFFF;
    text-decoration: none;
}
a#fa_rss {
    background-position: -199px 0!important;
}
a#fa_fb:hover {
    background-position: -75px 0!important;
}
#fa_toolbar a:hover {
    text-decoration: underline;
}
#fa_toolbar_hidden {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 0px;
    margin-top: -60px;
    background-color: #FFFFFF;
    border-radius: 0px 0px 5px 5px;
    z-index: 20002;
}
#fa_toolbar_hidden {
    border: 1px solid #CCC;
    border-radius: 0!important;
    border-right: 0;
    border-top: 0;
}
.fa_fix {
    position: fixed !important;
    position: absolute;
    top: 0;
    right: 0;
}
#fa_hide, #fa_show {
    background: url(http://i21.servimg.com/u/f21/18/21/41/30/fa_arr10.png) no-repeat 0 0 transparent!important;
}
#fa_show {
    background-position: -60px 0!important;
}


Até

Boa noite!

Como tenho dois fóruns sempre uso as mesmas funções nos dois, so que no fórum da XC tem algo errado, olha como esta a barra.
http://clan-xtremocaos.forumeiros.com/

O que tem de erro amigo?
A barra de ferramentas tem a mesma classe pra todas as versões.
O código passado pela quakeline funcione em phpbb3,phpbb2,invision e punbb... não tem como não funcionar, entende? é só por no topo do fórum.

Sugiro que você adicione esse código na sua folha de estilo css:

Código:

#fa_hide.rightHeaderLink {height:20px!important;width:15px!important;margin-top:10px;}
        #fa_hide, #fa_show {
    background: url(http://i21.servimg.com/u/f21/18/21/41/30/fa_arr10.png) no-repeat 0% 38% transparent!important;
}
#fa_service {
    color: #666!important;
    font-family: sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}
.fa_toolbar_XL_Sized {
    min-width: 980px;
    width: 100%;
}
#fa_right #fa_menu #fa_welcome, #fa_right.notification #fa_menu #fa_welcome {
    color: #3091C1!important;
}
#fa_right #fa_menu #fa_welcome, #fa_right #fa_notifications {
    background-color: transparent!important;
    border: 1px solid #3091C1!important;
    border-radius: 3px!important;
    font-size: 11px!important;
    font-weight: 700!important;
    line-height: 22px!important;
    margin-top: 3px!important;
    padding: 0 6px!important;
    text-decoration: none!important;
    transition: all 200ms ease 0;
}
.fa_tbMainElement, .fa_tbMainElement a, #fa_show {
    display: inline-block !important;
    vertical-align: middle;
}
#fa_menu {
    display: inline-block;
}
#fa_right {
    float: right;
    font-size: 14px;
  padding-right: 10px;
}
#fa_search #fa_textarea {
    background: #3091C1 none repeat scroll 0 0!important;
    border: 1px solid #3091C1!important;
    border-radius: 3px 0 0 3px!important;
    color: #3091C1!important;
    cursor: text;
    font-size: 12px!important;
    height: 16px!important;
    line-height: 12px!important;
    margin-right: 23px!important;
    padding: 3px 0 3px 1px !important;
    transition: ease;
    transition-duration: 1.5s;
    width: 0!important;
      margin-top: 3px;
}
#fa_search #fa_magnifier {
    background: #3091C1 url(http://i21.servimg.com/u/f21/18/21/41/30/search10.png) no-repeat scroll 50% 50%!important;
    border: 1px solid #3091C1;
    border-radius: 0 3px 3px 0;
    height: 22px!important;
    right: 0;
    top: 3px;
    width: 22px!important;
  position: absolute;
    background-position: -30px 0px;
}
#fa_toolbar #fa_service {
    display: inline-block !important;
    visibility: visible !important;
    text-decoration: none !important;
}
#fa_icon, #fa_toolbar #fa_service {
    color: #3091C1!important;
}
#fa_toolbar a:link, #fa_toolbar a:visited, #fa_toolbar a:hover, #fa_toolbar a:active {
    border: 1px solid transparent;
    border: none;
}
#fa_search {
    margin-left: 20px;
    height: 30px;
      position: relative;
}
#fa_right a.rightHeaderLink {color:#3091C1!important;}
#fa_right #fa_menu #fa_welcome:hover, #fa_right #fa_notifications:hover, #fa_right a.rightHeaderLink:hover, #fa_right.welcome #fa_menu #fa_welcome, #fa_toolbar > #fa_right.notification > #fa_notifications {
    background-color: #3091C1!important;
    border-color: #3091C1!important;
    color: #FFF!important;
}
#fa_search #fa_textarea:focus,#fa_search #fa_textarea:hover,#fa_search:hover #fa_textarea{background:#FFF none repeat scroll 0 0!important;color:#444!important;outline:medium none;padding:3px!important;transition:ease;transition-duration:.5s;width:150px!important}

#fa_share a {
    background: url(http://i21.servimg.com/u/f21/18/21/41/30/fa_sha10.png) no-repeat 0 0 transparent!important;
    border-radius: 25px;
    height: 25px!important;
    margin: -2px 3px 0!important;
    width: 25px!important;
}

Então a barra não esta expandindo e quando rola a barra lateral essa some isso fórum Clan Xtremocaos (XC), já no fórum vida de aquárista (VDA) esta normal. Isso que não entendo.

Olá,

Adiciona mais este código na sua Folha de estilo CSS logo após o que passei

Código:

#fa_toolbar {
    position: fixed!important;
}

Até

Resolvido!