Webboard

Pełna wersja: Zmiana kolorów wtyczki społecznościowej FB na forum
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
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?
Tak. Wstaw w szablonie index przed </html> to:

Kod PHP:
<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
Kod:
data-colorscheme="dark"
Możesz zmienić na "light"
A to wiem wiem, tylko że wówczas to jeszcze gorzej wygląda :P 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
Kod:
class="coś"
lub
Kod:
id="cos"
I dodajesz do global.css
Kod:
.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