Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Like Box przezroczysty ?
Forum PHP.pl > Forum > PHP
Marcin123
Witam chciałem wstawić like box-a na swoją stronę wszystko było ok lecz on jest przezroczysty zamiast biały lub czarny...
Wygląda to tak...
http://adf.ly/45WAP
Powinien być biały a nie jest ;(
Wie ktoś może co może być nie tak ?
lobopol
EE to nie wpadłeś na pomysł aby go umieścić w divie z białym tłem?
Marcin123
Szczerze to nie haha tongue.gif
Bo zawsze jak go wstawiałem na inną stronę to nie musiałem nic dodawać...
A jak to zrobić ? Chodzi mi oto czy CSS czy może po prostu w pliku php ?
lobopol
Jak używasz nowego html 5 widżetu to sobie ostyluj
  1. .like-box{
  2. background:#fff
  3. }

a jak nie to wstaw sobie w <div class="like-box"> z powyższym stylowaniem
Marcin123
Gdy podłączam
  1. .like-box{
  2. background:#fff
  3. }


Like-box całkiem znika...
lobopol
A pokaż cały kod inicjalizacji tego boksa i w czym on siedzi razem ze stylami
Marcin123
Kod boxa
  1. <div class="fb-like-box" data-href="http://www.facebook.com/pages/.../..." data-width="720" data-height="190" data-show-faces="true" data-stream="true" data-header="true"></div>

Css
  1. #strony {
  2. text-align:center;
  3. margin:0 auto;
  4. width:740px;
  5. padding-top:30px;
  6. font-size:14px;
  7. font-weight:bold;
  8. }
  9. .fb-like-box{
  10. background:#fff
  11. }
  12. #stopka {
  13. text-align:center;
  14. margin:0 auto;
  15. width:980px;
  16. padding:15px;
  17. font-size:14px;
  18. background: #000000;
  19. border-radius:6px 5px;


Mam nadzieje że dobrze cie zrozumiałem jeżeli nie to sorry smile.gif
lobopol
Przy tym ustawieniu powinno być ok, no cóż wpakuj
  1. <div id="biale">
  2. <div class="fb-like-box" data-href="http://www.facebook.com/pages/.../..." data-width="720" data-height="190" data-show-faces="true" data-stream="true" data-header="true"></div>
  3. </div>

i
  1. .fb-like-box{
  2. background:#fff
  3. }
  4. zmien na
  5. #biale{
  6. background:#fff
  7. }

Marcin123
Jest prawie dobrze tylko że teraz wygląda to tak smile.gif
lobopol
to ogranicz szerokość tego diva, albo daj mu display:inline-block
Marcin123
Możesz powiedzieć jak ?
Przepraszam że tak pytam ale zależy mi na tym sad.gif
Gdy dodaje do CSS-a jest tak samo...
lobopol
Przecież to podstawy css
  1. #biale{
  2. width:720px;
  3. }
  4.  
  5. lub
  6. #biale{
  7. display:inline-block;
  8. }
Marcin123
Tyle to ja wiem lecz jak to dodaje to znika tło i wracam do początku... ;/
lobopol
a zostawiłeś
  1. #biale{
  2. background:#fff;
  3. display:inline-block;
  4. }
  5.  
  6. lub
  7. #biale{
  8. background:#fff;
  9. width:720px;
  10. }
Marcin123
Ok już wszystko ok smile.gif
Ostatnie pytanie smile.gif
Przeniosło się to na lewo całkiem po mimo że centruje dalej jest tak samo...
lobopol
Nie rozumiem stwierdzenia, dodaj margin:auto ja idę spać,
Marcin123
Działa wszystko smile.gif
Dzięki za pomoc oraz poświęcenie mi czasu...
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.