Zmiana kolorów wtyczki społecznościowej FB na forum

wersja skryptu MyBB: 1.6.9
adres forum: www.uroda-forum.pl
na czym polega problem (screen, opis, komunikaty):

Witam wszystkich Czy da się zmienić kolory wtyczki społecznościowej?
Chodzi o to, żeby jakoś ładniej wyglądała (na przykład jaśniejsze tło).

Kody wygenerowałem za pomocą strony https://developers.facebook.com/docs/reference/plugins/like-box/


I zamieściłem je następująco:

Pierwszy kod:

style i szablony > szablony > mój szablon > niezgrupowane szablony > headerinclude

przed {$stylesheets} wstawiłem:

<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/pl_PL/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

I drugi kod:

style i szablony > szablony > mój szablon > strona główna - szablony > index

przed </html> wstawiłem:

<div class="fb-like-box" data-href="https://www.facebook.com/urodaforum?ref=hl" data-width="1440" data-height="300" data-show-faces="true" data-colorscheme="dark" data-stream="false" data-header="true"></div>

W sumie nie wiem, czy w ogóle w dobre miejsca je wstawiłem.
I nie mam pojęcia, gdzie zmienić kolory. Znalazłem na ten temat jedno info na necie, jednak ja w ogóle w CSSie nie mam tego kodu i nie wiem co dalej.. Pomożecie?

Matslom napisał 26.02.2013, 16:45:
Przenoszę do odpowiedniego działu.

Tak. Wstaw w szablonie index przed </html> to:

<div class="fb-like-box" data-href="https://www.facebook.com/urodaforum?ref=hl" data-width="1440" data-height="300" data-show-faces="true" data-colorscheme="light" data-stream="false" data-header="true"></div> 


tak gdzie masz

data-colorscheme="dark"

Możesz zmienić na "light"

A to wiem wiem, tylko że wówczas to jeszcze gorzej wygląda zmieniłem więc zobaczcie.
Myślałem, że można jakoś te tło zrobić, pociemnić napisy itp

Nadal masz ciemny.

Nie ma żadnych wpisów do css. ani nie są opisane w html'u, więc nie wiem jak Ty to chcesz edytować

Ten cały box jest pobierany prosto z facebooka, możesz sobie przecież zmienić przy generowaniu z dark na light i będziesz miał jaśniejszy kolor.

Wstawiam SCREENA, zeby było widać różnicę.
Właśnie nie wiem jak to zrobić, żeby wtyczka była ładniejsza.
Da się to jakoś zrobić w ogóle? Jest jakiś sposób?

EDIT: wiem że moża zmieniać dark/light, ale mimo wszystko obydwie wersje niezbyt ładnie się prezentują na forum

W zasadzie to chyba da się. Musisz zainstalować firebuga jeżeli używasz firefoxa, jak chrome to PPM na element, który chcesz zmienić. Szukasz w tym elemencie

class="coś"

lub

id="cos"

I dodajesz do global.css

.cos {
background: red; /*jeżeli chcesz zmienić np. tło*/
color: black; /*jeżeli chesz zmienić kolor tekstu*/
}

itd.

Mam firebuga, jednak nie mogę się połapać w którym dokładnie miejscu szukać. W global.css nic takiego nie mogę znaleźć.
Niby podaje mi źródło, ale nie moge się połapać gdzie to jest..
Jak masz firebuga do ze swojego kompa możesz rzucić na to okiem?

http://dl.dropbox.com/u/91306379/Screen%...ooookk.png
Nie jestem pewien czy po dodaniu odpowiednich klas go global.css będzie to poprawnie działało

Ok a mógłbyś powiedzieć jak to po kolei zrobić? Jestem początkujący.
W htmlu wstawiłem tę jedną linijkę body class, a potem w cssie ną opisałem. jednak w ten sposób nie działa