035. And the snakes started to sing

pobierz PSD

Cześć wszystkim! Jak pewnie niektórzy po ostatniej notce pamiętają - dzisiaj mam urodziny. Całe to gadanie o wchodzeniu w pełnoletniość i w ogóle jest według mnie strasznie przereklamowane. Czy coś się zmieniło? Nic. Dowód pewnie będę mieć dopiero po nowym roku, więc i tym nie mogę się pochwalić. Za to jest jedna rzecz, z której jestem mega zadowolona. Od rodziców na urodziny dostałam nowiutkiego laptopa, więc już ostatni raz piszę do was z mojej kochanej toshiby. Obiecuję wypróbować nowy sprzęt na weekendzie i porobić trochę więcej prac, na pewno będzie śmigał dużo lepiej, niż mój 6-letni staruszek. Byleby tylko udało mi się wyposażyć go w photoshopa na starcie. 

Ogólnie mam dzisiaj strasznie dobry humor, bo wystarczy wytrzymać do końca tego tygodnia, a potem cieszyć się z długiej przerwy świątecznej. Słyszałam, że dla niektórych w ogóle nie jest to powód do radości, ponieważ muszą mieć wypisane oceny jeszcze w tym tygodniu. Ja na szczęście na poprawy będę mieć trochę czasu po nowym roku.

Dwukolorowe menu w CSSie!

Ostatnio Anusia z bloga impressole dodała swoją instrukcję na zrobienie dwukolorowego menu. Możecie ją znaleźć tutaj. Ja mam na to opracowany nieco inny sposób, wystarczy dodać odpowiedni kod do arkusza CSS.

 #PageList1 h2{

display: none;

/*kod na wyłączenie tytułu menu, opcjonalnie*/

}

#PageList1 a{

font-weight: normal;

color: grey !important; /*kolor czcionki*/

font-family: 'times';

text-transform: lowercase;

letter-spacing: 1.2px;

}

#PageList1 li:nth-child(odd){

background: black; /*kolor pierwszego tła*/

margin-top: 4px;

transition: all 0.5s;

-webkit-transition: all 0.5s;

-moz-transition: all 0.5s;

-o-transition: all 0.5s;

}

#PageList1 li:nth-child(even){

background: white; /*kolor drugiego tła*/

margin-top: 4px;

transition: all 0.5s;

-webkit-transition: all 0.5s;

-moz-transition: all 0.5s;

-o-transition: all 0.5s;

}

Proste, prawda? :) Mój efekt prezentuje się tak, ale Wy macie nieograniczone możliwości, jeśli chodzi o czcionki i kolory.

Pamiętajcie, że przy użyciu tego kodu proszę o informację o tym w komentarzu, a także dopisek (np. instrukcja na menu z maudlaisy) w widocznym miejscu na blogu, na którym wykorzystany jest kod. W razie problemów - jak zawsze piszcie!

Trochę pokombinowałam na weekendzie, co mam nadzieję widać, po tych nagłówkach. Przy drugim strasznie męczyłam się z koloryzacją, ale na szczęście utalentowana Anusia dopasowała jakąś swoją w dosłownie 10 minut. ^^

Pamiętacie jak wspominałam ostatnio o przygotowywanej przeze mnie paczce dla obserwatorów? Chcę wrzucić do niej jeden z tych nagłówków w wersji PSD, więc piszcie w komentarzach, który podoba wam się bardziej! :)

Dzisiaj coś specjalnego - pierwsza paczka tekstur dla Was! Tak jak jest napisane na podglądzie - w paczce znajduje się po 4 tekstury w dwóch wersjach kolorystycznych (jak łatwo się domyślić - razem 8 :). Jeszcze nigdy nie udało mi się zrobić takiego dużego kompletu, więc jestem zadowolona. Wydają mi się dobre, ponieważ zdążyłam je już przetestować (sygnaturka i drugi nagłówek z tej notki). Jak zawsze przed pobraniem zapoznajcie się z regulaminem i koniecznie dajcie mi znać, czy wolicie właśnie paczki, czy tak, jak wrzucałam wcześniej, pojedyncze tekstury w notce.

Może się wam wydawać, że dzisiaj jest skromnie, ale naprawdę dużo czasu i pracy poświęciłam, na przygotowanie tej notki. Pewnie udałoby mi się dorobić więcej, ale chciałam dodać coś dzisiaj, sami rozumiecie dlaczego. Dziękuję z całego serduszka wszystkim za życzenia złożone już pod poprzednią notką, bardzo miło było mi czytać je wszystkie :) Dziękuję także osobom, które napisały do mnie w sprawie współpracy, naprawdę nie spodziewałam się aż tylu chętnych! Efekty powinny ukazać się już w kolejnej notce. Ja teraz uciekam przetestować nowego laptopa i powtórzyć coś na jutrzejszy sprawdzian z matmy. Do napisania! :3