Mudar cor fundo/escrita - widget facebook

+4
BrunoH.
Gmtp
Evidaaηc
Boost Motors
8 participantes

Ir para baixo

Tópico resolvido Mudar cor fundo/escrita - widget facebook

Mensagem por Boost Motors 09.04.13 14:26

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:

Mudar cor fundo/escrita - widget facebook Problemacores

Abraços!


Última edição por Boost Motors em 30.04.13 15:57, editado 1 vez(es)
Boost Motors
Boost Motors
*

Membro desde : 05/04/2013
Mensagens : 31
Pontos : 35

http://boostmotors.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Evidaaηc 09.04.13 15:05

Poderia me fornecer o codigo do widget?
Evidaaηc
Evidaaηc
Membro

Membro desde : 06/07/2012
Mensagens : 706
Pontos : 966

http://world.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Boost Motors 09.04.13 15:07

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 = "https://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>
Boost Motors
Boost Motors
*

Membro desde : 05/04/2013
Mensagens : 31
Pontos : 35

http://boostmotors.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Boost Motors 09.04.13 17:33

Up!
Boost Motors
Boost Motors
*

Membro desde : 05/04/2013
Mensagens : 31
Pontos : 35

http://boostmotors.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Boost Motors 11.04.13 17:39

Up galera! Help Tonto
Boost Motors
Boost Motors
*

Membro desde : 05/04/2013
Mensagens : 31
Pontos : 35

http://boostmotors.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Gmtp 11.04.13 17:50

Olá

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

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

Até mais
Gmtp
Gmtp
Super Membro

Membro desde : 03/01/2013
Mensagens : 1044
Pontos : 1469

http://makerforum.forumeiros.com/ https://www.facebook.com/gyovany.francini

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Boost Motors 11.04.13 17:55

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

Abraços!
Boost Motors
Boost Motors
*

Membro desde : 05/04/2013
Mensagens : 31
Pontos : 35

http://boostmotors.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Gmtp 11.04.13 17:56

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
Gmtp
Gmtp
Super Membro

Membro desde : 03/01/2013
Mensagens : 1044
Pontos : 1469

http://makerforum.forumeiros.com/ https://www.facebook.com/gyovany.francini

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Boost Motors 11.04.13 18:11

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

Membro desde : 05/04/2013
Mensagens : 31
Pontos : 35

http://boostmotors.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Boost Motors 12.04.13 14:22

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

Membro desde : 05/04/2013
Mensagens : 31
Pontos : 35

http://boostmotors.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Gmtp 12.04.13 17:02

Olá

Troque o código dado por mim por este :

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

Até mais
Gmtp
Gmtp
Super Membro

Membro desde : 03/01/2013
Mensagens : 1044
Pontos : 1469

http://makerforum.forumeiros.com/ https://www.facebook.com/gyovany.francini

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Convidado 12.04.13 19:28

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
Anonymous
Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Boost Motors 12.04.13 19:32

Não foi brother =/

Plugin chato kkk
Boost Motors
Boost Motors
*

Membro desde : 05/04/2013
Mensagens : 31
Pontos : 35

http://boostmotors.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por BrunoH. 13.04.13 15:26

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.
BrunoH.
BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Boost Motors 14.04.13 14:42

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!
Boost Motors
Boost Motors
*

Membro desde : 05/04/2013
Mensagens : 31
Pontos : 35

http://boostmotors.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por BrunoH. 14.04.13 15:49

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.
BrunoH.
BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Boost Motors 14.04.13 23:10

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

Abraços!
Boost Motors
Boost Motors
*

Membro desde : 05/04/2013
Mensagens : 31
Pontos : 35

http://boostmotors.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por seender 15.04.13 14:00

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
seender
seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Boost Motors 15.04.13 14:27

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!
Boost Motors
Boost Motors
*

Membro desde : 05/04/2013
Mensagens : 31
Pontos : 35

http://boostmotors.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por seender 15.04.13 14:55

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!
seender
seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Boost Motors 15.04.13 15:07

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

