• Rozwiązano cooleczka

    (@cooleczka)


    Zastanawiam się ,w którym pliku powinnam dodać ikonki do portali społecznościowych tak,aby widoczne np. w prawym górnym rogu koło nagłówka. Tak,aby „wisiały” na tle.

Viewing 14 replies - 1 through 14 (of 14 total)
  • do, którego chcesz 🙂
    abyś odpowiednio je w CSS ustawiła tylko

    Twórca wątku cooleczka

    (@cooleczka)

    no właśnie z tym mam problem. W CSS wpisałam .fc{
    right:150px;} w pliku header.php : <div class=”fc”><a href=”http://www.facebook.com/pages/Komfort-Deutsch/362623050414849
    /” <center><img
    src=”http://komfort-deutsch.pl/wp-content/uploads/2012/02/addpg201.png&#8221; style=”border:none” alt=”fb” />
    </div>

    i ikona ani drgnie, a chcę ją umieścić w połowie headera po prawej stronie.

    Moja strona: http://komfort-deutsch.pl/

    Nie widzę jej, tak bym podesłał css, gdzie się znajduje?
    EDIT: a mam chwila

    tak na szybko:

    margin-left: auto;
    margin-right: auto;
    width: 900px;
    text-align: right;

    🙂

    Twórca wątku cooleczka

    (@cooleczka)

    Trochę pomogło, ikonka jest po prawej tylko że na samej górze przez co nagłówek ma teraz przerwę od góry ekranu, chciałabym obiżyć trochę ta ikonkę, ale tak żeby cała strona się nie przesuwała w dół.

    Swój kod:

    <div class="fc"><a href="http://www.facebook.com/pages/Komfort-Deutsch/362623050414849/"><img src="http://komfort-deutsch.pl/wp-content/uploads/2012/02/addpg201.png" style="border:none" alt="fb"/></a>
    </div>

    umieść w tej sekcji

    <div class="Header">
    <--- i tutaj wklej kod z div fc ---->
    <div class="Header-jpeg"></div>
    ...
    </div>

    a w css zamień to, co masz na:
    position: absolute;
    display: block;
    top: 50px;
    right: 10px;
    z-index: 2;

    Twórca wątku cooleczka

    (@cooleczka)

    prawie pomogło,tylko przy próbie przesunięcia ikonki w prawo ukrywa się za tłem

    Twórca wątku cooleczka

    (@cooleczka)

    ok, już działa trzeba było tylko podnieść diva powyżej <div class=”Header”>. Dzięki za pomoc.

    Mam jeszcze jedno pytanie, jak usunąć biały kwadracik w lewym górnym rogu ekranu pojawił się w momencie dodania ikonki FB.

    no tak, ale przy szerokich ekranach ucieka całość na prawo
    dziwnie to wygląda, choć przyznaje metoda lepsza zapewne od mojej

    Zamiast ponad <div class=”Header”> można było wstawić do

    <div class="Header-jpeg">
    <--- i tutaj wklej kod z div fc ---->
    </div>

    Nie powinno zostać ukryte choć dziwne, że wtedy było. Nie uciekałoby też tak w prawo.

    Za kwadracik odpowiada ten element:
    <object type="application/x-shockwave-flash" id="skypedetectionswf" data="http://api.skype.com/detection/detection_as3.swf" width="5" height="5"><param name="allowScriptAccess" value="always"></object>

    Jak dodasz po ( height=”5″ style=”display: none;” ) zostanie ukryte

    Twórca wątku cooleczka

    (@cooleczka)

    a gdzie szukać tego wpisu, przeszukałam wszystkie pliki i nie znalazłam.

    Czy jeśli przesunę wpis <div class=”Header-jpeg”> będzie lepiej ?

    Byłby w ramce strony teraz przy większej rozdzielczości wygląda to tak: obrazek

    Co do kwadracika kod generowany jest przez skrypt wtyczki skype-online-status a dokładnie skypeCheck.js
    Znajdź w nim:
    swfobject.embedSWF(_detectionSwfUrl,_containerID,5,5,"9.0"
    zmień na
    swfobject.embedSWF(_detectionSwfUrl,_containerID,0,0,"9.0"
    Chodzi o zamianę 5,5 na 0,0 powinno pomóc ale nie sprawdzałem.

    Twórca wątku cooleczka

    (@cooleczka)

    Anoru za kwadracik dzięki, już go nie ma.

    Próbowałam przesunąć znaczki z portali pod <div class=”Header-jpeg”> ale wszystko się wywaliło, więc chyba musi zostać jak jest, ale dzięki za chęci 🙂

    Szkoda, co do skype zważyłem że w firefox nie ładuje się poprawnie status lepiej przywrócić oryginalny plik skypeCheck.js

    a zamiast tego dodać style.css
    #skypedetectionswf {
    visibility: hidden;
    }

    przepraszam za problem 🙂

    Twórca wątku cooleczka

    (@cooleczka)

    hmm, a ja pracuję na Firefoxie i nie widzę, żeby coś było źle, ale sprawdzę to 🙂

Viewing 14 replies - 1 through 14 (of 14 total)
  • Temat ‘Ikonki portali społecznościowych’ jest zamknięty na nowe odpowiedzi.