1. Forum używa plików Cookies. Dowiedz się więcej o celu ich używania i możliwości zmiany ustawień Cookies w przeglądarce. Czytaj więcej...

PORADNIK Dobry wysuwany Facebook (responsywny - ukrywa się przy mniejszej szerokości ekranu)

Dyskusja w 'Poradniki, gotowe rozwiązania' rozpoczęta przez użytkownika TheL, 15 Styczeń 2016.

  1. domowykosmetyk

    domowykosmetyk Kandydat

    Wiadomości:
    104
    Docenione treści:
    3
    na instagramie jest instrukcja :

    Skopiuj ten kod:
    <style>.ig-b- { display: inline-block; }
    .ig-b- img { visibility: hidden; }
    .ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; }
    .ig-b-24 { width: 24px; height: 24px; background: url(//badges.instagram.com/static/images/ig-badge-sprite-24.png) no-repeat 0 0; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .ig-b-24 { background-image: url(//badges.instagram.com/static/images/ig-badge-sprite-24@2x.png); background-size: 60px 178px; } }</style>
    <a href="https://www.instagram.com/domowykosmetyk/?ref=badge" class="ig-b- ig-b-24"><img src="//badges.instagram.com/static/images/ig-badge-24.png" alt="Instagram" /></a>

    Wklej kod na swojej stronie, blogu lub w innym miejscu, w którym chcesz umieścić link do swojego profilu!

    tylko gdzie? własny styl CSS?
    jak wkleiłam w CSS to pokazuje mi, że mam błąd

    Thel
    - wieczorem spróbuję twój sposób. Dzięki.

     
  2. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    po pierwsze:
    wklej kod pomiędzy znacznikami <style> a </style> do własnego css
    po drugie link czyli całego a hrefa wklej w odpowiednim miejscu do templatki :)
    ale mi się taki instagram bardzo nie podoba :D
     
  3. majsteronline

    majsteronline Kandydat

    Wiadomości:
    103
    Docenione treści:
    3
    Thel - Twoje rady bardzo się przydały. A czy jest możliwość zmienić skrypty w taki sposób, że likebox będzie wyświetlał się po lewej stronie?
     
  4. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    jest możliwość, ale już nie dziś bo dziś się już nie wyrobię :)
    tak z ciekawości podaj adres strony :)
     
  5. majsteronline

    majsteronline Kandydat

    Wiadomości:
    103
    Docenione treści:
    3
  6. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    w tym facebooku trzeba będzie u Ciebie jeszcze jedną rzecz zmienić nie tylko przenieść na drugą stronę, ale o tym jutro :)
     
  7. majsteronline

    majsteronline Kandydat

    Wiadomości:
    103
    Docenione treści:
    3
    TheL - dzięki :)
     
  8. yankes

    yankes Artysta

    Wiadomości:
    279
    Docenione treści:
    15
    u kolezanka z branzy :D
     
  9. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    Jeszcze się tu jakieś współprace nawiążą :)
     
  10. majsteronline

    majsteronline Kandydat

    Wiadomości:
    103
    Docenione treści:
    3
    TheL i pewnie niejedna już się nawiązała. Ja przypominam się w swojej sprawie. :)
     
  11. majsteronline

    majsteronline Kandydat

    Wiadomości:
    103
    Docenione treści:
    3
    Thel czy jest szansa na uzyskanie pomocy? :)
     
  12. Mariusz

    Mariusz pomoc.home.pl Moderator forum

    Wiadomości:
    3 087
    Docenione treści:
    302
    Zajrzałem z ciekawości na Twój sklep i powiem szczerze, że po prawej stronie moduł Facebooka lepiej wygląda... mógłbym nawet powiedzieć, że użytkownicy są przyzwyczajeni do wyświetlania tego typu modułów po prawej stronie. Użytkownicy sieci Internet w naszej szerokości geograficznej czytają od "lewej do prawej". Według tej zasady, użytkownik odwiedzający Twój sklep, zobaczy najpierw logo sklepu, później slajd informujący o ponad 12000 produktów dostępnych w sprzedaży i dopiero na końcu moduł Facebooka. Moim zdaniem jest to dość poprawna kolejność przekazywania informacji.

    Zastanów się proszę, czy zamiana miejscami modułu Facebooka z prawej na lewą jest faktycznie dobrym pomysłem.

    Bardziej zastanowiłbym się nad zmniejszeniem wysokości headera, czyli miejsca gdzie wyświetlane jest logo oraz wyszukiwarka (moim zdaniem ten obszar jest za wysoki, za dużo wolnego miejsca w jednym z najważniejszych obszarów strony WWW). W tym celu należu usunąć parametr "min-height" z klasy .logo .innerlogo
    Kod:
    .logo .innerlogo {
        min-height: 0px;
    }

    Druga modyfikacja nad którą bym się zastanowił to wyśrodkowanie obrazka w tle sklepu w taki sposób, aby nie było widać tego powtarzania się obrazka w tle (nakłada się na siebie). Można to otrzymać poprzez ustawienie odpowiedniego parametru repeat-y oraz poprzez wgranie obrazka o odpowiedniej szerokości (obecny obrazek ma za małą szerokość).

    Poniżej podaję przykład kodu, który spowoduje wyświetlenie obecnego tła w pozycji wyśrodkowanej, tło będzie się powtarzać tylko w ramach osi Y, a przy okazji obrazek tła zostanie zwiększony do szerokości 100% strony.
    Kod:
    body {
        background: #fafafa center top repeat-y url("/skins/user/light_red_2/afb164bb36b6ec12aa0ba116fba72004.jpg");
        background-size: 100%;
    }
     
  13. Danuta N.

    Danuta N. Użytkownik

    Wiadomości:
    53
    Docenione treści:
    3
    wszystko powklejane (posta edytuję na bieżąco, jak udaje się coś rozwiązać)
    i... nie działa :-(
     
    Ostatnia modyfikacja: 1 Kwiecień 2016
  14. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    to nie może nie działać :) jeśli nie działa to jest 2 opcje: 1 źle wstawione, 2 coś wstawionego wcześniej się z nim gryzie
     
  15. majsteronline

    majsteronline Kandydat

    Wiadomości:
    103
    Docenione treści:
    3
    Bardziej zastanowiłbym się nad zmniejszeniem wysokości headera, czyli miejsca gdzie wyświetlane jest logo oraz wyszukiwarka (moim zdaniem ten obszar jest za wysoki, za dużo wolnego miejsca w jednym z najważniejszych obszarów strony WWW). W tym celu należu usunąć parametr "min-height" z klasy .logo .innerlogo
    Kod:
    .logo .innerlogo {
        min-height: 0px;
    }
    Czyli mam usunąć po prostu ten kod, który mi podałeś? Jestem początkująca - gdzie go znaleźć??

    ......

    Poniżej podaję przykład kodu, który spowoduje wyświetlenie obecnego tła w pozycji wyśrodkowanej, tło będzie się powtarzać tylko w ramach osi Y, a przy okazji obrazek tła zostanie zwiększony do szerokości 100% strony.
    Kod:
    body {
        background: #fafafa center top repeat-y url("/skins/user/light_red_2/afb164bb36b6ec12aa0ba116fba72004.jpg");
        background-size: 100%;
    }
    [/QUOTE]


    A gdzie znaleźć ten kod???
    Dzięki za pomoc.
     
  16. Danuta N.

    Danuta N. Użytkownik

    Wiadomości:
    53
    Docenione treści:
    3
    Zastanawiam się czy to może być przyczyną... Kiedyś, gdy przechodziłam na Facebooku z profilu prywatnego na stronę firmową, to na górze z prawej strony wyszukiwarki automatycznie zmieniało mi stronę na firmową. Od jakiegoś czasu, nawet gdy wejdę na stronę firmową, to i tak mam uruchomiony profil prywatny (nie wiem co się stało). Nie mogę wejść na stronę główną firmową i popatrzeć co firmowi znajomi dodali na swoje strony.
    Pisałam na FB do pomocy, ale nikt nie odpowiedział.
     
  17. majsteronline

    majsteronline Kandydat

    Wiadomości:
    103
    Docenione treści:
    3
    Danuto zmiany dotyczą wszystkich ja też tak mam - odgórna zmiana facebooka. Żeby podpatrywać polubione przez Ciebie strony poniżej liczby polubień na swoim fanpagu masz "Zobacz aktualności ze stron" i jak w to klikniesz i wtedy firmowych znajomych będziesz mogła podpatrywać.
     
    Danuta N. lubi to.
  18. Danuta N.

    Danuta N. Użytkownik

    Wiadomości:
    53
    Docenione treści:
    3
    O! Dziękuję za odpowiedź. Już myślałam, że to znowu ja coś zepsułam :)
    To w takim razie może wysuwany FB się nie pojawia, bo np przez tą zmianę zmienił się "adres" strony na FB?
     
  19. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    ale ja Was nie rozumiem :D
    logujecie się na siebie w prawym głównym rogu jest strzałka do dołu klikacie ją i następnie profil firmowy i już jesteście jako strona. Chyba, że założyliście stronę niezależnie od profilu wtedy musicie nadać sobie prawa administratora dla swojego prywatnego konta. Dzięki temu można pisać komentować lubić itd i prywatnym i firmowym wybierając przy tej czynności ikonkę konta pod postem.
     
  20. Danuta N.

    Danuta N. Użytkownik

    Wiadomości:
    53
    Docenione treści:
    3
    No właśnie tak miałam do jakiegoś czasu "logujecie się na siebie w prawym głównym rogu jest strzałka do dołu klikacie ją i następnie profil firmowy i już jesteście jako strona". Od kilku dni / tygodnia gdy wchodzę na profil firmowy, ładuje mi się główna strona profilu firmowego, ale cały czas jestem na profilu prywatnym i nie dam rady komentować jako pr. firmowy :-( Komentuję tylko jako pr. prywatny.
    Wcześniej gdy przechodziłam do profilu, to miałam zdjęcie firmowe, klikając na stronę główną wchodziłam na stronę główną firmową, a teraz nie.
    Co ciekawe... gdy przechodzę do profilu, to nadal wyświetla się Danusia, a nazwa firmy wskakuje do okna wyszukiwarki, a nie podmienia "Danusi"

    W smartfonie mam wybór - komentujesz jako...

    Zastanawiam się, czy nie stało się to przypadkiem, gdy zakładałam konto na instagramie... Może jednak coś zepsułam?
     

Poleć forum znajomym