2 gru 2017

I'm only human. Just a little human.

Witam wszystkich. Mamy trochę obsuwę w związku z obiecanym nowym szablonem na szabloniarnię i galerię, ale właśnie biorę się za szablon główny, a jutro mam otrzymać nagłówek do szablonu na galerię więc już dziś wieczorem zaprezentujemy wam nowy szablon główny, a jutro późnym wieczorem szablon na galerię. Tak, ze ja biorę się do pracy, a tu taki wolny szablonik, żeby nie było, że się leniłam.


5 lis 2017

Nowy wygląd bloga

Ekchem... Ekchem... <werble>...W ankiecie na to z kim chcecie zobaczyć nowy szablon na naszej szabloniarni wygrywa...<werble>  Sehun z EXO! <chwila na oklaski> A drugie miejsce w głosowaniu i zaszczytne miejsce w grafice na galerię szabloniarni otrzymuje <werble> Xiumin z EXO!. A zatem w nowej odsłonie naszej szabloniarnii (którą postaramy się wam przedstawić do połowy listopada, ale czas pokarze czy się uda) znajdzie się duo z EXO. Wielkie brawa. Dziękuję za wszystkie oddane głosy w ankiecie.

28 paź 2017

Animacje linków stron, etykiet cz.1 (na jakiej zasadzie powstaje animacja linków)-Tutorial CSS

Zainspirowana niedawno otrzymanym mailem od jednej z naszych obserwatorek dotyczącym pomocy w stworzeniu animacji stron uznałam, że w sumie takiego tutorialu u nas jeszcze nie ma (i w ogóle dawno nie było tutoriali ani na CSS ani Gimp/Photoshop więc jakby ktoś był jakimś zainteresowany to niech pisze w komentarzu). A więc na dziś przygotowałam kilka podstawowych animacji. (w zakładce "Tutoriale CSS" jest wytłumaczenie poszczególnych kolorów i znaczeń selektorów w razie potrzeby wyjaśnienia. W zakładce tej są też linki do poprzednich tutoriali.) No to co? Zaczynamy!
Najpierw podstawa. Animujemy linki więc po pierwsze jaki jest dla nich selektor ogólny? Z reguły wygląda to następująco:

Selektor ogólny gadżetu (np #PageList1 -pierwszy gadżet ze stronami) i dostawiamy samo 'a'
czyli na ten przykład mamy
#PageList1 a-link w gadżecie strona
#Label1 a-link w gadżecie etykieta
#BlogArchive1 a - linki w gadżecie z archiwum
 itp.
Ale! Uwaga tu się pojawia problem. Bo my chcemy by inaczej link wyglądał gdy sobie po prostu jest nikt go nie używa, a inaczej gdy najedziemy na niego kursorem. I tu się robi problem bo jak użyjemy samego 'a' to po prostu będziemy zmieniać wygląd linka, ale będzie on taki sam przed i po najechaniu. No to gdzie tu animacja? Gdzie to magiczne zmienianie kolorów, kształtu, obracanie, cienie gradienty itp? No właśnie. I tu są nam potrzebne dodatkowe znaczniki takie jak:
link, visited, hover. 
No i co one nam dają? Omówmy to na przykładzie linków stron. Ustaliliśmy już, że w przypadku #PageList1 a link wygląda tak samo przed i po najechaniu kursorem. A zatem co daje nam każdy z tych znaczników?

#PageList1 a:link -wygląd linku przed najechaniem
#PageList1 a:visited -wygląd odwiedzonego linku(czyli takiego co już kiedyś włączyliśmy)
#PageList1 a:hover -wygląd linku po najechaniu kursorem 

Czyli co? Jednak da się zrobić animacje. Tylko musimy stworzyć oddzielnie wygląd przed i po najechaniu kursorem. To co mamy ten etap za sobą? okay. W takim razie od czego zacząć? Powiedzmy, ze najpierw chcemy zobaczyć link przed najechaniem. Więc tworzymy

#PageList1 a:link{
edytujemy linki według właściwości z tutorialu "Wygląd postów i kolumn bocznych"
}

Z reguły wygląd linków przed najechaniem i odwiedzonych ustawia się taki sam wiec można zrobić drugi selektor i skopiować wygląd linków z selektora ze znacznikiem a:link. Lub zrobić taki myk


#PageList1 a:link , #PageList1 a:visited {
edytujemy linki według właściwości z tutorialu "Wygląd postów i kolumn bocznych"
}

I w ten sposób ta sama animacja będzie zastosowana i do linków przed najechaniem i po odwiedzeniu.

No dobrze teraz kwestia #PageList1 a:hover czyli linków po najechaniu. I tu się zaczyna ta magia, że zmieniają się kolory, kształty i tak dalej. Jest tego naprawdę sporo więc jeśli dam wszystko w jednym poście to będzie to naprawdę dłuuuugi post więc dziś dowiedzieliście się jak powstaje animacja, a następnym razem nauczymy się je tworzyć. 
Jeśli macie jakieś konkretne prośby jakie animacje chcecie to piszcie śmiało w komentarzach.

21 paź 2017

Nowy wygląd bloga głosowanie!

Jak pewnie niektórzy z was zdążyli zauważyć w zeszłym tygodniu prosiłam was o propozycje z kim chcielibyście by zrobić grafikę do nowego szablonu. więc powstała ankieta z tymi propozycjami i do przyszłego piątku macie okazję głosować na swoich faworytów. Początkowe założenie było co do zmiany jedynie głównego szablonu, ale uznałam w raz z resztą ekipy, że w sumie szablon w galerii również wymaga odświeżenia więc 1. miejsce w głosowaniu to będzie szablon na szabloniarnię, a 2 miejsce na galerię.  Więc proszę was o głosy w tej ankiecie (przypominam do piątku 3.11 do godz 19:00 tak precyzując) 
A żeby nie było tu tak pusto to zrobiłam szablon , który pierwotnie miał być moją pracą na informatykę, ale ostatecznie nauczyciel zrezygnował z tej pracy więc proszę o to taki minimalistyczny szblonik(przy okazji jest to już 200 szablon w naszej galerii)


14 paź 2017

We are all lost stars


Zamówienie dla  delfinkek dahwa


Skoro większość osób chce zmiany szablonu naszej szabloniarni to proszę o propozycje w komentarzach z kim byście chcieli grafikę w tle, a w przyszłym tygodniu odpalę ankietę w tym temacie. Proszę was o zaangażowanie w tworzenie propozycji bo jedynym co mnie trzyma przy kontynuowaniu tej szabloniarnii jest myśl, ze są tu osoby, które tu zaglądają i czytają, bo naprawdę mam sporo innych zajęć na które mogłabym ten czas poświęcić więc liczę na wasze wsparcie w postaci komentarzy i feedbacku. Kamsanmida Oh Sesia.