Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML.CSS] jak uzyskać taki efekt
krzychu0808
post 28.12.2007, 22:14:17
Post #1





Grupa: Zarejestrowani
Postów: 428
Pomógł: 2
Dołączył: 1.04.2007
Skąd: Pogorzelica

Ostrzeżenie: (10%)
X----

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...
Go to the top of the page
+Quote Post
xbigos
post 28.12.2007, 22:17:07
Post #2





Grupa: Zarejestrowani
Postów: 239
Pomógł: 27
Dołączył: 13.07.2005
Skąd: Jarocin

Ostrzeżenie: (0%)
----- 

[HTML] pobierz, plaintext 
  1. a{
  2. display: block;
  3. background-color: red;
  4. }
  5. a:hover{
  6. background-color: white;
  7. }
[HTML] pobierz, plaintext


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

Ten post edytował xbigos 28.12.2007, 22:22:03


--------------------
Darmowe PornoOstre laseczki
Go to the top of the page
+Quote Post
Hazel
post 28.12.2007, 22:18:12
Post #3





Grupa: Zarejestrowani
Postów: 492
Pomógł: 33
Dołączył: 16.08.2007
Skąd: Wrocław

Ostrzeżenie: (0%)
-----

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


--------------------
Go to the top of the page
+Quote Post
xbigos
post 28.12.2007, 22:19:52
Post #4





Grupa: Zarejestrowani
Postów: 239
Pomógł: 27
Dołączył: 13.07.2005
Skąd: Jarocin

Ostrzeżenie: (0%)
-----

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


--------------------
Darmowe PornoOstre laseczki
Go to the top of the page
+Quote Post
sniezny_wilk
post 28.12.2007, 22:24:33
Post #5





Grupa: Zarejestrowani
Postów: 732
Pomógł: 80
Dołączył: 25.05.2005
Skąd: Szczecin

Ostrzeżenie: (0%)
-----

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

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html>
  3. 	<head>
  4. 		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. 		<title>Untitled Document</title>
  6. 	</head>
  7. 		<style type="text/css">
  8. 		.efekt
  9. 		{
  10. 			height: 200px;
  11. 			width: 200px;
  12. 			color: #FFFFFF;
  13. 			background-color: #000000;
  14. 		}
  15. 		.efekt:hover
  16. 		{
  17. 			height: 200px;
  18. 			width: 200px;
  19. 			color: #000000;
  20. 			background-color: #FFFFFF;
  21. 		}
  22. 		</style>
  23. 	<body>
  24. 	<div class="efekt">Jakis tam tekst</div>
  25. 	</body>
  26.  
  27. </html>
[HTML] pobierz, plaintext


--------------------
DevBlog - http://www.bartekrogus.pl
Go to the top of the page
+Quote Post
xbigos
post 28.12.2007, 22:31:58
Post #6





Grupa: Zarejestrowani
Postów: 239
Pomógł: 27
Dołączył: 13.07.2005
Skąd: Jarocin

Ostrzeżenie: (0%)
-----

@sniezny_wilk a to nie moze zmieniac i tekstu i tla?
[HTML] pobierz, plaintext 
  1. a{
  2. display: block;
  3. background-color: red;
  4. color: green;
  5. }
  6. a:hover{
  7. background-color: white;
  8. color: orange;
  9. }
[HTML] pobierz, plaintext


--------------------
Darmowe PornoOstre laseczki
Go to the top of the page
+Quote Post
krzychu0808
post 28.12.2007, 22:43:15
Post #7





Grupa: Zarejestrowani
Postów: 428
Pomógł: 2
Dołączył: 1.04.2007
Skąd: Pogorzelica

Ostrzeżenie: (10%)
X----

A wiecie może jaka została czcionka użyta w menu questionmark.gifquestionmark.gif
Go to the top of the page
+Quote Post
sniezny_wilk
post 28.12.2007, 23:02:09
Post #8





Grupa: Zarejestrowani
Postów: 732
Pomógł: 80
Dołączył: 25.05.2005
Skąd: Szczecin

Ostrzeżenie: (0%)
-----

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

@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 smile.gif

Ten post edytował sniezny_wilk 28.12.2007, 23:04:45


--------------------
DevBlog - http://www.bartekrogus.pl
Go to the top of the page
+Quote Post
Hazel
post 29.12.2007, 09:50:37
Post #9





Grupa: Zarejestrowani
Postów: 492
Pomógł: 33
Dołączył: 16.08.2007
Skąd: Wrocław

Ostrzeżenie: (0%)
-----

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)...

Ten post edytował Hazel 29.12.2007, 09:51:22


--------------------
Go to the top of the page
+Quote Post
xbigos
post 29.12.2007, 10:24:08
Post #10





Grupa: Zarejestrowani
Postów: 239
Pomógł: 27
Dołączył: 13.07.2005
Skąd: Jarocin

Ostrzeżenie: (0%)
-----

ja to robie tak

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

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


--------------------
Darmowe PornoOstre laseczki
Go to the top of the page
+Quote Post
Hazel
post 29.12.2007, 10:26:48
Post #11





Grupa: Zarejestrowani
Postów: 492
Pomógł: 33
Dołączył: 16.08.2007
Skąd: Wrocław

Ostrzeżenie: (0%)
-----

No zależy jak bardzo kto jest roztargniony tongue.gif Ja tam nie potrzebuję aż takiego kodu, wystarczy mi id jak je mam tongue.gif


--------------------
Go to the top of the page
+Quote Post
sniezny_wilk
post 29.12.2007, 10:34:42
Post #12





Grupa: Zarejestrowani
Postów: 732
Pomógł: 80
Dołączył: 25.05.2005
Skąd: Szczecin

Ostrzeżenie: (0%)
-----

xbigos - mów co chcesz, ale i tak wydaje mi się, że sposób który przedstawiłem, jest najłatwiejszy smile.gif 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 ?


--------------------
DevBlog - http://www.bartekrogus.pl
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 18.07.2025 - 11:07
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn