Mudar cor fundo/escrita - widget facebook

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

Resolvido Mudar cor fundo/escrita - widget facebook

Mensagem por Boost Motors em 09/04/13, 10:26 am

Qual é minha questão:
Pessoal, criei um Widget pessoal direcionando pra página do Facebook, o problema é que o fundo do fórum é cinza escuro, e algumas escritas do Widget também (como por exemplo: 2000 pessoas curtiram isso), dificultando a leitura. Queria saber se tem como mudar apenas as letras, ou ao menos o fundo desse Widget pro pessoal conseguir ler sem problemas, alguém tem um tutorial? Pesquisei mas não consegui resolver esse problema de nenhum jeito.

Endereço do meu fórum:
http://boostmotors.forumeiros.com/

Versão do fórum:
PHPBB3

Foto do problema caso alguém não tenha entendido:



Abraços!


Última edição por Boost Motors em 30/04/13, 11:57 am, editado 1 vez(es)
avatar

Boost Motors
Nível 4

Masculino
Inscrito dia : 05/04/2013
Mensagens : 31
Pontos Ativos : 35

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

Resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Evidaaηc em 09/04/13, 11:05 am

Poderia me fornecer o codigo do widget?
avatar

Evidaaηc
Usuário destaque

Masculino
Inscrito dia : 06/07/2012
Mensagens : 706
Pontos Ativos : 966

Ver perfil do usuário http://world.forumbrasil.net/

Resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Boost Motors em 09/04/13, 11:07 am

@Evidaaηc escreveu:Poderia me fornecer o codigo do widget?

Essa seria a fonte?

Se for sim, é esse:

<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "http://connect.facebook.net/pt_BR/all.js#xfbml=1&appId=595683313782033";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script><div class="fb-like-box" data-href="https://www.facebook.com/BoostMotors" data-width="540" data-show-faces="true" data-stream="true" data-header="true"></div>
avatar

Boost Motors
Nível 4

Masculino
Inscrito dia : 05/04/2013
Mensagens : 31
Pontos Ativos : 35

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

Resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Boost Motors em 09/04/13, 01:33 pm

Up!
avatar

Boost Motors
Nível 4

Masculino
Inscrito dia : 05/04/2013
Mensagens : 31
Pontos Ativos : 35

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

Resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Boost Motors em 11/04/13, 01:39 pm

Up galera! Help Tonto
avatar

Boost Motors
Nível 4

Masculino
Inscrito dia : 05/04/2013
Mensagens : 31
Pontos Ativos : 35

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

Resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Gmtp em 11/04/13, 01:50 pm

Olá

Adicione este código css e vê se resulta ;

Código:
class="userContent" {
background-color: #FFFFFF;
}

Até mais
avatar

Gmtp
Membro do Fórum

Masculino
Inscrito dia : 03/01/2013
Mensagens : 1034
Pontos Ativos : 1451

Ver perfil do usuário http://makerforum.forumeiros.com/ https://www.facebook.com/gyovany.francini

Resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Boost Motors em 11/04/13, 01:55 pm

Coloquei na Fonte do Widget e não funcionou, é em outro local?

Abraços!
avatar

Boost Motors
Nível 4

Masculino
Inscrito dia : 05/04/2013
Mensagens : 31
Pontos Ativos : 35

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

Resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Gmtp em 11/04/13, 01:56 pm

Olá

Na sua folha de estilo css...

Painel de controle Seta Visualizações Seta Imagens e cores Seta Cores Seta Folha de estilo css

Até mais
avatar

Gmtp
Membro do Fórum

Masculino
Inscrito dia : 03/01/2013
Mensagens : 1034
Pontos Ativos : 1451

Ver perfil do usuário http://makerforum.forumeiros.com/ https://www.facebook.com/gyovany.francini

Resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Boost Motors em 11/04/13, 02:11 pm

Infelizmente não funcionou, to achando que é problema com o facebook em si, porque é um plugin =/
avatar

Boost Motors
Nível 4

Masculino
Inscrito dia : 05/04/2013
Mensagens : 31
Pontos Ativos : 35

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

Resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Boost Motors em 12/04/13, 10:22 am

Já até tentei mudar na folha estilo CSS o fundo de widgets, fóruns e etc lá, mas não muda absolutamente nada, saco..
avatar

Boost Motors
Nível 4

Masculino
Inscrito dia : 05/04/2013
Mensagens : 31
Pontos Ativos : 35

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

Resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Gmtp em 12/04/13, 01:02 pm

Olá

Troque o código dado por mim por este :

Código:
class="userContent" {
color: #ffffff;
}

Até mais
avatar

Gmtp
Membro do Fórum

Masculino
Inscrito dia : 03/01/2013
Mensagens : 1034
Pontos Ativos : 1451

Ver perfil do usuário http://makerforum.forumeiros.com/ https://www.facebook.com/gyovany.francini

Resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Convidado em 12/04/13, 03:28 pm

Saudações!

Troque o código por este
Código:
<div id="fb-root"></div>
<fonte color"white"><script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1&appId=595683313782033";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script><div class="fb-like-box" data-href="https://www.facebook.com/BoostMotors" data-width="540" data-show-faces="true" data-stream="true" data-header="true"></fonte></div>

