Barra de ferramentas desconfigurada

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

Resolvido Barra de ferramentas desconfigurada

Mensagem por Shibiusa em 07/03/17, 08:03 pm

Detalhes da questão


Endereço do fórum: http://www.narutoportugalrpg.com/
Versão do fórum: PhpBB2

Descrição


Bem, estava tudo bem até anteontem (Domingo, diria). De repente, a barra de ferramentas desapareceu e começou a aparecer o widget "conexão" (desconfigurado) em vez dela. Não há qualquer forma de alterar o html da barra, por isso garantidamente não foi um problema de actualização da nossa parte. E não, não temos quaisquer widgets no índice do fórum. Estão desactivados.

Imagens ilustrativas:

Como o fórum está actualmente porque tivemos que desactivar a barra.


Aspecto do fórum se activarmos a barra de ferramentas.

Certamente não é isto o pretendido e isto impede que os usuários utilizem as tags para chamar algum membro.
avatar

Shibiusa
Nível 10

Feminino
Inscrito dia : 28/06/2008
Mensagens : 258
Pontos Ativos : 355

Ver perfil do usuário http://www.narutoportugalrpg.com/

Resolvido Re: Barra de ferramentas desconfigurada

Mensagem por Kyo Panda em 08/03/17, 10:00 am

Olá,

A barra ficou assim por instantes num dos meus fóruns de teste, mas isso foi resolvido em instantes (2 minutos). Poderia ativar a barra para averiguarmos o que se passa?

o/
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Barra de ferramentas desconfigurada

Mensagem por Shibiusa em 08/03/17, 04:16 pm

@Kyo Panda escreveu:Olá,

A barra ficou assim por instantes num dos meus fóruns de teste, mas isso foi resolvido em instantes (2 minutos). Poderia ativar a barra para averiguarmos o que se passa?

o/
A barra afecta de facto a utilização do fórum porque se sobrepõe ao mesmo. Activei novamente por momentos para verificar se a situação tinha sido resolvida, mas não foi. Visto que não foi mexido seja o que for relativo à barra de ferramentas e foi um bug que surgiu do nada, o problema será mesmo dentro do sistema.
avatar

Shibiusa
Nível 10

Feminino
Inscrito dia : 28/06/2008
Mensagens : 258
Pontos Ativos : 355

Ver perfil do usuário http://www.narutoportugalrpg.com/

Resolvido Re: Barra de ferramentas desconfigurada

Mensagem por Shibiusa em 09/03/17, 09:43 pm

Bump.

Precisava de confirmação do bug da barra para saber se quando será seguro activá-la novamente, por favor.
avatar

Shibiusa
Nível 10

Feminino
Inscrito dia : 28/06/2008
Mensagens : 258
Pontos Ativos : 355

Ver perfil do usuário http://www.narutoportugalrpg.com/

Resolvido Re: Barra de ferramentas desconfigurada

Mensagem por Kyo Panda em 11/03/17, 08:51 am

Eu ativei ela em todas as versões de fórum (phpBB2, phpBB3, PunBB, Invision e ModernBB) e em todas não tiveram problemas. A única maneira de resolvermos isso seria averiguando diretamente o erro, o que significa ativar a barra (com erro) e deixá-la ativa até a verificação.

A senhora possui um fórum de testes com o seu tema instalado, onde pode ativar a barra e deixá-la lá até a verificação?
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Barra de ferramentas desconfigurada

Mensagem por Shibiusa em 12/03/17, 06:26 pm

De momento, o fórum de testes não tem este tema por estarem a ser testados vários códigos.
A barra está activa novamente. Já expliquei a situação à equipa para que não a tirem, mas de facto não houve qualquer alteração referente a ela desde o momento em que foi activada pela primeira vez. Garantidamente...
avatar

Shibiusa
Nível 10

Feminino
Inscrito dia : 28/06/2008
Mensagens : 258
Pontos Ativos : 355

Ver perfil do usuário http://www.narutoportugalrpg.com/

Resolvido Re: Barra de ferramentas desconfigurada

Mensagem por Kyo Panda em 13/03/17, 09:05 am

Estranho, o CSS inteiro da barra de navegação não está lá.

Código:
.fa_toolbar_XL_Sized {
    min-width: 980px;
    width: 100%
}

.fa_toolbar_L_Sized {
    min-width: 774px
}

.fa_toolbar_M_Sized {
    min-width: 519px
}

#fa_toolbar {
    background-color: #000;
    color: #FFF;
    font-family: Helvetica, Verdana, Arial;
    font-size: 16px;
    height: 30px;
    left: 0;
    z-index: 20002
}

#fa_toolbar :link,#fa_toolbar :visited {
    color: #FFF;
    text-decoration: none
}

#fa_toolbar a:hover {
    text-decoration: underline
}

#fa_toolbar a:active,#fa_toolbar a:hover,#fa_toolbar a:link,#fa_toolbar a:visited {
    border: none
}

#fa_show,.fa_tbMainElement,.fa_tbMainElement a {
    display: inline-block!important;
    vertical-align: middle
}

