Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais


Meriteiro

Outubro de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Quem está conectado
72 usuários online :: 2 usuários cadastrados, 1 Invisível e 69 Visitantes :: 1 Motor de busca

Natyla4, Tupac

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Alterar cor de texto na versão mobile

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

Resolvido Alterar cor de texto na versão mobile

Mensagem por Lucy Elrich Sinskye em Ter 1 Nov 2016 - 5:02

Detalhes da questão


Endereço do fórum: www.rpghogwarts.org
Versão do fórum: PhpBB2

Descrição


Boa noite,
quando abro meu fórum na versão mobile, os textos que são escritos em qualquer caixa ou campo de texto ficam em cor cinza claro, enquanto a caixa de texto é branca, ou seja, não tem como ler nada do que você está escrevendo.

Tentei arrumar isso seguindo o tutorial de como personalizar a versão mobile, porém acabei não conseguindo. Alguém poderia me ajudar com qual código exatamente devo acrescentar ao meu CSS para arrumar isso?

Lucy Elrich Sinskye
Nível 5

Feminino
Inscrito dia : 03/03/2015
Mensagens : 45
Pontos Ativos : 703

http://www.rpghogwarts.org

Resolvido Re: Alterar cor de texto na versão mobile

Mensagem por Kyo Panda em Ter 1 Nov 2016 - 6:07

Olá,

Vá em Painel de controleMódulosHTML & JavaScriptGestão dos códigos JavaScriptsCriar um novo JavaScript e adicione esse código com Investimento em Todas as páginas:

Código:
; (function ($) {
    'use strict';

    $(function () {
        if ($('#mpage-body-modern').length) {
            $('<style>', {
                type: 'text/css',
                text: '' +
                    '#mpage-body-modern input,' +
                    '#mpage-body-modern textarea,' +
                    '#mpage-body-modern select,' +
                    '#mpage-body-modern #text_editor_iframe {' +
                        'color: #333;' +
                  '}' +
                ''
            }).appendTo('head');

        }
    });
}) (jQuery);

Feliz

Kyo Panda
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 1422
Pontos Ativos : 3953

http://ajuda.forumeiros.com

Resolvido Re: Alterar cor de texto na versão mobile

Mensagem por Lucy Elrich Sinskye em Ter 1 Nov 2016 - 21:14

Não existe como alterar isso sem utilizar um código Java?

Pois sei que tem um código no meu CSS que está configurando para ficar na cor atual, porém pelo que vi ele está afetando a versão clássica e a versão mobile.

Lucy Elrich Sinskye
Nível 5

Feminino
Inscrito dia : 03/03/2015
Mensagens : 45
Pontos Ativos : 703

http://www.rpghogwarts.org

Resolvido Re: Alterar cor de texto na versão mobile

Mensagem por Kyo Panda em Ter 1 Nov 2016 - 22:04

O problema é que o CSS do fórum normal não é aplicado ao tema (eu acho)*. Você pode tentar adicionar ao seu CSS:

Código:
#mpage-body-modern input,
#mpage-body-modern textarea,
#mpage-body-modern select,
#mpage-body-modern #text_editor_iframe {
  color: #333;
}

* Testei aqui e ele o aplica. Nesse caso o CSS acima deve funcionar. Peço desculpas pelo Javascript desnecessário. >-<"

Feliz

Kyo Panda
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 1422
Pontos Ativos : 3953

http://ajuda.forumeiros.com

Resolvido Re: Alterar cor de texto na versão mobile

Mensagem por Lucy Elrich Sinskye em Qua 2 Nov 2016 - 1:56

Teste aqui e não funcionou...
Talvez isso possa ajudar.. O código que tenho para versão clássica que altera isso é o seguinte código:
Código:
input,textarea, select, #text_editor_iframe {
   color : #f0f0f0;
   font: normal 11px Trebuchet MS;
   border-color : #f0f0f0;
   }
input.post,textarea.post,select,#text_editor_iframe,textarea.inputbox{
   background-color:#383838}
O primeiro altera o texto e o segundo altera o fundo. Qualquer um dos dois que eu consiga alterar na versão mobile já me ajuda, pois do jeito que está realmente é meio impossível postar no fórum usando a versão mobile.

Lucy Elrich Sinskye
Nível 5

Feminino
Inscrito dia : 03/03/2015
Mensagens : 45
Pontos Ativos : 703

http://www.rpghogwarts.org

Resolvido Re: Alterar cor de texto na versão mobile

Mensagem por Kyo Panda em Qua 2 Nov 2016 - 2:16

Não consegui encontrar a peça do CSS que passei em seu código. Foi removido?

---

O código que lhe passei tenta fazer pela primeira opção, alterando a cor do texto, apenas colocando uma condição (#mpage-body-modern) a mais para apenas funcionar na versão mobile (para que não haja conflitos com o CSS do tema normal).

Tente adicionar ao fim do seu CSS:

Código:
#mpage-body-modern input,
#mpage-body-modern textarea,
#mpage-body-modern select,
#mpage-body-modern #text_editor_iframe {
  color: #333 !important;
}

Caso não funcionar, mantenha o código aplicado e me avise aqui no tópico para que possa verificar os porquês do problema, tudo bem? ^-^

Contente

Kyo Panda
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 1422
Pontos Ativos : 3953

http://ajuda.forumeiros.com

Resolvido Re: Alterar cor de texto na versão mobile

Mensagem por Lucy Elrich Sinskye em Qua 2 Nov 2016 - 18:45

Acrescentei o código novamente ao fórum, este que você passou por último, porém continua não funcionando =/

Ps.: Dessa vez deixei o código ativado, mesmo que não esteja funcionando.

Lucy Elrich Sinskye
Nível 5

Feminino
Inscrito dia : 03/03/2015
Mensagens : 45
Pontos Ativos : 703

http://www.rpghogwarts.org

Resolvido Re: Alterar cor de texto na versão mobile

Mensagem por Kyo Panda em Qua 2 Nov 2016 - 19:46

No seu CSS, procure por isso:

Código:
.sonsa:hover{
  background-image:url('http://i.imgur.com/Bo83pRr.png';
  opacity:1;}

Está faltando um ) após uma propriedade, o que causa os códigos CSS abaixo disso não funcionarem (incluso o código que te passei). Apenas adicione um ) após "'http://i.imgur.com/Bo83pRr.png'" e antes de ";":

Código:
.sonsa:hover{
  background-image:url('http://i.imgur.com/Bo83pRr.png');
  opacity:1;}

Contente

Kyo Panda
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 1422
Pontos Ativos : 3953

http://ajuda.forumeiros.com

Resolvido Re: Alterar cor de texto na versão mobile

Mensagem por Lucy Elrich Sinskye em Qui 3 Nov 2016 - 15:30

Agora deu certo \o/

Muito obrigada @Kyo Panda

Realmente não tinha notado aquele código aberto, no que acho até mesmo que é um código inativo que acabou ficando para trás sem ser removido.

Lucy Elrich Sinskye
Nível 5

Feminino
Inscrito dia : 03/03/2015
Mensagens : 45
Pontos Ativos : 703

http://www.rpghogwarts.org

Resolvido Re: Alterar cor de texto na versão mobile

Mensagem por Cream em Qui 3 Nov 2016 - 15:40

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

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


Seta Respeite as Regras do fórum e conheça a nossa equipe staff e diretrizes do FdF!
Seta Conheça a nossa Lista de tutoriais e nossa Lista de FAQs.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

Cream
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8346
Pontos Ativos : 13545

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5