• 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

    Thread Starter 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;

    🙂

    Thread Starter 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;

    Thread Starter cooleczka

    (@cooleczka)

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

    Thread Starter 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

    Thread Starter 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.

    Thread Starter 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 🙂

    Thread Starter 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.