022. Effects of your own creative power

(c) Anusia <3 / specjalnie dla mnie

Cześć wszystkim. Zacznę od głównego powodu, dla której skleiłam dzisiaj notkę - skończyłam galerię! Znajdziecie ją w menu po prawej stronie lub jak kto woli pod adresem szablony-caudire. Nawet nie wiecie, ile pracy i cierpliwości kosztowało mnie budowanie tego wszystkiego, ale cieszę się, że udało mi się i żyję z myślą, że może komuś przyda się taka forma prezentowania moich szablonów :> Piszcie co myślicie o sposobie skatalogowania i wyglądzie galerii - jeśli ktoś ma pomysł na ulepszenie tego systemu, który stworzyłam, chętnie o tym poczytam.

Druga sprawa to moje ostatnie problemy z gg. Jak się okazało, połowa wiadomości do mnie przychodzi, a połowa gdzieś ginie po drodze, także jeśli komuś z tego powodu nie odpisałam - bardzo przepraszam. Aby uniknąć takich problemów w przyszłości założyłam konto na ask.fm, gdzie możecie mnie pytać, o co tylko zechcecie - na pewno odpowiem.
Zamawialnia niestety nadal jest jeszcze w proszku, ale nią tak jak i spisem selektorów obiecuję zająć się w przyszłym tygodniu. Chciałam ostatnio się skupić przede wszystkim na tej, obiecanej wam galerii.

Instrukcja CSS

Dzisiaj przygotowałam na was instrukcję na taki efekt menu, jaki możecie zobaczyć w galerii moich szablonów. Przykładowy kod wyglądałby tak:

.tabs-inner{

background-color: white;

border-radius: 10px 10px 0px 0px;

position: fixed;

bottom: 0px;

/* od góry: kolor tła, zaokrąglenie rogów i pozycjonowanie paska z menu */

}

#PageList1 a{

color: black;

transition: all 2s;

-webkit-transition: all 2s;

-moz-transition: all 2s;

-o-transition: all 2s;

/* od góry: kolor czcionki, czas przejścia kart */

}

#PageList1 a:hover{

background-color: #dad4e7;

color: #1c1921;

transform: rotateY(360deg);

-webkit-transform: rotateY(360deg);

transition: all 2s;

-webkit-transition: all 2s;

-moz-transition: all 2s;

-o-transition: all 2s;

/* od góry: kolor tła, kolor czcionki, kąt obrotu wokół osi Y, czas przejścia karty pod najechaniu na nią kursorem myszki */

}

W tych a'la nawiasach wyjaśniłam jak działa dany kod, nie musicie ich usuwać przy kopiowaniu tego arkusza, kod będzie działał razem z nimi. Możecie dowolnie zmieniać kolory i wartości liczbowe - według swojego uznania. W razie niejasności - jak zawsze piszcie :>

Nagłówki

 

Pierwszy nagłówek w ogóle nie powstałby bez Anusi, która sprawiła, że wygląda on tak pięknie, jak wygląda. Natomiast w drugim jej zasługą jest ten śliczny napis. Co myślicie, o naszej współpracy?

Koloryzacje

Patterny

Nie zdążyłam z zamówieniem, strasznie przepraszam :c Mam już zrobioną grafikę, teraz pozostaje tylko dopasować CSS. Jeśli uda mi się wcześniej, wstawię to zamówienie w edicie, a jeśli nie to już na 200% w następnej notce. Przepraszam jeszcze raz, głupio mi.

Mam również przygotowany tutorial, ale nie jestem pewna, czy go tu wstawiać, bo efekt mnie do końca nie satysfakcjonuje. Do kolejnego postu wstawię albo ten albo zrobię nowy, także spodziewajcie się instrukcji na nagłówek, a jeśli dobrze pójdzie, to także na teksturę (tak, chociaż nie umiem ich dobrze robić, wymyśliłam sobie taki tutorial).

Przypominam o głosowaniu na najlepszy blog prywatny listopada!

- sonda katalogu graficznego - | - sonda katalogu grafików -

Piszcie, co chcielibyście zobaczyć w kolejnej notce. Mam się skupić na nagłówkach, czy szablonach? Czekam na wasze opinie i widzimy się już za tydzień! 