Membro desde : 05/04/2013
Mensagens : 31
Pontos : 35

http://boostmotors.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Boost Motors 16.04.13 16:53

UP! Muito feliz
Boost Motors
Boost Motors
*

Membro desde : 05/04/2013
Mensagens : 31
Pontos : 35

http://boostmotors.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Boost Motors 17.04.13 13:57

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

Abraços!
Boost Motors
Boost Motors
*

Membro desde : 05/04/2013
Mensagens : 31
Pontos : 35

http://boostmotors.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Boost Motors 19.04.13 21:32

UP! Help! Triste
Boost Motors
Boost Motors
*

Membro desde : 05/04/2013
Mensagens : 31
Pontos : 35

http://boostmotors.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por seender 20.04.13 23:26

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!
seender
seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Boost Motors 22.04.13 13:50

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

Será que não tem como mudar essa zica..? kkkkk
Boost Motors
Boost Motors
*

Membro desde : 05/04/2013
Mensagens : 31
Pontos : 35

http://boostmotors.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por seender 23.04.13 1:18

Olá!

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

Até mais!
seender
seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Boost Motors 23.04.13 18:40

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:

Mudar cor fundo/escrita - widget facebook Zicamk

Abraços e valeu!
Boost Motors
Boost Motors
*

Membro desde : 05/04/2013
Mensagens : 31
Pontos : 35

http://boostmotors.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Boost Motors 25.04.13 18:31

UP! Muito feliz
Boost Motors
Boost Motors
*

Membro desde : 05/04/2013
Mensagens : 31
Pontos : 35

http://boostmotors.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Sennior 25.04.13 18:49

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.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Boost Motors 26.04.13 13:35

Não funcionou Mikéé =/

Continua igualzinho essa bomba kkkk

Abraços!
Boost Motors
Boost Motors
*

Membro desde : 05/04/2013
Mensagens : 31
Pontos : 35

http://boostmotors.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por BrunoH. 26.04.13 22:30

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.
BrunoH.
BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Boost Motors 27.04.13 15:28

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!
Boost Motors
Boost Motors
*

Membro desde : 05/04/2013
Mensagens : 31
Pontos : 35

http://boostmotors.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Quakeeline 27.04.13 15:45

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é
Quakeeline
Quakeeline
***

Membro desde : 26/04/2013
Mensagens : 190
Pontos : 290

http://lfdesign.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Boost Motors 29.04.13 14:35

Nenhuma diferença também Quakeeline =(

Abraços!
Boost Motors
Boost Motors
*

Membro desde : 05/04/2013
Mensagens : 31
Pontos : 35

http://boostmotors.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por [F]lames 29.04.13 15:38

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.
[F]lames
[F]lames
Membro

Membro desde : 05/10/2012
Mensagens : 866
Pontos : 1208

http://www.bestskins.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Boost Motors 30.04.13 15:03

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!
Boost Motors
Boost Motors
*

Membro desde : 05/04/2013
Mensagens : 31
Pontos : 35

http://boostmotors.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por [F]lames 30.04.13 15:06

Olá,

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

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

Até mais.
[F]lames
[F]lames
Membro

Membro desde : 05/10/2012
Mensagens : 866
Pontos : 1208

http://www.bestskins.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Boost Motors 30.04.13 15:21

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

Abraços!
Boost Motors
Boost Motors
*

Membro desde : 05/04/2013
Mensagens : 31
Pontos : 35

http://boostmotors.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por [F]lames 30.04.13 15:35

Olá,

Tente este:

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

Até mais.
[F]lames
[F]lames
Membro

Membro desde : 05/10/2012
Mensagens : 866
Pontos : 1208

http://www.bestskins.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor fundo/escrita - widget facebook

Mensagem por Boost Motors 30.04.13 15:57

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!
Boost Motors
Boost Motors
*

Membro desde : 05/04/2013
Mensagens : 31
Pontos : 35

http://boostmotors.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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