Blogerzy wszystkich platform, łączcie się!

Dyskusje Blogerów, Fotoblogerów i Vlogerów, fora blogowe, graficzne, ogólnotematyczne
rozmowy o blogach, porady, instrukcje, ciekawostki z internetu



::
Zamknięty przez: Htsz
2013-09-23, 21:04
Autor Wiadomość
bobiszcz 
Blogger.Klub

Imię: Tomek
Dołączył/a: 03 Maj 2011
Posty: 0

Wysłany:    Obramowanie Facebookowego 'Like-boxa'

Cześć, jakiś czas temu, wkleiłem na swojego bloga 'like-boxa' po zmianie paru rzeczy w kodzie wygenerowanym przez facebook udało mi się go przystosować do moich upodobań, poza jedną drażniącą rzeczą.

Ramka 'like-boxa'. Wygląda mało estetycznie. Myślę, że gdyby nie było jej wcale byłoby dobrze. Ewentualnie prosiłbym jeszcze o pomoc w zmianie kolorów czcionki w tymże gadżecie.
W razie czego zamieszczę tutaj kod tej ramki
Czekam na odpowiedź i z góry dzięki
Bobiszcz

[ Komentarz dodany przez: Htsz: 23-09-2013, 22:04 ]
poniższa instrukcja jest w pewnym sensie nieaktualna, bo w najnowszych kodach facebooka (generator like) dostępna jest opcja decydowania o obramowaniu wklejki.
 
  podziel si� tym postem na:




Utwórz darmowe konto na forum --- Zaloguj się --- Polub Blogowicza na FB!
Dołącz do grupy Bloggerów na FB

Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 39
Dołączył/a: 01 Sty 2006
Posty: 8949
Miasto: Wrocław

Wysłany: 2011-05-03, 19:21   

linków do obrazków nie wstawiaj w code, bo nie można ich wtedy kliknąć ;)

Mnie też denerwuje to obramowanie i w generatorze powinna być opcja jego zmiany lub wyłączenia, czasami (co zresztą sam masz u siebie) ostro potrafi popsuć wygląd strony.

Nie zagłębiałem się wcześniej jak się tego pozbyć, bo wiem, że zwykłą metodą podmiany CSS nie przejdzie. Dlaczego? przycisk generowany jest w iframe - czyli wczytujemy inną (zewnętrzną) stronę w ramce. Nie mamy więc wpływu na styl tamtej strony (nie zmienimy kroju czcionki).

Jedyne wyjście to trick, który zakryje obramowanie.
Znalazłem dwa rozwiązania:

CSS
Wiadomość (widoczna dla zarejestrowanych)
kod na stronie:
Wiadomość (widoczna dla zarejestrowanych)
źródło: forum.developers.facebook.net/viewtopic.php?pid=237185

----------------------------

CSS:
Wiadomość (widoczna dla zarejestrowanych)
Kod na stronie:
Wiadomość (widoczna dla zarejestrowanych)
źródło: crunchmeme.com/facebook-like-box-remove-border/
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb

Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku. :^^:
 
  podziel si� tym postem na:
bobiszcz 
Blogger.Klub

Imię: Tomek
Dołączył/a: 03 Maj 2011
Posty: 0

Wysłany: 2011-05-03, 20:07   

Dobra jest, jakimś cudem i z pomocą, udało mi się pozbyć obramowania. Jednak ramka teraz wygląda tak:

http://img838.imageshack.us/i/clipboard02vv.jpg/

Co ciekawe rozszerzyć ramkę da się do pewnego momentu. Na tyle, że mieści się 3,5 miniaturki. na wysokość też nic nie działa. Kiedy zwężam ramkę na nowo pojawia się obramowanie z prawej strony. Czarna magia dla mnie
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 39
Dołączył/a: 01 Sty 2006
Posty: 8949
Miasto: Wrocław

Wysłany: 2011-05-03, 21:26   

a nie jest dla ciebie logiczne, że jak zmieniasz wymiary ramki wygenerowanej na facebooku to musisz też zmienić wartości tego "hacka"? przecież służy on do maskowania "border" dla konkretnych wymiarów - w przypadku pierwszego kodu edytujesz też wartości dla div.likeboxwrap

ten drugi kod jest chyba bardziej elastyczny, bo nie widzę tam width i height.
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb

Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku. :^^:
 
  podziel si� tym postem na:
bobiszcz 
Blogger.Klub

Imię: Tomek
Dołączył/a: 03 Maj 2011
Posty: 0

Wysłany: 2011-05-03, 21:31   

Szczerze jestem bardzo słaby w te klocki, ale już wiem w czym kłopot i jutro się tym zajmę. Dzięki wielkie Htsz!:)
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 39
Dołączył/a: 01 Sty 2006
Posty: 8949
Miasto: Wrocław

Wysłany: 2012-04-14, 02:57   

p.s. od jakiegoś czasu w generatorze dostępna jest opcja "Border Color" - można tam wpisać np. #FFFFFF (kolor tła naszej strony - tam gdzie będzie wklejony plugin) i w ten sposób nie będzie widać obramowania.
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb

Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku. :^^:
 
  podziel si� tym postem na:
Wyświetl posty z ostatnich:   
::
Ten temat jest zablokowany bez możliwości zmiany postów lub pisania odpowiedzi
Nie możesz pisać nowych tematów. Zobacz szczegły.
Nie możesz odpowiadać w tematach. Zobacz szczegły.
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach
Nie możesz załączać plików na tym forum
Nie możesz ściągać załączników na tym forum
Dodaj temat do Ulubionych
Wersja do druku

Skocz do:  

Powered by phpBB & Weblove.pl © 2006-2024 Wrocław | modified by Przemo © 2003 phpBB Group.
skocz na górę   |  shoutbox
 
Dodaj na Facebooku:

Zobacz także:


Szablony blogów i stron na wordpress
ogromna baza motywów WP, podzielona na kategorie tematyczne. Proste, jednostronicowe wizytówki lub zaawansowane układy, także z funkcją sklepu internetowego (ecommerce).
Wyszukaj na Blogowiczu:
snapchat blogowicz instagram blogowicz