021. La mala education

Cześć wszystkim. Podczas 3godzinnej podróży samochodem moja miłość do comy powróciła na dobre. To, co widzicie powyżej to fragment z nagłówka, który ustawię jako szablon w planowej galerii. Prace powolutku przesuwają się do przodu, już niedługo wszystko powinno być gotowe i oddane do waszej dyspozycji. Proszę jeszcze o trochę cierpliwości :)

Strasznie szybko minął mi ten tydzień. Do szkoły musiałam iść jedynie 3 razy (praise the lord), nawet jakoś udało mi się napisać te sprawdziany i poprawy. W czwartek byłam w kinie na Carrie. Miałam iść na cały maraton halloweenowy, ale jakoś nikt się nie palił, żeby wybrać się ze mną, a tak samej oglądać horrory w kinie, to nie jest dobra propozycja dla mnie. 

Nie wiem, jak wy, ale ja jakoś nigdy nie zastanawiałam się na czyim grobie kładę świeczki i po co. Na szczęście nie umarł jeszcze nikt z mojej bliższej rodziny, a pochowanych już krewnych nigdy nie poznałam. Zawsze zapalałam znicza i modliłam się, bo po prostu wpojono mi, że tak trzeba. Dopiero w tym roku tata zaczął pokolei opowiadać mi kto z naszej rodziny jak umarł i kiedy, i dopiero w tym roku tak naprawdę zrozumiałam sens tego święta. Głupie, wiem.

Wena jeszcze na dobre nie powróciła, jednak jakoś udało mi się przygotować dla was dzisiejsze dodatki.

Tekstury

  

  

Szablon wolny

pobierz szablon

Nagłówki

  

Instrukcja CSS

Dzisiaj troszkę o tym, jak zmienić pierwszą literę w dowolnym selektorze. Sprawa wygląda dosyć prosto, otóż właściwie wystarczy nam do tego dodać :first-letter na końcu. Ważne jest jednak, aby robić to bez żadnych spacji, tylko "dokleić" od razu przy selektorze. Przydałoby się teraz kilka przykładów:

h3.post-title:first-letter - pierwsza litera w tytule posta

h2:first-letter - pierwsza litera w tytule gadżetów

#PageList1 a:first-letter - pierwsza litera w każdej z kart menu

Teraz, kiedywiemy już, jak powinien wyglądać selektor, możemy pokombinować z właściwościami. Przykładowy kod:

h3.post-title:first-letter{

font-family: 'Dancing Script' !important;

font-size: 30px;

color: white;

text-shadow: 1px 1px 0px black;

}

W pierwszej literze tytułu posta, idąc od góry: zmiana czcionki na Dancing Script, zmiana rozmiaru czcionki na 30px, zmiana koloru czcionki na biały, czarny cień pod literą. 

Dancing Script jedną z częściej używanych przeze mnie czcionek, jakie proponuje blogger. Możemy oczywiście korzystać także z cudownej strony google fonts, jeśli chcemy za darmo urozmaicić swojego bloga o jakąś ciekawą czcionkę ozdobną.

Koloryzacje

Szablony oddam w następnej notce, a tymczasem Kelly może jeszcze do środy potwierdzić swoje zamówienie. Końcem tygodnia powinna pojawić się nowa odsłona zamawialni, a także obiecana już kiedyś aktualizacja spisu selektorów. Prawdopodobnie odświeżę także regulamin i wszystkie pozostałe zakładki, ale to już w swoim czasie.

Wielkie dzięki za wszystkie głosy w sondach na październik. Maudlaisy zajęło zaszczytne 3 miejsce tylko i wyłącznie za waszą sprawą!
Możecie już wybierać swój ulubiony blog na miesiąc listopad
- sonda katalogu grafików -

To by było na tyle z mojej strony. Notka jak zwykle troszkę spóźniona, ale przynajmniej śpiochy będą miały rano niespodziankę. Jak zawsze czekam na wasze propozycje dotyczące najnowszej notki lub też ulepszenia całego bloga. Jakie udogodnienia dla was mogłabym wprowadzić? Piszcie i oczekujcie następnego posta, który powinien pojawić się już za tydzień!