Barra de ferramentas

3 participantes

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

Tópico resolvido Barra de ferramentas

Mensagem por Uatyla 20.05.16 22:41

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.


Última edição por Uatyla em 24.05.16 21:44, editado 1 vez(es)
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de ferramentas

Mensagem por Uatyla 22.05.16 1:29

UP
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de ferramentas

Mensagem por Uatyla 23.05.16 1:39

UP¹
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Barra de ferramentas

Mensagem por Roevs 23.05.16 14:30

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é
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de ferramentas

Mensagem por Uatyla 24.05.16 3:38

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/
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de ferramentas

Mensagem por while 24.05.16 4:12

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;
}



while

while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de ferramentas

Mensagem por Uatyla 24.05.16 13:12

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.
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Barra de ferramentas

Mensagem por Roevs 24.05.16 13:17

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é
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de ferramentas

Mensagem por Uatyla 24.05.16 15:51

Resolvido!
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

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

- Tópicos semelhantes

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