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ń!