18 paź 2013

#10 This is survival of the fittest


Eminem- survival

No i doszłam do 10-tego postu na tym blogu. Jestem dumna z siebie, że nie zrezygnowałam po dwóch :D
Polecam gorąco do odsłuchania piosenkę, jaką podałam wyżej. Jest świetna <3
Jeśli zauważyliście to na blogu widnieje nowy szablon (znowu o.O). Wiem wiem, że zmieniam go jak rękawiczki, ale ten mi się na prawdę spodobał.
Bierze mnie grypa ;/ Chociaż mam nadzieję, że to zwykłe przeziębienie... Nie chcę leżeć w łóżku w dodatku, że został mi jeszcze ponad tydzień wolnego. Ja to mam szczęście :(

Post miałam dodać dopiero w sobotę, ale już mam gotowy więc po co czekać?
Pamiętajcie, zanim pobierzecie coś z bloga, proszę zapoznać się z regulaminem umieszczonym w menu.
Jeśli lubisz mojego bloga, możesz na niego zagłosować w sondach (prawa strona). Z góry bardzo dziękuję :)


Nagłówki/Headers:


Drugi nagłówek ubóstwiam, a pierwszy jest wykonany dzięki instrukcji Caudire.


Instrukcja/Tutorial:


Kiedyś obiecałam, że dodam tutorial do nagłówka w takim stylu, więc dodaję.


Szablon/Layout:


Galeria i Sondy są wysuwane.
Jeśli masz problem ze wstawieniem, pisz.


PSD:



Tekstury/Textures:


Dzisiaj wyjątkowo trzy paczki, mam nadzieję, że się przydadzą :)


CSS: Instrukcja CSS na "przyciemniany" obrazek po najechaniu w poście.
(chyba wiadomo o co mi chodzi;p Coś takiego jak u mnie na blogu)
Wiem, że to proste, ale nie każdy jednak to wie, więc postanowiłam to wyjaśnić :)
Potrzebny nam w zasadzie jeden selektor:
.post-body img
Tutaj macie przykładowy kodzik:
.post-body img {
transtion: all 0.8s;
-moz-transition: all 0.8s;
-webkit-transition: all 0.8s;
-o-transition: all 0.8s;
}
.post-body img:hover {
opacity: 0.6;
transtion: all 0.8s;
-moz-transition: all 0.8s;
-webkit-transition: all 0.8s;
-o-transition: all 0.8s;
}

I to tyle. A teraz kilka słów wytłumaczenia:
Przy drugim selektorze pojawiło się po dwukropku hover. To właśnie odpowiada za wygląd naszych obrazków, zdjęć etc. po najechaniu na nie myszką.
A ten transition itp. odpowiada za płynne przechodzenie (czyli nie przeskakuje, tylko płynnie przechodzi z jednego na drugie)
W opacity możecie wartość zmienić na jaką chcecie. U mnie akurat jest właśnie te 0.6.

Proste, prawda? :)


