Forum PHP.pl > [HTML.CSS] jak uzyskać taki efekt

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML.CSS] jak uzyskać taki efekt

krzychu0808

28.12.2007, 22:14:17

Witam....
Wie ktos jak uzyskać efekt takiego menu jak tutaj:
http://djdzyro.go.pl
Chodzi mi o to że się zmienia tło (np 2 obrazki jasny ciemny) i Napisy...

xbigos

28.12.2007, 22:17:07

[HTML] pobierz, plaintext 
a{
display: block;
background-color: red;
}
a:hover{
background-color: white;
}
[HTML] pobierz, plaintext

aha i szerokość i wysokość linku ustawiasz sobie height i width

Hazel

28.12.2007, 22:18:12

menu:hover { background-color: blue }
menu { background-color: white }

xbigos

28.12.2007, 22:19:52

@hazel chyba cos Ci sie pomyliło:) jest taki znacznik jak menu? ja jeszcze o takim nigdy niesłyszałem.

sniezny_wilk

28.12.2007, 22:24:33

A konkretnie, przykład który zmienia i napis i tło:

[HTML] pobierz, plaintext 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Untitled Document</title>
	</head>
		<style type="text/css">
		.efekt
		{
			height: 200px;
			width: 200px;
			color: #FFFFFF;
			background-color: #000000;
		}
		.efekt:hover
		{
			height: 200px;
			width: 200px;
			color: #000000;
			background-color: #FFFFFF;
		}
		</style>
	<body>
	<div class="efekt">Jakis tam tekst</div>
	</body>
 
</html>
[HTML] pobierz, plaintext

xbigos

28.12.2007, 22:31:58

@sniezny_wilk a to nie moze zmieniac i tekstu i tla?

[HTML] pobierz, plaintext 
a{
display: block;
background-color: red;
color: green;
}
a:hover{
background-color: white;
color: orange;
}
[HTML] pobierz, plaintext

krzychu0808

28.12.2007, 22:43:15

A wiecie może jaka została czcionka użyta w menu

sniezny_wilk

28.12.2007, 23:02:09

@xbigos - będziesz zmieniał tło za pomocą znacznika linku.. hmm, no może być, ale to trochę bez sensu wg mnie

@krzychu0808 - a czcionka to moja ulubiona Verdana

EDIT: a w ogóle to http://www.dj-dzyro.yoyo.pl/ dajesz podgląd źródła i wszystko masz

Hazel

29.12.2007, 09:50:37

xbigos, dokładnie, tło wcale nie musi być linkiem, może być jakimś obiektem (mój post, selektor obiektu o id menu) lub klasą obiektów (post snieznego_wilka, selektor klasy o nazwie efekt). Nie istnieje znacznik o nazwie menu, ale w CSS dość rzadko selektorami sa jedynie nazwy znaczników, bo możemy chcieć zrobić jeden link w innym stylu niż drugi link (i zazwyczaj chcemy)...

xbigos

29.12.2007, 10:24:08

ja to robie tak

[HTML] pobierz, plaintext 
div.menu li a {
//styl
}
[HTML] pobierz, plaintext

Nie ma takiej opcji żeby się pomylić:D

Hazel

29.12.2007, 10:26:48

No zależy jak bardzo kto jest roztargniony

Ja tam nie potrzebuję aż takiego kodu, wystarczy mi id jak je mam

sniezny_wilk

29.12.2007, 10:34:42

xbigos - mów co chcesz, ale i tak wydaje mi się, że sposób który przedstawiłem, jest najłatwiejszy

tak jak mówiłem, dla mnie to dziwne robić styl dla linku który będzie wpływał na całego diva. A jakbyś chciał zrobić tak, że div się koloruje, tekst się koloruje, a po najechaniu na link jest jeszcze inny efekt ?

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.