Wstęp

Witam na blogu xnstrukcje. Blog stworzony został z zamiarem pomocy początkującym szabloniarzom. Instrukcje piszę sama, czasami podaje linki do innych potrzebnych stron. Główne posty dotyczą w szczególności CSSa i podstawowego HTMLu.
!!ważna ankieta!!

Popularne posty

Aktualności

Nowe instrukcje:
- Animacja, czyli @keyframes
- Level up #2
- Tworzenie szablonów - cz. 3

AKTUALIZACJA: 10.06.2019

25.12.2014

Modyfikacje #2 - Nieruchoma kolumna

(c)Lotus

Witajcie drodzy ludzie! Dziś mam dla was instrukcję na takie oto coś >> kilik. Ogólnie jest to w sumie bardzo proste, sam kod css. Chodzi o nieruchome tło w kolumnie, czyli kiedy przesuwamy na dół lub w górę tło pozostaje w tym samym miejscu, no po prostu się nie rusza hahah



1. .column-right-inner - kolumna - w tym przypadku - prawa, nie wyróżnia poszczególnych gadżetów
2. position:fixed - powoduje, że kolumna(czy też inny gadżet, zależy gdzie zastosujemy) stoi w miejscu
3. height: 1000px - samo height oznacza wysokość(osobiście zazwyczaj wpisuję wartość od 1000px do max.2000px)

A więc proszę:
.column-right-inner {
position:fixed;
top:0px; /jeśli chcecie na 'całą' długość bloga niech zostanie 0, jeśli nie to możecie zmieniać dowolnie/
right:100px; /im mniejsza wartość, tym kolumna będzie bliżej prawej 'krawędzi' bloga/
width:300px;
background-image: url(adres-obrazka) !important;
height: 1000px;
}
Wartości możecie zmieniać jak chcecie, nie musicie tego używać przy prawej kolumnie, przy lewej też może być. Mam nadzieję, że tak krótka instrukcja wam się przyda, oczywiście pochwalcie się swoimi efektami.

1 komentarz:

scroll to top