#fa_toolbar #fa_icon {
    background-image: url(https://illiweb.com/fa/i/toolbar/pa0.png);
    background-repeat: no-repeat;
    background-size: 30px;
    display: inline-block!important;
    height: 30px;
    visibility: visible!important;
    width: 30px
}

#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(https://illiweb.com/fa/i/toolbar/toolbar.png);
    cursor: pointer;
    height: 30px;
    width: 30px
}

#fa_left {
    display: inline-block!important;
    height: auto!important;
    line-height: 30px!important;
    visibility: visible!important;
    width: auto!important
}

#fa_icon,#fa_toolbar #fa_service {
    color: #FFF
}

#fa_toolbar #fa_service {
    display: inline-block!important;
    text-decoration: none!important;
    visibility: visible!important
}

#fa_toolbar #fa_service:hover[href] {
    text-decoration: underline!important
}

#fa_search {
    height: 30px;
    margin-left: 20px
}

#fa_search form {
    display: inline;
    margin: 0;
    padding: 0
}

#fa_search #fa_magnifier {
    background-position: -30px 0;
    position: absolute
}

#fa_search #fa_textarea {
    border: 0;
    border-radius: 5px;
    height: 24px;
    line-height: 24px;
    margin-top: 3px;
    padding: 0;
    text-indent: 30px!important;
    width: 200px
}

#fa_share {
    font-size: 16px;
    line-height: 30px!important;
    margin-left: 20px
}

#fa_share_text {
    color: #FFF;
    cursor: default;
    text-decoration: none!important
}

#fa_fb {
    background-position: -60px 0;
    margin-left: 10px
}

#fa_twitter {
    background-position: -90px 0
}

#fa_gp {
    background-position: -120px 0
}

#fa_mail {
    background-position: -150px 0
}

#fa_rss {
    background-position: -180px 0
}

#fa_right {
    float: right;
    font-size: 14px
}

#fa_right a.rightHeaderLink {
    color: #FFF;
    line-height: 30px;
    margin-left: 10px;
    vertical-align: top
}

#fa_right span.rightHeaderLink {
    color: #FFF;
    display: inline-block;
    line-height: 30px;
    margin-left: 1px;
    vertical-align: top
}

#fa_right #fa_notifications,#fa_welcome {
    color: #FFF;
    line-height: 30px;
    padding: 0 5px
}

#fa_hide {
    background-position: -210px 0
}

#fa_menu {
    display: inline-block
}

#fa_right #fa_welcome:hover,#fa_toolbar #fa_right #fa_notifications:hover {
    cursor: pointer
}

#fa_right #fa_menu #fa_welcome,#fa_right.notification #fa_menu #fa_welcome {
    color: #FFF
}

#fa_right #fa_menu ul,#fa_right.notification #fa_menu ul {
    display: none
}

#fa_right.welcome #fa_menu #fa_welcome {
    background-color: #fff;
    color: #333
}

#fa_right.welcome #fa_menu ul {
    display: block
}

#fa_menu:hover :visited,#fa_toolbar > #fa_right.notification > #fa_notifications {
    background-color: #FFF;
    color: #333
}

#fa_toolbar #fa_right .fa_separator {
    background-color: #CCC;
    height: 1px;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 90%
}

#fa_menulist {
    background-color: #FFF;
    border: 1px solid #333;
    border-top: 0 solid #FFF;
    display: none;
    line-height: 32px;
    list-style-type: none;
    margin: 0;
    min-width: 175px;
    padding: 0 10px 0 150px;
    position: absolute;
    width: auto;
    z-index: 10000
}

#fa_menulist :link,#fa_menulist :visited {
    color: #00569C!important
}

#fa_toolbar_hidden {
    background-color: #000;
    border-radius: 0 0 5px 5px;
    height: 30px;
    margin-top: -60px;
    position: absolute;
    right: 0;
    width: 30px;
    z-index: 20002
}

#fa_show {
    background-position: -240px 0
}

#fa_toolbar #fa_right #fa_notifications #notif_unread {
    display: none;
    margin-left: .5em
}

#fa_toolbar #fa_right #fa_notifications.unread #notif_unread {
    display: inline
}

#fa_toolbar #fa_right #notif_list {
    background-color: #FFF;
    border: 1px solid #333;
    border-top: 0 solid #FFF;
    display: none;
    font-size: 11px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10000
}

#fa_toolbar #fa_right.notification #notif_list {
    display: block
}

#fa_toolbar #fa_right #notif_list li {
    color: #333;
    display: block;
    font-size: 1em;
    line-height: 1.2em;
    margin: 0;
    padding: 0 .5em .5em
}

#fa_toolbar #fa_right #notif_list li .contentText {
    float: left;
    height: 2.4em;
    overflow: hidden;
    width: 27em
}

#fa_toolbar #fa_right #notif_list li .contentText a {
    color: #00569C!important;
    text-decoration: underline!important;
    vertical-align: baseline
}

#fa_toolbar #fa_right #notif_list li:first-child {
    padding-top: .5em
}