Até Piscada

Convidado
Convidado


Resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Boost Motors em 12/04/13, 03:32 pm

Não foi brother =/

Plugin chato kkk
avatar

Boost Motors
Nível 4

Masculino
Inscrito dia : 05/04/2013
Mensagens : 31
Pontos Ativos : 35

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

Resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por BrunoH. em 13/04/13, 11:26 am

Olá,
Adicione o seguinte código, juntamente com o código do Widget Facebook:
Código:
<style type="text/css">.uiStreamRedesign .uiStreamMessage .messageBody {color: #FFF!important;}</style>

Até mais.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Boost Motors em 14/04/13, 10:42 am

Também não funciona BrunoH., esse plugin é chato demais, tentei de toda forma no código e não muda nada =/

Se ajudar, meu código atual ta assim:
Código:

<div id="fb-root"></div>
<fonte color"white"><script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1&appId=595683313782033";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script><div class="fb-like-box" data-href="https://www.facebook.com/BoostMotors" data-width="540" data-show-faces="true" data-stream="true" data-header="true"></fonte></div>

Abraços!
avatar

Boost Motors
Nível 4

Masculino
Inscrito dia : 05/04/2013
Mensagens : 31
Pontos Ativos : 35

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

Resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por BrunoH. em 14/04/13, 11:49 am

Olá!
Aceda a Folha de Estilo CSS:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS
Código:
Código:
.uiStreamRedesign .uiStreamMessage .messageBody {color: #FFF!important;}
e Valide!

E por favor, deixe o código CSS ativo em sua Folha. Para que eu possa verificar qual seria o problema.

Até mais.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Boost Motors em 14/04/13, 07:10 pm

Nada também, adicionei, validei, e não funcionou =/

Abraços!
avatar

Boost Motors
Nível 4

Masculino
Inscrito dia : 05/04/2013
Mensagens : 31
Pontos Ativos : 35

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

Resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por seender em 15/04/13, 10:00 am

Olá!

Utilize este:
Código:
.fb-like-box.fb_iframe_widget{color:#fff !important;}
Adicione em:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS

Melhores cumprimentos,
seender
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Boost Motors em 15/04/13, 10:27 am

Nada também seender, adicionei na Folha estilo CSS e não mudou nada =/

Será que não é algum problema no código do widget que eu informei ali em cima?

Abraços!
avatar

Boost Motors
Nível 4

Masculino
Inscrito dia : 05/04/2013
Mensagens : 31
Pontos Ativos : 35

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

Resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por seender em 15/04/13, 10:55 am

Olá!

Troque o código por este:
Código:
        <div id="fb-root"></div>
        <font color"white"><script>(function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1&appId=595683313782033";
        fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));</script><div class="fb-like-box" data-href="https://www.facebook.com/BoostMotors" data-width="540" data-show-faces="true" data-stream="true" data-header="true"></font></div>
Até mais!
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Boost Motors em 15/04/13, 11:07 am

Ix, com esse código o widgtet não funciona, fica só o título dele normal e no conteúdo fica em branco =/
avatar

Boost Motors
Nível 4

Masculino
Inscrito dia : 05/04/2013
Mensagens : 31
Pontos Ativos : 35

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

Resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Boost Motors em 16/04/13, 12:53 pm

UP! Muito feliz
avatar

Boost Motors
Nível 4

Masculino
Inscrito dia : 05/04/2013
Mensagens : 31
Pontos Ativos : 35

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

Resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Boost Motors em 17/04/13, 09:57 am

OBS: Retornei pro código que tava pro widget voltar a funcionar Piscada

Abraços!
avatar

Boost Motors
Nível 4

Masculino
Inscrito dia : 05/04/2013
Mensagens : 31
Pontos Ativos : 35

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

Resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Boost Motors em 19/04/13, 05:32 pm

UP! Help! Triste
avatar

Boost Motors
Nível 4

Masculino
Inscrito dia : 05/04/2013
Mensagens : 31
Pontos Ativos : 35

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

Resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por seender em 20/04/13, 07:26 pm

Olá!

Então troque por este:
Código:
        <div id="fb-root"></div>
<script>(function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1&appId=595683313782033";
        fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));</script><div class="fb-like-box" data-href="https://www.facebook.com/BoostMotors" data-width="540" data-show-faces="true" data-stream="true" data-header="true"></div>

Até mais!
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Boost Motors em 22/04/13, 09:50 am

Também não foi seender, continua a mesma coisa =/

Será que não tem como mudar essa zica..? kkkkk
avatar

Boost Motors
Nível 4

Masculino
Inscrito dia : 05/04/2013
Mensagens : 31
Pontos Ativos : 35

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

Resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por seender em 22/04/13, 09:18 pm

Olá!

Não entendo o que deseja então, poderia postar uma imagem mais explicativa? até agora não entendi.

Até mais!
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Boost Motors em 23/04/13, 02:40 pm

Pra já brother! Muito feliz

Quero deixar as partes que eu marquei ali, com a escrita branca ou se não tiver jeito disso, o fundo desse widget todo mais claro pra conseguirem ler as partes sem dificuldade, segue a foto:



Abraços e valeu!
avatar

Boost Motors
Nível 4

Masculino
Inscrito dia : 05/04/2013
Mensagens : 31
Pontos Ativos : 35

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

Resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Boost Motors em 25/04/13, 02:31 pm

UP! Muito feliz
avatar

Boost Motors
Nível 4

Masculino
Inscrito dia : 05/04/2013
Mensagens : 31
Pontos Ativos : 35

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

Resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Sennior em 25/04/13, 02:49 pm

Saudações! Muito feliz

Aceda à tua "Folha De Estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha De Estilo CSS

Código:
class="userContent" {
color: #FFFFFF !Important;
}

Valide.

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Boost Motors em 26/04/13, 09:35 am

Não funcionou Mikéé =/

Continua igualzinho essa bomba kkkk

Abraços!
avatar

Boost Motors
Nível 4

Masculino
Inscrito dia : 05/04/2013
Mensagens : 31
Pontos Ativos : 35

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

Resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por BrunoH. em 26/04/13, 06:30 pm

Olá,
Aceda a Folha de Estilo CSS:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS
Código:
Código:
.uiStreamRedesign .uiStreamMessage .messageBody,.userContent {color: #fff!important;}
e Valide!

Até mais.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Boost Motors em 27/04/13, 11:28 am

Continua igual =/

Será que não tem como mudar pelo menos a cor do fundo desse widget? To achando que é meio impossível mudar só a cor da escrita... Mudar a cor do fundo dele já resolveria também.

Abraços!
avatar

Boost Motors
Nível 4

Masculino
Inscrito dia : 05/04/2013
Mensagens : 31
Pontos Ativos : 35

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

Resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Quakeeline em 27/04/13, 11:45 am

Olá,

Adiciona este código em sua Folha de estilo CSS

Código:
.uiStreamRedesign .uiStreamMessage .messageBody {
    color: white !important;
}
._4s7c {
    color: white !important;
}
.fwb {
    color: black !important;
}

Até
avatar

Quakeeline
Nível 9

Masculino
Inscrito dia : 26/04/2013
Mensagens : 190
Pontos Ativos : 290

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

Resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Boost Motors em 29/04/13, 10:35 am

Nenhuma diferença também Quakeeline =(

Abraços!
avatar

Boost Motors
Nível 4

Masculino
Inscrito dia : 05/04/2013
Mensagens : 31
Pontos Ativos : 35

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

Resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por [F]lames em 29/04/13, 11:38 am

Olá,

Tente este:

Código:
body.plugin.webkit .fsl.fwb {color: initial;}
body.plugin.webkit {color: #FFF;}
.uiStreamRedesign .uiStreamMessage .messageBody {color: #FFF !important;}
Até mais.
avatar

[F]lames
Usuário destaque

Masculino
Inscrito dia : 05/10/2012
Mensagens : 866
Pontos Ativos : 1207

Ver perfil do usuário http://www.bestskins.net/

Resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Boost Motors em 30/04/13, 11:03 am

Adicionei na CSS também e nada, [F]lames =/

Será que em vez de mudar a cor das letrinhas não da pra mudar só a cor do fundo desse widget?!

Abraços!
avatar

Boost Motors
Nível 4

Masculino
Inscrito dia : 05/04/2013
Mensagens : 31
Pontos Ativos : 35

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

Resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por [F]lames em 30/04/13, 11:06 am

Olá,

Ok, vamos tentar mudar o fundo. Utilize este CSS:

Código:
body.plugin {
background: #FFFFFF !important;
}
Resulta ?

Até mais.
avatar

[F]lames
Usuário destaque

Masculino
Inscrito dia : 05/10/2012
Mensagens : 866
Pontos Ativos : 1207

Ver perfil do usuário http://www.bestskins.net/

Resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Boost Motors em 30/04/13, 11:21 am

Também não, [F]lames =/

Abraços!
avatar

Boost Motors
Nível 4

Masculino
Inscrito dia : 05/04/2013
Mensagens : 31
Pontos Ativos : 35

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

Resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por [F]lames em 30/04/13, 11:35 am

Olá,

Tente este:

Código:
.fb_iframe_widget {
background: #FFF !important;
}
Resulta ?

Até mais.
avatar

[F]lames
Usuário destaque

Masculino
Inscrito dia : 05/10/2012
Mensagens : 866
Pontos Ativos : 1207

Ver perfil do usuário http://www.bestskins.net/

Resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Boost Motors em 30/04/13, 11:57 am

Funcinooou!!

Finalmente kkkkkk

MUITO obrigado [F]lames! E à todos que tentaram me ajudar também, sei que não foi nem um pouco fácil kkkkk

Valeu mesmo,

Abraçosss!
avatar

Boost Motors
Nível 4

Masculino
Inscrito dia : 05/04/2013
Mensagens : 31
Pontos Ativos : 35

Ver perfil do usuário http://boostmotors.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