Wskazówka

Chcąc znaleźć pożądaną instrukcję skieruj się do zakładki spis instrukcji, gdzie znajdziesz wszystkie dotychczasowo opublikowane posty z podziałem na trzy kategorie.

Uwaga! Niektóre instrukcje mogą nie działać. Staramy się na bieżąco je poprawiać. Prosimy o wyrozumiałość.

Cel bloga

Instrukcje dotyczące języka HTML czy kodów CSS, artykuły na temat ciekawych funkcji czy poradniki pomagające początkujących - to wszystko i jeszcze więcej tylko u nas!

Cytat

Instrukcje dotyczące języka html czy kodów css, artykuły na temat ciekawych funkcji czy poradniki pomagające początkujących - to wszystko i jeszcze więcej tylko u nas!

Chcąc znaleźć pożądaną instrukcję, skieruj się do zakładki
spis instrukcji, gdzie natrafisz na wszystkie dotychczasowo opublikowane posty z podziałem na trzy kategorie. Uwaga! Niektóre instrukcje mogą nie działać. Staramy się na bieżąco je poprawiać. Prosimy o wyrozumiałość.

CSS - znikający pasek nawigacji

Dziś chciałabym przedstawić bardzo przydatny kod w szczególności wtedy, kiedy mamy do czynienia z szablonami. Niektórzy nie chcą usuwać paska nawigacyjnego, ponieważ jest to niepraktyczne. Gdy chcemy napisać post, musimy wchodzić w pasek bloggera, wybrać ikonkę nowego posta, no ale po co? Nie wszystko, co niewidoczne nie istnieje. Zaczynamy od tego, że wchodzimy w projekt -->> układ -->> projektant szablonów -->> zaawansowane -->> dodaj arkusz CSS. W białe pole wklejamy poniższy kod:

#navbar-iframe{ 

opacity:0.0; 
filter:alpha (Opacity=0)
}
#navbar-iframe:hover{
opacity:1.0;
filter:alpha (Opacity=100, FinishedOpacity=100
)
}

Pasek zniknie, a jeżeli najedziemy na jego miejsce kursorem, znowu się pojawi. Myślę, że efekt jest bardzo przydatny i wielu z was skorzysta z tej instrukcji. Zawsze można cofnąć zmiany usuwając powyższy kod z pola CSS.

Edit.

Chcąc pozbyć się nieestetycznej dziury, należy wykorzystać jeden z poniższych kodów (wystarczy wkleić wybraną sekwencję w arkuszu CSS). Nasz blog "podniesie się", a kłopotliwa luka zniknie. PS. Dzięki, Monika! :)

body {margin-top: -30px;}
.header {margin-top: -30px;}

4 komentarze:

  1. Elo. Mi ten kod nie działa. Ale może mniejsza z nim. Mam inne pytanie jak skasować pasek aby szyld tzn. Header poszedł na samą górę? Bo jak skasuje pasek nawigacyjny, to zostaje mi pustka po nim, która jest jeszcze wypełniona nieodpowiadającym mi kolorem....

    Mój blog - http://szczurownia.blogspot.com/

    Zdjęcie pustki - http://i.imgur.com/So2Racg.jpg?1

    OdpowiedzUsuń
    Odpowiedzi
    1. Proponuję przesunąć całego bloga lub sam nagłówek o ten brakujący "pustkowy" pasek w górę.
      body {margin-top: -30px;}
      lub
      .header {margin-top: -30px;}

      Usuń
    2. użyłem body, działa. Dziękuje :)

      Usuń
  2. Dobra robota. Jeśli chcesz dowiedzieć się więcej o szablon strony html powinieneś odwiedzić tę stronę

    OdpowiedzUsuń

© Agata | WS | x x.