#fa_toolbar #fa_right #notif_list li:first-child hr {
    display: none
}

#fa_toolbar #fa_right #notif_list li .content {
    color: inherit!important;
    display: block;
    line-height: inherit!important;
    margin: 0;
    overflow: hidden;
    vertical-align: top;
    width: 30em
}

#fa_toolbar #fa_right #notif_list li a.delete {
    background: transparent url(https://illiweb.com/fa/i/toolbar/toolbar.png) no-repeat -274px 50%;
    float: right;
    height: 2.4em;
    width: 22px
}

#fa_toolbar #fa_right #notif_list li hr {
    border: 0 solid #ccc;
    border-top-width: 1px;
    margin: 0 0 .5em
}

#fa_toolbar #fa_right #notif_list li.unread {
    background-color: #e5e5e5;
    font-weight: 700
}

#fa_toolbar #fa_right #notif_list li.see_all {
    background-color: #333;
    color: #fff;
    padding: .7em!important;
    text-align: right
}

#fa_toolbar #fa_right #notif_list li.see_all a {
    color: #fff;
    width: 100%
}

#fa_toolbar #live_notif {
    position: absolute;
    width: 330px
}

#fa_toolbar #live_notif .fa_notification {
    background-color: #333;
    border-radius: 5px;
    opacity: .8;
    padding: 10px
}

#fa_toolbar #live_notif .fa_notification .content {
    background-image: url(https://illiweb.com/fa/notifications/notifications.png);
    background-repeat: no-repeat;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    height: 32px;
    overflow: hidden;
    padding-left: 40px
}

#fa_toolbar #live_notif .fa_notification a {
    text-decoration: underline!important;
    vertical-align: baseline
}

.fa_fix {
    position: fixed!important;
    right: 0;
    top: 0
}

#fa_toolbar .fa_hide {
    display: none!important
}

#fa_usermenu {
    color: #333;
    font-size: 12px;
    left: 0;
    padding: 10px 20px 10px 10px;
    position: absolute;
    text-align: center;
    width: 120px
}

#fa_ranktitle {
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 120px
}

#fa_ranktitle:hover {
    color: #333;
    text-decoration: none!important
}

#fa_usermenu td {
    line-height: 15px;
    margin-bottom: 5px;
    padding: 0
}

#fa_usermenu td.first {
    text-align: right
}

#fa_usermenu td.bold {
    font-weight: 700;
    text-align: left
}

#fa_usermenu img {
    max-height: 120px;
    max-width: 120px
}

---

Poderia confirmar (tirar capturas de tela) como estão suas opções de CSS:


Painel de controle Seta Visualização Seta Imagens & cores Seta Cores Seta Folha de estilo CSS

E opções da barra de ferramentas:


Painel de controle Seta Módulos Seta Barra de ferramentas Seta Configurações
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Barra de ferramentas desconfigurada

Mensagem por Shibiusa em 13/03/17, 01:52 pm

Não houve qualquer alteração ao que tínhamos/temos no fórum e simplesmente um dia puff. Apareceu assim para toda a gente.



avatar

Shibiusa
Nível 10

Feminino
Inscrito dia : 28/06/2008
Mensagens : 258
Pontos Ativos : 355

Ver perfil do usuário http://www.narutoportugalrpg.com/

Resolvido Re: Barra de ferramentas desconfigurada

Mensagem por Kyo Panda em 13/03/17, 05:09 pm

Eu fiz alguns testes e parece que o CSS da barra de ferramentas não é mais incluso no fórum quando ativamos a opção Desativar o CSS da base. Eu lembro que, mesmo com essa opção ativada, ele incluía o CSS.

Agora teremos que personalizar a barra de ferramentas, caso desativemos o CSS de base. Tente colar o CSS passado na mensagem anterior.
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

Ver perfil do usuário http://ajuda.forumeiros.com
  • 0

Resolvido Re: Barra de ferramentas desconfigurada

Mensagem por Shibiusa em 13/03/17, 08:30 pm

Bem, corrigiu! Muito obrigada! Bem me parecia que não seria algo em que tivéssemos mexido xD

Já agora, se possível, coloquem um aviso (ou um tutorial, visto que pode ser personalizável) no Fdf sobre esta questão da barra de ferramentas ter passado apenas para o css de base e ser necessário adicionar manualmente o css dela. Mais alguém pode deparar-se com esta questão e não ter conhecimentos para corrigir (é improvável que alguém que tenha desactivado o css de base não os tenha, mas nunca se sabe!).
avatar

Shibiusa
Nível 10

Feminino
Inscrito dia : 28/06/2008
Mensagens : 258
Pontos Ativos : 355

Ver perfil do usuário http://www.narutoportugalrpg.com/

Resolvido Re: Barra de ferramentas desconfigurada

Mensagem por Kyo Panda em 14/03/17, 08:16 am

Sim, acredito que valha a pena criar um adendo no tutorial da barra de ferramentas. Verei com o pessoal da equipe como fazê-lo.

o/

---
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

Ver perfil do usuário http://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

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