(c) Renfri / lunedolly.blogspot.com
Cześć wszystkim. To już dwudziesta notka tutaj, z czego jestem bardzo zadowolona. Jest to mój pierwszy blog, który prowadzę tak konsekwentnie i mam nadzieję, że prędko się to nie zmieni.
W piątek naszkicowałam sobie chatkę wiejską (zgodnie z życzeniem pana prowadzącego), którą dzisiaj już zaczęłam cieniować, tuż po moich zajęciach z digital artu. Jest dość ciężko (momentami mam wrażenie, że niedługo będę musiała zamieszkać w tamtej pracowni), ale jednocześnie bardzo się cieszę, że mam możliwość brać udział w takiego rodzaju zajęciach.
Wczoraj jednak, calutki dzień przesiedziałam w piżamie pod kołdrą i z laptopem na kolanach. No ale po całym tygodniu chyba mi się należało, tym bardziej, że ostatnio wracam do domu po godzinie 19.
Szczerze powiedziawszy, miałam straszny problem z przygotowaniem tej notki (Anusia świadkiem) kompletnie nic mi nie wychodziło, a pod koniec zaczęłam tak okropnie marudzić, że nikt nie chciałby wtedy ze mną rozmawiać. Na szczęście jakoś udało mi się skleić dla was post, marny co prawda, ale ktoś mi kiedyś powiedział, że najważniejsze są dobre chęci.
Sygnatury

Nagłówek
kliknij w podgląd, aby powiększyć
Nagłówek robiony był wspólnie z Anusią, która ze wszystkich sił próbowała wyciągnąć mnie z dołka twórczego. Mam straszne wyrzuty sumienia, przez to, co zrobiłam z tą pracą i wstawiam ją tutaj tylko po to, aby czas, który Ania mi poświeciła, kompletnie nie poszedł na marne.
Jest jeszcze druga wersja kolorystyczna, ale ta powyżej bardziej nam się podobała.Instrukcja CSSDzisiaj bardzo prosta i krótka instrukcja - jak "schować" coś pod nagłówkiem, tak jak zrobiłam to np. z kolumną w szablonie wolnym z poprzedniej notki. Sprawa jest bardzo prosta, za kolejność poszczególnych elementów na blogu odpowiada właściwość z-index, której przypisujemy wartości liczbowe w skali rosnącej (im większa liczba, tym bardziej "na wierzchu" znajdzie się dany element). Jeśli ktoś jest zaznajomiony z photoshopem może sobie porównać to do okienka z warstwami - jak chcemy żeby coś było na pierwszym planie pracy, przesuniemy warstwę z tym zdjęciem na samą górę :)
No to teraz przejdźmy do praktyki. Aby uzyskać efekt podobny jak tutaj, kod wyglądałby np. tak:
.header{
position: relative;
z-index: 10 !important;
}
#sidebar-right-1{
position: fixed;
z-index: 5 !important:
}
Nie bez powodu dodałam tutaj pozycjonowanie, bowiem bez niego z-index po prostu nam nie zadziała. Jeśli nie chcemy niczego przesuwać lub popsuć, wystarczy dodać po prostu position: relative; do naszego kodu. Wtedy zmianie nie ulegnie położenie elementu, a jedynie jego pozycja.
Teraz, aby widoczna stała się zawartość kolumny wystarczy dodać:
#sidebar-right-1{
padding-top: 600px;
}
Wtedy gadżety z tej kolumny przesuną się w dół i znajdą pod nagłówkiem.
Wiem, że sprawa jest dosyć prosta, a ja napisałam na ten temat całą litanię, ale chciałam mieć pewność, że wszystko zostanie dokładnie objaśnione :) Jaka instrukcja powinna się pojawić w następnej notce? Może macie jakieś gotowe efekty, na które chcielibyście gotowe arkusze CSS?
Stocki
Po waszych komentarzach przemyślałam jeszcze raz dokładnie sprawę zamówień i jednak zostanę przy osobnym dziale, ale wprowadzę parę znaczących zmian w regulaminie. Także póki co wykonam szablony dla osób, które wymieniłam w aktualnościach, następnie wyremontuję trochę zamawialnie i będziecie mogli znowu składać swoje zamówienia. Na razie proszę o wstrzymanie się.
Zaczęłam także prace nad galerią. Niedługo będzie chwila wolnego od szkoły, więc postaram zamontować jakiś szablon i katalogować te wszystkie swoje śmieci. O postępach będziecie informowani na bieżąco.
Ostatnio utknęłam trochę, jeśli chodzi o tworzenie grafiki (nie krytykuję swoich prac bez powodu), ale postaram się jak najszybciej wyjść z tymczasowego dołka i wrócić do was za tydzień, z nowymi i znacznie lepszymi dodatkami. Jak zawsze czekam na wszelkie wasze propozycje i dzięki, że jesteście.