Forum Blogowe 17 lat!

Blogerzy wszystkich platform, łączcie się!

Dyskusje Blogerów, Fotoblogerów i Vlogerów, fora blogowe, graficzne, ogólnotematyczne
rozmowy o blogach, porady, instrukcje, ciekawostki z internetu
FAQFAQ    UżytkownicyUżytkownicy  grupa Blogger Polska! na FBBlogger Polska!  GrupyGrupy  regulaminRegulamin RejestracjaRejestracja  ZalogujZaloguj

»  »  »  »  ::
Autor Wiadomość
tatti 
Blogger.Klub


Imię: Tatti
Wiek: 35
Dołączyła: 07 Lis 2012
Posty: 37
Miasto: Ezoteryczny Poznań
Wysłany:    podświetlane obrazki (będące odnośnikami)
Skoro mam nie łączyć wątków, to zadaję jeszcze jedno pytanie, w nowym temacie -

jak uzyskać następujący efekt (obrazki będące linkami rozjaśniają się po najechaniu na nie) - http://www.rosawunder.de/

lub żeby obrazek na początku był (kodem) rozjaśniony, a po najechaniu na niego, żeby pokazywał swój "naturalny" kolor?

mam nadzieję, że ktokolwiek mnie zrozumie,
lecę spać, dzięki z góry za pomoc!
 
  podziel si� tym postem na:



Utwórz darmowe konto na forum --- Zaloguj się --- Polub Blogowicza na FB!
Dołącz do grupy Bloggerów na FB

Maggie90 
Blogger.Klub


Pomogła: 10 razy
Wiek: 34
Dołączyła: 12 Sty 2013
Posty: 46
Wysłany: 2013-06-07, 09:08   
Dodaj do sekcji CSS kod:

Kod

.post img {
opacity: 1;
transition:opacity 0.6s ease-in-out;
-o-transition:opacity 0.6s ease-in-out;
-moz-transition:opacity 0.6s ease-in-out;
-webkit-transition:opacity 0.6s ease-in-out;
}
.post img:hover {
opacity: 0.80;
transition:opacity 0.6s ease-in-out;
-o-transition:opacity 0.6s ease-in-out;
-moz-transition:opacity 0.6s ease-in-out;
-webkit-transition:opacity 0.6s ease-in-out;
}
______________________________________________________
ILoveHowItFeels.pl: Fit blog - sport, zdrowe odżywianie, pielęgnacja naturalna
 
  podziel si� tym postem na:
tatti 
Blogger.Klub


Imię: Tatti
Wiek: 35
Dołączyła: 07 Lis 2012
Posty: 37
Miasto: Ezoteryczny Poznań
Wysłany: 2013-06-07, 11:28   
dziękuję bardzo :)
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 39
Dołączył/a: 01 Sty 2006
Posty: 8949
Miasto: Wrocław
Wysłany: 2013-06-07, 11:43   
jeżeli efekt ma być tylko na obrazkach, które są hiperłączami (prowadzą do większej wersji lub jakiejś strony) to wtedy musimy wpisać: .post a img oraz .post a:hover img

Wiadomość (widoczna dla zarejestrowanych)
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb
Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć lubię to! na facebooku. :^^:
 
  podziel si� tym postem na:
tatti 
Blogger.Klub


Imię: Tatti
Wiek: 35
Dołączyła: 07 Lis 2012
Posty: 37
Miasto: Ezoteryczny Poznań
Wysłany: 2013-06-07, 19:32   
dziękuję! działa :) ))))

Ale mam jeszcze jedno pytanko - a jak zrobić, żeby robiło się też w lewej kolumnie kiedy wrzucę obrazko-link w gadżecie html/java???


PS- a czy znacie odpowiedź na moje drugie pytanie?? *KLIK*
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 39
Dołączył/a: 01 Sty 2006
Posty: 8949
Miasto: Wrocław
Wysłany: 2013-06-08, 14:28   
wszystkie gadżety posiadają klasę .widget więc według powyższego schematu (zamiast .post będzie .widget) możesz dopisać po przecinku do istniejących stylów lub osobno.

W przypadku kiedy potrzebujemy zrobić to tylko dla jednej kolumny (jak mamy dwie z gadżetami lub kilka i na dole), wtedy musimy znać identyfikatory, zazwyczaj są one opisane jako sidebar-left-1 lub sidebar-right-1 - schemat będzie taki:

#sidebar-left-1 a img lub #sidebar-left-1 .widget a img
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb
Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć lubię to! na facebooku. :^^:
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 39
Dołączył/a: 01 Sty 2006
Posty: 8949
Miasto: Wrocław
Wysłany: 2014-09-14, 17:24   obraz / zdjęcie w poście po najechaniu rozjaśnia się
Dodam jeszcze, że zamiast klasy .post można użyć .post-body - ominiemy wtedy nagłówek i stopkę wpisów.

Kod dodajemy do sekcji <b:skin> w szablonie a jak ktoś chce zachować ten efekt niezależnie od szablonu lub boi się ingerować w źródło szablonu, to może dopisać w zakładce z własnym CSS w edytorze wizualnym.
=> http://forum.blogowicz.in...95,12.htm#76197
=> https://support.google.co...er/175740?hl=pl

Powyższe kody można zapisać nieco krócej:
Wiadomość (widoczna dla zarejestrowanych)


0.3s to czas przejścia z widoczności 100%
0.6 to przeźroczystość elementu wynosząca 60%
wartości można dopasować według uznania.

ps. efekt rozjaśniania uzyskamy jeżeli tło pod zdjęciem jest białe. W innych przypadkach (np. czarne) zdjęcie może się przyciemnić.
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb
Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć lubię to! na facebooku. :^^:
 
  podziel si� tym postem na:
Wyświetl posty z ostatnich:   
»  »  »  »  ::
Odpowiedz do tematu
Nie możesz pisać nowych tematów. Zobacz szczegły.
Nie możesz odpowiadać w tematach. Zobacz szczegły.
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach
Nie możesz załączać plików na tym forum
Nie możesz ściągać załączników na tym forum
 Dodaj temat do Ulubionych
Wersja do druku

Skocz do:  

Powered by phpBB & Weblove.pl © 2006-2024 Wrocław | modified by Przemo © 2003 phpBB Group.
↑ skocz na górę ↑   |  shoutbox
 
Dodaj na Facebooku:

Zobacz także:


Szablony blogów i stron na wordpress
ogromna baza motywów WP, podzielona na kategorie tematyczne. Proste, jednostronicowe wizytówki lub zaawansowane układy, także z funkcją sklepu internetowego (ecommerce).
Wyszukaj na Blogowiczu:
snapchat blogowicz instagram blogowicz