Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css] Klikniecie w dzial
Forum PHP.pl > Forum > Przedszkole
Lonas
2.01.2007, 14:27:42
witam- mam plik index.php w ktorym dolaczylem style

[HTML] pobierz, plaintext 
  1. <STYLE TYPE="TEXT/CSS"><!--
  2.  
  3. A:link	{
  4. color:#003399;
  5. font-family:Georgia;
  6. font-style:italic;
  7. font-size:8pt;
  8. text-decoration:none;
  9. cursor:hand;
  10. 	}
  11. A:visited	{
  12. color:#003399;
  13. font-family:Georgia;
  14. font-style:italic;
  15. font-size:8pt;
  16. text-decoration:none;
  17. cursor:hand;
  18. 	}	
  19.  
  20. A:hover	{
  21. color:#33CC00;
  22. font-family:Georgia;
  23. font-style:italic;
  24. font-weight:bold;
  25. font-size:8pt;
  26. cursor:hand;
  27. 	}  
  28.  
  29. //--></STYLE>
[HTML] pobierz, plaintext


jak go zmodyfkowac aby uzyskac efekt -

chodzi o efekt ze gdy ktos kliknie w dzial to pozostaje kolor taki jak w momencie gdy na niego najechal - chodzi o to zeby bylo wiadomo w jakim dziale sie znajduje

probowalem dodac sekcje active ale nie dziala
lopik
2.01.2007, 14:46:43
Zrób coś takiego jak tutaj: http://css.maxdesign.com.au/listamatic/horizontal07.htm ( #active )
I musi działać do też tak robię winksmiley.jpg
Lonas
2.01.2007, 14:59:49
probowalem dopisac poprostu sekcje active taka jak hover ale nie dziala

A:active {
color:#33CC00;
font-family:Georgia;
font-style:italic;
font-weight:bold;
font-size:8pt;
cursor:hand;
}
dr_NO
2.01.2007, 16:27:02
active służy do określania aktywnego linku czyli jeszcze "nie klikniętego" ....
Balas
2.01.2007, 16:34:29
aktywnemu linkowi przypisz ID active (czy to recznie, czy generujesz za pomoca php) i ustal jego wyglad za pomoca CSS winksmiley.jpg
Lonas
4.01.2007, 12:17:22
okej czyli tak dziala , dzieki

[HTML] pobierz, plaintext 
  1. <STYLE TYPE="TEXT/CSS"><!--
  2. A:link	{
  3. color:#003399;
  4. font-family:Georgia;
  5. font-style:italic;
  6. font-size:8pt;
  7. text-decoration:none;
  8. cursor:hand;
  9. 	}
  10. A:visited	{
  11. color:#003399;
  12. font-family:Georgia;
  13. font-style:italic;
  14. font-size:8pt;
  15. text-decoration:none;
  16. cursor:hand;
  17. 	}	
  18.  
  19. A:hover	{
  20. color:#33CC00;
  21. font-family:Georgia;
  22. font-style:italic;
  23. font-weight:bold;
  24. font-size:8pt;
  25. cursor:hand;
  26. 	}  
  27.  
  28. #active 
  29. {
  30. color:#33CC00;
  31. font-family:Georgia;
  32. font-style:italic;
  33. font-weight:bold;
  34. font-size:8pt;
  35. cursor:hand;
  36. }
  37.  //--></STYLE>
  38. // i link postaci
  39.  
  40. <a href="#" id="active">cos tam</a>
[HTML] pobierz, plaintext


A da sie tak zrobic - ze mam ustalone kilka styli wygladu linkow ?
cos takiego.. tylko to nie dziala.. sad.gif 

[HTML] pobierz, plaintext 
  1. <STYLE TYPE="TEXT/CSS"><!--
  2.  
  3. A:link	{
  4. color:#003399;
  5. font-family:Georgia;
  6. font-style:italic;
  7. font-size:8pt;
  8. text-decoration:none;
  9. cursor:hand;
  10. 	}
  11. A:visited	{
  12. color:#003399;
  13. font-family:Georgia;
  14. font-style:italic;
  15. font-size:8pt;
  16. text-decoration:none;
  17. cursor:hand;
  18. 	}	
  19.  
  20. A:hover	{
  21. color:#72D636;
  22. font-family:Georgia;
  23. font-style:italic;
  24. font-weight:bold;
  25. font-size:8pt;
  26. cursor:hand;
  27. 	}
  28.  
  29. #active
  30. {
  31. color:#72D636;
  32. font-family:Georgia;
  33. font-style:italic;
  34. font-weight:bold;
  35. font-size:8pt;
  36. cursor:hand;
  37. }
  38.  
  39. #wiecej a:link, #wiecej a:visited
  40. {
  41. color:#003399;
  42. font-family:Arial;
  43. font-style:normal;
  44. font-weight:normal;
  45. font-size:5pt;
  46. text-decoration:none;
  47. cursor:hand;
  48. }
  49.  
  50. #wiecej a:hover
  51. {
  52. color:#003399;
  53. font-family:Arial;
  54. font-style:normal;
  55. font-weight:bold;
  56. font-size:5pt;
  57. cursor:hand;
  58. }
  59.  
  60. //--></STYLE>
[HTML] pobierz, plaintext
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.