Forum Blogowe 19 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

»  »  »  ::
Zamknięty przez: Htsz
2013-02-09, 00:00
Autor Wiadomość
miglu149 
mm1

Imię: Piter
Pomógł: 30 razy
Wiek: 30
Dołączył/a: 21 Lip 2008
Posty: 2220
Wysłany:    [CSS] Zmiana tła linku
Witam blogowiczów :) Opiszę dzisiaj, jak w CSS zrobić link, który po najechaniu myszką zmienia kolor tła (dla zaawansowanych to żadna nowość...).
W części <head> wpisujemy następujący kod:

Kod

<STYLE TYPE="text/css">
<!--
a {text-decoration: none;}
A:hover { background-color: black }
-->
</STYLE>

Kolor tła po najechaniu możemy dowolnie zmieniać. Wystarczy, że w miejscu

Kod

{ background-color: black }

"black" (#000000) zamienimy na inny kolor...
Jeśli chcemy, aby tekst bym np podkreślony to w miejscu

Kod

{text-decoration: none;}

"none" zamieniamy na "underline"

To tyle na razie. Powodzenia :)
 
  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

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: 2008-08-01, 18:58   graficzne tło linka
można także zrobić graficzne tło po najechaniu na link :)

zamiast background-color używamy:

Kod

background: url('http://adres.obrazka.pl/grafika.jpg');


gdzie "adres.obrazka.pl/grafika.jpg" to link do naszego tła.
______________________________________________________
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:
miglu149 
mm1

Imię: Piter
Pomógł: 30 razy
Wiek: 30
Dołączył/a: 21 Lip 2008
Posty: 2220
Wysłany: 2008-08-01, 19:47   
No tak też można zrobić... W sumie to zapomniałem o tym, bo nie używam, ale także przydatne ;)
 
  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: 2008-08-01, 20:23   
heh, jak już piszesz jakiś tutorial to rób to rzetelniej ;) redaguj go tak, aby jak najbardziej wyczerpać temat.
______________________________________________________
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:
miglu149 
mm1

Imię: Piter
Pomógł: 30 razy
Wiek: 30
Dołączył/a: 21 Lip 2008
Posty: 2220
Wysłany: 2008-08-01, 20:24   
No dobrze. Ale jak pomożesz mi go wyczerpać to nic Ci się nie stanie :P . Ja opisuję wg mnie praktyczne rzeczy :)

EDIT:
Zapomniałem o dość ważnej rzeczy i teraz piszę uzupełnienie.

Można też zrobić tak, że po najechaniu i kliknięciu przycisku, ten się zmienia. Trzeba zrobić tylko trzy buttony:
- podstawowy
- po najechaniu na niego myszką
- po kliknięciu

Kod

<a href="adres"><img src="podstawowy.gif" alt="Tekst alternatywny" border="0" onmouseover="this.src = 'po_najechaniu.gif'" onmouseout="this.src = 'podstawowy.gif'" onmousedown="this.src = 'po_kliknięciu.gif'" onmouseup="this.src = 'podstawowy.gif'" /></a>

Dziękuję za uwagę :)
 
  podziel si� tym postem na:
Wyświetl posty z ostatnich:   
»  »  »  ::
Ten temat jest zablokowany bez możliwości zmiany postów lub pisania odpowiedzi
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-2025 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