Po zalogowaniu do bloggera przejdź do SZABLON>DOSTOSUJ>ZAAWANSOWANE i w arkuszu CSS wklej wybrany kod.
ZAMGLENIE
.post img{
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease
; -o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease; }
.post img:hover { opacity:0.7;
filter:alpha(opacity=50); }
CZARNO-BIAŁE
Stosując ten efekt zdjęcia na blogu staną się czarno-białe po najechaniu na kursorem.
.post img
{ -webkit-transition:
all 1s ease; -moz-transition:
all 1s ease; -o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease; }
.post img:hover { -webkit-filter:
grayscale(100%); }
POWIĘKSZENIE
.post img{
-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease;
}
.post img:hover {
-o-transition: all 0.6s;
-moz-transition: all 0.6s;
-webkit-transition: all 0.6s;
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-webkit-transform: scale(1.1);
}
Ciekawa zmiana na blogu chociaż chyba wolałam ten blog w czerwieni 🙂
Jak zawsze bardzo fajne porady. Sama skusilam sie na szablon zewnetrzny, bo zadna ze mnie artystka i koncentruje sie teraz na tresci, a nie na wygladzie. Pozdrawiam serdecznie beata
Jestem w trakcie kombinowania i szukania nowego wyglądu…dla siebie chyba projektuje się najtrudniej:)
Wpis fantastyczny, ale zmiany u Ciebie … jestem pod wrażeniem. Kolorystyka, czcionka – wszystko gra :))
Obawiam się, że to nie wersja ostateczna….dla siebie najtrudniej coś wybrać:P
Gadżet fajny. Muszę pomyśleć, czy u mnie mi się taki widzi 😉
Twoje zmiany na blogu – podobają mi się bardzo. Ja za czerwienią nie przepadam, ten musztardowy bardziej mi się widzi. Baner prezentuje się dużo lepiej 😉
Uśmiecham się jak czytam jak rożnie odbierają mój ( z założenia) „złoty” – Był już sraczkowaty i żółty 🙂
wow te efekty są świetne, muszę któryś wykorzystać
Widzę, że u Ciebie przysłowie „szewc bez butów chodzi” się nie sprawdza! Nie wiem jak Ty to robisz,że znajdujesz na wszystko czas 🙂 Gażety na bloga świetne – jak zawsze 🙂
Swietna porada ,czasem wystarczy tak niewiele aby blog „żył”.może i ja coś zmienię w końcu idzie wiosna,,,tylko…ja taka niekumata
Jesteś genialna! Świetne są takie efekty! Dzięki ♥
strasznie irytujące są takie efekty przy czytaniu postów na blogach. chciałabym zobaczyc dokładnie co jest na zdjęciu, a przy takich efektach muszę pilnować, żeby kursor był poza zdjęciem. nie widzę żadnych plusów takich efektów niestety.
To niestety nie tak do końca biorąc pod uwagę jak długo się do tego zabierałam i że wciąż szukam czegoś dla siebie:)
Przy opcji powiększania można przyjrzeć się nawet bliżej:) A tak serio to rozumiem i dziękuję za ten głos.
To daleko nie jestem, musztarda to takie złoto przecież 😀
Podzielam głos poprzedniczki – mnie te efekty denerwują, ale fajnie, że pokazałaś, jak to zrobić i może kiedyś dojrzeję do tego.
Ale widzę, że ikonka Pin na zdjęciach się zmieniła – jest coraz bliżej mojego faworyta. Mam nadzieję, że będzie kurs o wykreowaniu własnego Pina 🙂
Raczej takiego kursu w najbliższym czasie nie będzie jednak nie jest to sprawa skomplikowana. Wystarczy stworzyć napis, rysunek bez tła…cokolwiek chcesz w pliku PNG. Można do tego użyć nawet strony picmonkey.com. Samo umieszczenie przycisku opisywałam tu: https://www.krysztofiak.studio/2014/07/zyj-kochaj-tworz-upieksza-blogi.html
Oczywiście, że się przyda. 🙂
dziękuję Ci ślicznie za kolejną wspaniałą instrukcję :))
Bardzo fajne i efektowne! Pięknie na blogu nowe logo oraz kolory cudnie!!!!
Bardzo pożyteczne informacje 🙂 świetne porady tutaj serwujesz 🙂
Świetny post! Zaraz robię, tylko się jeszcze waham – zamglenie czy powiększenie:)
Pisałam Ci jakiś czas temu, pod postem o zmianie adresu, o przeniesieniu domeny z nazwa.pl na ovh. Jednak rezygnuję, bo musiałabym najpierw zapłacić im…ponad stówę. W każdym bądź razie, dziękuję Ci za rady:)
Mnie kosztowało to 10 zł, ale to może zależy jaki był regulamin w momencie zakupu.
To ze mianą na b&w jest najlepsze!! Świetne porady.
O łał! Ale super!
Ale czary- mary dla nas wyczyniasz 😀 Dla mnie to czarna magia 🙂 Ale spróbuję się pobawić!
z czarno białym coś ci nie wyszło
Bardzo się przyda.
Wow! Twój blog wygląda po prostu…wow!
Niezwykle pomocne, jeżeli ktoś chce uświetnić swojego bloga…a to właśnie mnie czeka w najbliższym czasie
Zgadzam się 🙂 najtrudniej 🙂
Co dokładnie nie wyszło. Nie działa jak trzeba czy dzieje się coś innego?
Jak zawsze coś przydatnego. I bardzo mi się podobają zmiany u Ciebie! Moje ulubione kolory 🙂
Och, jak dobrze, że tu trafiłam. A ja zawsze zastanawiałam się jak to robią inni blogerzy. 🙂 Dzięki, już skorzystałam z Twojej rady.
Pamiętam jak jeszcze nie dawno sama się z tym zmagałaś:)
I nadal nie jestem zadowolona i ciągle coś grzebię na blogu roboczym w kodach 🙂
Wow, ale super! 🙂
swietne rady!! 🙂
Fajny wpis! 🙂
Dzięki wielkie! Jesteś niezastąpiona 😀 To dzięki Tobie mój blog wygląda już normalnie i nie straszy 😀 Robisz kawał dobrej roboty i nie przestawaj. Uściski 🙂
hej mam pytanie, w jakim programie dodajesz napisy do zdjęć głównych na blogu?
Zwykle w Photoshopie, czasami w Inkscape. Program nie ma większego znaczenia. „Tajemnica” tkwi w opcji, która pozwala na zwiększenie przestrzeni między literami.
Czy to samo da się robić przy postach?
Ta instrukcja dotyczy zdjęć w postach.
Mam na myśli, czy da się zrobić to podczas pisania danego posta. I aby ten efekt był tylko do np. 2 spośród wszystkich.
Aaaaa…..da się:) W trybie edycji posta musisz przejść w zakładkę HTML. Będziesz widziała wpis w formie kodu. Musisz w nim odnaleźć zdjęcia, które mają mieć dany efekt.
Kod zdjęć wygląda mniej więcej tak
Dane zdjęcie trzeba zamknąć divie, czyli przed kodem zdjęcia wklejasz coś takiego:
a po kodzie:
słowo zamglenie zmieniasz na inne dowolone.
Z kodami z wpisu postępujesz tak jak to opisałam z tą różnicą, że występujące w nich słowo post zmieniasz na nazwę, którą nadałaś ( w moim przykładzie na słowo zamglenie)
A jak zrobić, aby napisy w menu bloga były ciemniejsze po najechaniu na nie kursorem? (szablon pobrany ze strony) ? Bardzo proszę o odpowiedź, z góry dziękuję.
dziękuję 🙂 post kolejny raz okazał się pomocny, miłego dnia 🙂
ojjj przydalo się i to bardzo!!
trafiłam tutaj przypadkiem ponieważ chcę troszkę odświeżyć swój blog i cieszę się że trafiłam na twoją stronkę oby więcej takich pomocnych postów
pozdrawiam
No i jest! Dawno zastanawiałam się na taką zmianą i dzięki Tobie jest 😀
No to pięknie:)
Jak usunąć jeden z tych efektów jeśli się znudził?
Nie rozumiem dlaczego zniknął mój komentarz. Proszę o odpowiedź: Jak usunąć jeden z tych efektów ze zdjęć?
Witam , mam taki kod i chciałbym dodać kod powiększenia w którym miejscu muszę go wkleić , zaznaczam jestem laikiem totalnym 🙂 oto kod z góry dziękuje
Dodaj klasę do obrazka
A wpliku css:
.obrazek
{
-webkit-transition:
all 1s ease; -moz-transition:
all 1s ease; -o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.obrazek:hover
{
-webkit-filter:
grayscale(100%);
}
Działa, dziękuję! 🙂
Zapraszam na konkurs! Do wygrania wodoodporna uniwersalna bransoletka! *KLIK*
Wow. Rozwiązanie problemu z którym borykam się od tygodnia podany na tacy. Dziękuję!