15 lutego 2015

12. Rise up and take the power back, it's time

(nwm czemu, ale strasznie uwielbiam ten gif :333)


Hejka co u was! U mnie w końcu przestało sypać śniegiem. :3 Na dodatek złapała mnie grypa i nie miałam głowy do myślenia. Nas szczęście szybko wyzdrowiałam i mogłam coś stworzyć. :D Zaczęły się mnie ferie i postanowiłam sobie, że wieczorem będę sobie coś oglądała. :3 W piątek oglądałam Sucker Punch. Film był genialny. Dopracowany w każdym calu. :D Nie oglądałeś? Nic nie szkodzi. Na internecie można obejrzeć go z lektorem. Ne zdradzę wam o czym jest ten film. Musicie dowiedzieć się sami. :3
Postanowiłam stworzyć kilka dodatków niż prac, gdyż stwierdziłam, że jest ich wciąż mało na blogu. :3
Dodałam także nową etykietę CSS. Tam będą notki z instrukcjami css.  Przez tą nudę która panoszy się po domu, pierwszy nagłówek wyszedł mi fatalnie i jest to to chyba najgorsza praca jaką stworzyłam. Nie dodawałam żadnych stocków, nie miałam ochoty na tą zabawę. Teksturki zastępują stocki. :3 Przy okazji stworzyłam dwie współprace z Evelyn. :D 
ZANIM POBIERZESZ PRZECZYTAJ REGULAMIN! (zmienione hasło do paczek)

http://fav.me/d8hakhq/


http://fav.me/d8i2wg5
współpraca z Evelyn



http://fav.me/d8i2x4p
Zrobiłam dwie wersje. Możecie sobie wybrać, która jest lepsza. :3
http://fav.me/d8i2x8q

http://fav.me/d8i3do5
współpraca z Evelyn



http://hostuje.net/file.php?id=41072defb92e08f3968e6f857e97c7eb

http://hostuje.net/file.php?id=bba9765bfb05a43412fc08f67b4d122d

https://www.youtube.com/watch?v=q-oAM6Lagpc


INSTRUKCJA CSS NA WYSUNIĘTE KOLUMNY PO NAJECHANIU
(takie jak na głównym ~lewa kolumna info)

#sidebar-left-1{
border: solid 10px #1A1A1A;
border-radius: 10px;
width: 450px;
height: 450px;
position: relative;
left: -750px;
top: 190px;
transition: all 0.7s;
-webkit-transition: all  0.7s;
-moz-transition: all  0.7s;
-o-transition: all  0.7s;}

#sidebar-left-1:hover{
position: relative;
left: -280px;
top: 190px;
transition: all 0.7s;
-webkit-transition: all  0.7s;
-moz-transition: all  0.7s;
-o-transition: all  0.7s;}
(wymiary i kolumna według uznania)

teraz kilka wskazówek:
1. Komendę :hover można wpisać do każdego selektora, jeśli chcecie mieć jakiś efekt po najechaniu na jakiś gadżet czy kolumnę. Uwaga! Trzeba ją pisać łącznie z innym selektorem np. #Label1:hover .
2. Używasz jakiegoś przejścia na linki, ale nie wiesz jak pozbyć się podkreślenia? W nawiasie (tam gdzie a:hover) wpisujesz komendę: text-decoration: none; .  Podkreślenie znika.

 Możecie głosować na mnie w sondach:  
SONDA 1                 SONDA 2

To tyle na dziś. Kolejna notka za 2 tygodnie.

9 komentarzy:

  1. Hej hej C: wydaje mi się, że to jest twój najlepszy post! Wyszedł ci wybornie ^^ Zaczynając od cudnego gifu na początku ^^, po nagłówki - ten pierwszy bardzo mi się podoba, nie wiem czego od niego chcesz. Obydwie współprace są świetne ♥ Pierwsza sygnaturka wyszła Ci wybornie, bardzo mi się podoba! Koloryzacje również pierwsza klasa. Bardzo fajny pomysł z tymi instrukcjami ;)
    Pozdrawiam gorąco ♥

    OdpowiedzUsuń
  2. Fajny post i fajny blog z grafika zapraszam na mój blog z grafika : Mój Blog - klik!

    OdpowiedzUsuń
  3. Sygnatura ze współpracy - cudo. Kolorystycznie i kompozycyjnie majstersztyk. Sezon grypy rozpoczęty, na szczeście ja od około 3 lat nie choruję w ogóle na grypę, wracaj do zdrowia.

    OdpowiedzUsuń
  4. Weszłam zobaczyć jak działa Ci ten szablon, ale jak zobaczyłam go, to po prostu padłam! Ta mordka ostatnio ciągle za mną chodzi! *.* Nie, podoba mi się szablon i pomysł także. Brawo! :D
    Bardzo podobają mi się tutaj sygnaturki z Baby Doll (tak na nią mówili, co nie?) oraz ta ze współpracy z Evelyn.
    Pozdrawiam i czekam na więcej. <3

    OdpowiedzUsuń