61 komentarzy:

  1. Od razu, gdy weszłam, w oczy rzucił mi się nowy szablon *__* Cudny! Tak se myślę, pobrać te tesktury, czy nie? Pobiorę :D Hasło: Hush, don't speak. Ten ostatni nagłówek wydaje mi się najfajniejszy, Bardzo fajnie, że zrobiłaś instrukcje *_* Od razu weszłam i kliknęłam :D Powodzenia i życzę pomysłów! ^^

    OdpowiedzUsuń
    Odpowiedzi
    1. Dziękuję bardzo <3 To niech się przydaje i chce widzieć efekt pracy oczywiście! :D

      Usuń
  2. No ten szablon jest genialny nie to co moja moje to nic nie warte copy

    OdpowiedzUsuń
    Odpowiedzi
    1. Czy ja wiem czy nic nie warte? Powoli do przodu, ja z css zaczynałam tak samo, a ile osób namęczyłam z pytaniami :D
      P.s. możesz pobrać ode mnie szablon wolny ;p

      Usuń
  3. Hush, don't speak pobieram dodatki

    OdpowiedzUsuń
  4. Strasznie mi się podoba ten szablon wolny! Widziałam go na twoim blogu próbnym (ja, podglądaczka) i po prostu oniemiałam! Totalnie niesamowity :) Co do nagłówków, to drugi średnio mi się podoba, za to pierwszy cudny. Łaaał ^^
    Jak tylko wrócę do domu, to od razu rzucę się na dodatki.
    Pozdrawiam ciepło,
    J.

    OdpowiedzUsuń
    Odpowiedzi
    1. Dziękuję bardzo <3 Też lubię podglądać innym blogi próbne xD
      To wracaj i kradnij ;p

      Usuń
    2. Hush, don't speak
      A więc pobrałam koloryzacje. Zastanawiam się, czy dodasz niedługo jakieś stocki? Uwielbiam twoje zbiory, są mega klimatyczne :)
      Pozdrawiam ciepło,
      J.

      Usuń
    3. Właśnie mam zamiar dodać, na razie zbieram :) I dziękuję bardzo za miłe słowa <3

      Usuń
  5. Nowy szablon jest przepiękny, a co najważniejsze nie rozjeżdża się i jest idealnie dopasowany (mam nadzieję, że to ostatnia instrukcja przyczyniła się do tego :>) Nagłówki są śliczne - chyba najbardziej podoba mi się ten drugi, tak jak tobie zresztą. Pozdrawiam ^^

    OdpowiedzUsuń
    Odpowiedzi
    1. Dziękuję bardzo <3
      A wiesz, że czytałam tą instrukcję i wiedziałam, że mi się przyda ale w tym szablonie akurat jej nie ma :D
      Oczywiście instrukcja co do nagłówka przydała się i to bardzo <3

      Usuń
  6. Oooo, instrukcja na ten najlepszy <3 W sumie 1 też jest całkiem całkiem ^^
    A tekstury ostatnie megaszalone! Ostatnio lubię takie wariacje, także też sobie przejrzę.
    Piosenka supiii, kocham Eminema, szczególnie nowe berzerk! :D
    Zdrowiej nam koteczku, ody nie była to grypa!

    A co Ciebie tak do lovkania mnie wzięło? =*

    OdpowiedzUsuń
  7. To fajnie, że się podoba :D
    Aaajć bo cię lofkam po,prostu xd

    OdpowiedzUsuń
  8. Z całej notki najbardziej podoba szablon wolny <3.
    Główny ma bardzo ładne kolory i podoba mi się, że nie jest przesadzony ;). Chociaż zgodzę się, że zmieniasz je jak rękawiczki :D.
    Życzę zdrówka i pozdrawiam serdecznie ;**

    OdpowiedzUsuń
    Odpowiedzi
    1. Nie umiem się zdecydować i trafić na ten najlepszy dla brillammente ;p

      Usuń
  9. Szablon główny jest taki fiqdfcsxhfudza *o*
    Najbardziej podoba mi się drugi nagłówek, zabiłaś mnie nim. :3

    OdpowiedzUsuń
  10. Wow, szablon jest piękny! Te kolory są genialne, naprawdę świetne połączenie :D Też zrobiłam się chora, niestety. Mam nadzieję, że szybko nam to przejdzie :) Pierwszy i ostatni nagłówek są moimi faworytami, geniusze *-* Z koloryzacji na pewno kiedyś skorzystam. Podpowiedziałabyś, jak zrobiłaś te wysuwane ramki po prawej stronie? :D Pozdrawiam :)

    OdpowiedzUsuń
    Odpowiedzi
    1. Musisz się pobawić z-index'ami i ich położeniem :) Może wejdź na imaginated-paradise. Z tego co wiem, to Lizz dodała wideo-tutorial właśnie na taki efekt :)
      I dziękuję bardzo za miłe słowa <3
      Kuracja w domu i będziemy jak nowe XD

      Usuń
  11. Szablon główny boski, szczególnie css ^_^ Tylko powtarzam: podnieś kolumny blizej nagłówka, błagam >< A ja pewnie skorzystam z instrukcji i dorzucę coś własnego tam, a potem zrobię z tego jakiś ładny szablon na bloga hihi ^^ Nagłowki są całkiem całkiem, ostatni najlepszy <3 I tak w ogóle, ja u Ciebie widzę genialną poprawę z css i grafiką! Jestem dumna <3

    OdpowiedzUsuń
    Odpowiedzi
    1. Dziękuję bardzo kochana i na szablon czekam <3
      A jeśli chodzi o te kolumny to się odczep ;p NA pierwszy rzut oka ma iść ten przecudowny nagłówek (hahahaxD) i dopiero potem masz reszte bloga, z resztą jak go podniose wyżej to zakryje nagłówek i efekt nie będzie fajny (wiem, bo sprawdzałam ;p ) i przestań się czepiać Saviano bo ci tyłek spruje ;p
      Ojj ale i tak cię kocham <3

      Usuń
    2. Ja sie musze czepiać!!! Szatanek jak sie nie czepia to nie Szatanek!!!
      A ja Ci mówię, ze będzie ładniej >< Ale rób jak chcesz!
      A szablon jest ^^
      WIem <3

      Usuń
    3. No ok więc teraz ja się idę czepiać, w końcu to moja instrukcja na nagłówek ;p

      Usuń
  12. Świetny nowy szablon. Nawet widzę swoje patterny <3 Tylko nagłówek jest jakoś za daleko od kolumn. Nagłówki są bardzo ładne, najbardziej podoba mi się ostatni. Życzę powrotu do zdrowia :)
    Pozdrawiam!

    OdpowiedzUsuń
  13. Tak ,tak, twoje patterny za które ci bardzo dziękuję, bo naszukać się musiałam zawsze jakiś odpowiednich :D
    I dziękuję za miłe słowa, kuruje się w domu :)

    OdpowiedzUsuń
  14. Hush, don't speak - pobrałam koloryzacje i tekstury, na widok, których pojawił mi się uśmiech szatana :D
    Bardzo podoba mi się nagłówek numer 1 ma takie stonowane kolory :)
    Pozdrawiam, Lady Spark

    OdpowiedzUsuń
    Odpowiedzi
    1. Uśmiech Szatana? :D Nie wiem czy się nie mam zacząć bać ;p
      I dziękuję za miłe słowa <3

      Usuń
  15. Hush, don't speak
    za twoją namowa pobieram wolny szalbon ,ale mam pytanie czy wykonałabyś podobny z normanem reedusem

    OdpowiedzUsuń
    Odpowiedzi
    1. wybacz, ale nie wykonuję szablonów na zamówienie, jednak przyjrzę się bliżej twojej prośbie :)

      Usuń
  16. Dziękuje ,a jak mam rodzielić nazwę autora od komentarzy ta jak u ciebie bo uminie się jedno na drugie nałożyło

    OdpowiedzUsuń
    Odpowiedzi
    1. Wszystko wyjaśnione masz w poprzednim poście :)

      Usuń
    2. dodałam od siebie wszak nie wiele aby było przejrzyściej mam nadzieje iż nie trafie za to na czarną listę

      Usuń
    3. Za to na pewno nie :) Ale widzę, że nie zapoznałaś się z regulaminem. Proszę o widoczny kredyt na blogu ; )

      Usuń
  17. wszak u mnie są w kredycie ci najbradziej zasłużeni http://rockmenowa.blogspot.com/p/kredyty.html czy to źle .Wiesz jeśli jednej osobie zrobie wyjątek to wszystkim bym musiała

    OdpowiedzUsuń
    Odpowiedzi
    1. Widać, w ogóle mnie nie rozumiesz. Pierwsze co powinnaś zrobić, to zapoznać się z regulaminem a widzę, że tego nie zrobiłaś. Wnioskuję to po tym, że w ogóle nic nie zrozumiałaś. Masz mój szablon na blogu ? Masz. Więc widoczny kredyt ma być w innym razie proszę szablon usunąć z bloga

      Usuń
    2. Albo dodasz w ramce button i link z tytułem "szablon" albo osobną zakładkę "szablon". To nic trudnego

      Usuń
  18. ps: jak robisz te wzorki moze powiesz co mam wpsiać w google

    OdpowiedzUsuń
  19. Hush, don't speak!

    Pobieram szablon, który widnieje w tymże poście na bloga http://reklamownica.blogspot.com/ - kredycik dodany w jednej z wysuwanych ramek :)

    P.S Oby więcej takich świetnych prac!

    OdpowiedzUsuń
    Odpowiedzi
    1. Bardzo mnie to cieszy! <3 Dziękuję bardzo <3

      Usuń
  20. Brill ,a może zdrobie tak dodam do zakładni dawne szablony ten obrazek z tym co pobrałam i wpisze datę pobrania szablonu z nieoresloną datą zmiany .

    OdpowiedzUsuń
    Odpowiedzi
    1. Ja Cię rozumiem ale jednak wolałabym gdybyś dodała do menu nową zakładkę pt. "szablon" i tam to dodała ( w końcu to nie jest problem), a tak widnieje w regulaminie i wolę, żebyś się go trzymała ; )

      Usuń
  21. no dobra A może być zakładna pod tytułem "szablony wykonane przez znajomych dla Rockmenowej"

    OdpowiedzUsuń
  22. Po prostu "Szablon" bo to jest zakładka w której znajduje się autor i link do bloga osoby która wykonała tymczasowy szablon. Jeśli po jakimś czasie go zmienisz i wstawisz kogoś innego, to wtedy tam wpiszesz linki tej oto osoby ; )

    OdpowiedzUsuń
  23. mam kłopot nie mogłę wstawić głównego tła co robić ? http://rockmenowskie.blogspot.com/

    OdpowiedzUsuń
    Odpowiedzi
    1. odpowiedź znajdziesz na Da, napisałam tam na priv do ciebie

      Usuń
    2. To nie jest blog główny ,a próbny i mam kłopot z tłem u ciebie są wzorki ja wole kolor i jako pod post chciałam dać ciemniejszy ,a tu nic nie drgnął

      Usuń
    3. To podaj mi w takim razie link do głównego bloga, bo jak na razie to byłam cały czas na rockmenowa

      Usuń
    4. Mimo to w regulaminie widnieje, że zakaz jest przerabiania w jakikolwiek sposób dodatków, więc proszę nie zmieniać tła :)

      Usuń
  24. podałam ci link 22 października 2013 13:34

    OdpowiedzUsuń
  25. Też cieszę się ze nie odpadłaś po 2 postach, ponieważ masz wielki talent i cieszę się że dzielisz się z nim tu z nami ♥ 3 nagłówek KOCHAM KOCHAM!

    OdpowiedzUsuń
  26. Witaj :)
    Jeju jaki piękny szablon ten nagłówek i tło <3 Przepiękne.
    Bardzo mi się podoba ten nagłówek z tutoriala.
    Postaram się zaglądać tu często.
    Zapraszam do mnie http://prettysmilex.blogspot.com/
    Pozdrawiam ;*

    OdpowiedzUsuń
  27. Hej :) Skorzystałam z Twojej instrukcji,tylko zamiast modelki wolałam zrobić z Supernatural:) Wiem,że jest okropny nie ma na co patrzeć http://funkyimg.com/i/DLHv.png Ostatnio,w ogóle nagłówki mi nie wychodzą;/ Z dodatków pewnie skorzystam,przy najbliższe okazji.Pozdrawiam :)

    OdpowiedzUsuń
    Odpowiedzi
    1. Cieszy mnie to bardzo, ze instrukcja sie przydala a jej efekt mi sie bardzo podoba. :) Brill

      Usuń
  28. Ja już na kolejnym blogu jestem spóźniona z komentarzem, notka 17, a ja dopiero dzisiaj komentuję.
    Gratulacje z okazji 10 postu, sama nie raz mam tak, że nie mogę wytrwać i mam ochotę zrezygnować gdzieś na początku.
    Co do nagłówków to pierwszy bardzo mi się podoba, ma fajną kolorystykę i cieszę się, że moja tekstura się przydała. ;)
    Drugi jakoś najmniej mi się podoba, może to dlatego, że nie jestem zwolenniczką takich ostrych koloryzacji. Trzeci natomiast jest bardzo ciekawie wykonany, z pomysłem, którego gratuluję, kawał dobrej roboty. :)
    Dodaję Twojego bloga do ulubionych na rosavien.blogspot.com
    Pozdrawiam!

    OdpowiedzUsuń
    Odpowiedzi
    1. Dziekuje bardzo. Ja takze dodam twojego bloga do linkow i obserwowanych ale dopiero jak internet bede miala. Na razie mam male problemy techniczne. :) Brill

      Usuń
  29. Świetna notka i css którego długo szukałam... a co jeśli chcę żeby obrazek robił się ciemniejszy, a nie jaśniejszy ?

    OdpowiedzUsuń