Skocz do zawartości

Witamy w Nieoficjalnym polskim support'cie AMX Mod X

Witamy w Nieoficjalnym polskim support'cie AMX Mod X, jak w większości społeczności internetowych musisz się zarejestrować aby móc odpowiadać lub zakładać nowe tematy, ale nie bój się to jest prosty proces w którym wymagamy minimalnych informacji.
  • Rozpoczynaj nowe tematy i odpowiedaj na inne
  • Zapisz się do tematów i for, aby otrzymywać automatyczne uaktualnienia
  • Dodawaj wydarzenia do kalendarza społecznościowego
  • Stwórz swój własny profil i zdobywaj nowych znajomych
  • Zdobywaj nowe doświadczenia

Dołączona grafika Dołączona grafika

Guest Message by DevFuse
 

Zdjęcie
CSS

Tworzenie Hover'u

css

  • Nie możesz napisać tematu
  • Zaloguj się, aby dodać odpowiedź
Brak odpowiedzi do tego tematu

#1 Domiss

    Zaawansowany

  • Użytkownik

Reputacja: 8
Nowy

  • Postów:94
  • GG:
  • Imię:Dominik
  • Lokalizacja:Gdansk
Offline

Napisano 14.03.2012 15:07

Autor: DomissDEV for http://support-web.pl/
Witam w tym poradniku pokażę wam jak zastosować hover.
Co to jest hover ?
Hover jest to efekt tekstu / obrazka po najechaniu na dany element myszką.

Potrzebne pliki:
index.html
style.css

Więc tak może pierw zaczniemy od dodania kodu html więc zaczynamy.
Dodajemy w index.html
<a href="link">Strona Glowna</a>
To co widzicie wyżej jest to zastosowanie linku czyli naszego odnośnika, który będzie nas przekierowywał na podany adres. Adres strony wpisujemy w
href="link"
oczywiście nasz adres zamieniamy na słowo link.

Teraz trzeba zdefiniować to w css. Więc otwieramy nasz arkusz styli ( style.css ) i definiujemy nasz odnośnik.
a {
color: #fff;
font-size: 11px;
font-family: Arial;
}
U góry zdefiniowaliśmy odnośnik uwzględniając w nim:
• Kolor Czcionki: Biały,
• Rozmiar Czcionki: 11px,
• Rodzaj Czcionki: Arial,
Teraz czas na dodanie naszego hover'u, więc w arkuszu ze stylami ( style.css ), kopiujemy nasz wcześniejszy kod css i zamieniamy nasze a na a:hover powinno to wyglądać tak:
a:hover {
color: #000;
font-size: 11px;
font-family: Arial;
}
Teraz po dodania hover'u po najechaniu na tekst, kolor naszego linka zmieni na się Czarny.

Wygląd całego kodu:
index.html
<a href="link">Strona Glowna</a>
style.css
a {
color: #fff;
font-size: 11px;
font-family: Arial;
}
a:hover {
color: #000;
font-size: 11px;
font-family: Arial;
}

Poradnik napisany dla Support-Web.pl © by DomissDEV
Zakaz kopiowania na inne fora / blogi bez zgody autora.
  • +
  • -
  • 1
WebStrike.pl - Sieć serwerów counter-strike 1.6





Również z jednym lub większą ilością słów kluczowych: css

Użytkownicy przeglądający ten temat: 0

0 użytkowników, 0 gości, 0 anonimowych