Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [PHP] Menu
blandzi
post
Post #1





Grupa: Zarejestrowani
Postów: 35
Pomógł: 0
Dołączył: 9.12.2008

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

Jak zrobić menu jak tutaj http://haker.org.pl/news.php które zmienia kolor po przejechaniu po danej kategorii?
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 12)
piotrooo89
post
Post #2


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków
jakie menu? ja nie wiem jakie menu w tym linku nic nie ma.
Go to the top of the page
+Quote Post
matixrr
post
Post #3





Grupa: Zarejestrowani
Postów: 207
Pomógł: 44
Dołączył: 14.04.2007

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

Chodzi o to, że po najechaniu np. na Archiwum Nesów zmienia sie kolor w sposob plynny.

Proponuje sprawdzic zastosowane skrypty i style na stronie a poznasz odpowiedz (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
piotrooo89
post
Post #4


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków
aaa już wiem. minAjax ma taką opcje. http://mintajax.pl/Przewodnik/Efekty/, poczytaj.
Go to the top of the page
+Quote Post
blandzi
post
Post #5





Grupa: Zarejestrowani
Postów: 35
Pomógł: 0
Dołączył: 9.12.2008

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

wielki dzieki za pomoc

mam pytanie dotyczace wlasnie tego mintajaxa napisałem cos takiego zeby go wyprobowac

Kod
<html>
<head>
<script type="text/javascript" src="mintAjax.js"></script>
</head>
<script type="text/javascript">
        
function ColorIn() {
    mint.fx.Color("box", "backgroundColor", null, "B22222", 20, 500);
    mint.fx.Color("box", "borderColor", null, "000000", 20, 500);
}

function ColorOut() {
    mint.fx.Color("box", "backgroundColor", null, "B7C059", 20, 500);
    mint.fx.Color("box", "borderColor", null, "8F9D11", 20, 500);

}
</script>

<div <a href=http://jakasstrona.pl>strona</a> onmouseover="ColorIn()" onmouseout="ColorOut()"></div>


</html>


i nie wiem jak zrobic zeby to dzialalo bo niezbyt sie znam na technologi ajax. Mogłby ktos podac jak zrobic zeby ten link zmienial kolor? Bylbym bardzo wdzieczny
Go to the top of the page
+Quote Post
blandzi
post
Post #6





Grupa: Zarejestrowani
Postów: 35
Pomógł: 0
Dołączył: 9.12.2008

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

czyli wystarczy ze wezme wszystko w <?php ?> ?

--
Jest opcja "edytuj". (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

erix
Go to the top of the page
+Quote Post
piotrooo89
post
Post #7


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków
więc twój head powinien wyglądać tak:

[HTML] pobierz, plaintext 
  1. <head>
  2. <script type="text/javascript" src="../js/mintajax.js"></script>
  3.  
  4. 		<script type="text/javascript">
  5.  
  6. 			function ColorIn() {
  7. 				mint.fx.Color("box", "backgroundColor", null, "B22222", 20, 500);
  8. 				mint.fx.Color("box", "borderColor", null, "000000", 20, 500);
  9. 			}
  10.  
  11. 			function ColorOut() {
  12. 				mint.fx.Color("box", "backgroundColor", null, "B7C059", 20, 500);
  13. 				mint.fx.Color("box", "borderColor", null, "8F9D11", 20, 500);
  14. 			}
  15.  
  16. 		</script>
  17. </head>
[HTML] pobierz, plaintext


i w body:

[HTML] pobierz, plaintext 
  1. <body>
  2. <a id="link" class="link" onmouseover="ColorIn()" onmouseout="ColorOut()">Link</a>
  3. </body>
[HTML] pobierz, plaintext


pomyśl trochę, pokombinuj, poczytaj znajdziesz tam wszystko.
Go to the top of the page
+Quote Post
blandzi
post
Post #8





Grupa: Zarejestrowani
Postów: 35
Pomógł: 0
Dołączył: 9.12.2008

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

kombinuje juz ponad 30min i nie moge nic wymyslic. Prosze wstaw caly kod zeby link zmienial kolory. bo skleilem to co dales wczesniej i zmienilem sciezke do pliku mintajax.js na taka jaka jest u mnie i kombinowalem na rozne sposoby ale nie chce dzialac
Go to the top of the page
+Quote Post
matixrr
post
Post #9





Grupa: Zarejestrowani
Postów: 207
Pomógł: 44
Dołączył: 14.04.2007

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

Bo z tego co sie zorientowalem to skrypt wymaga jeszcze arkusza stylow (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
piotrooo89
post
Post #10


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków




 
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <script type="text/javascript" src="mintajax.js"></script>
  4.  
  5. <style type="text/css">
  6. a
  7. {
  8. 	font-size: 20px;
  9. 	color: #B7C059;
  10. 	text-decoration: none;
  11. }
  12. </style>
  13. <script type="text/javascript">
  14.  
  15. function ColorIn() {
  16. mint.fx.Color("link", "color", null, "B22222", 20, 500);
  17. }
  18.  
  19. function ColorOut() {
  20. mint.fx.Color("link", "color", null, "B7C059", 20, 500);
  21. }
  22.  
  23. </script>
  24. </head>
  25. <body>
  26. <a href="" id="link" class="link" onmouseover="ColorIn()" onmouseout="ColorOut()">Link</a>
  27. </body>
  28. </html>
[HTML] pobierz, plaintext


sprawdzałem u siebie i działa. poćwicz czytanie ze zrozumieniem i uczenie się na przykładach (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

//EDIT

nie zamknąłem taga...

Ten post edytował piotrooo89 1.02.2009, 15:13:18
Go to the top of the page
+Quote Post
Spyder
post
Post #11





Grupa: Zarejestrowani
Postów: 269
Pomógł: 7
Dołączył: 12.10.2006
Skąd: Newcastle Upon Tyne

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

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en"><head>
  3.  
  4.  
  5.  
  6. 		<title></title>
  7. 		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
  8. 		<style type="text/css">
  9.  
  10. 		.box {
  11. 	float: left;
  12. 	clear: none;
  13. 	width: 80px;
  14. 	height: 20px;
  15. 	color: White;
  16. 	text-align: center;
  17. 	margin: 4px;
  18. 	padding: 2px;
  19. 	border: 1px solid #8F9D11;
  20. 	background-color: #B7C059;
  21. }
  22. a { color:#B7C059}
  23.  
  24. 		</style>
  25. 		<script type="text/javascript" src="mintajax.js"></script>
  26. 		<script type="text/javascript">
  27.  
  28. 			function ColorIn() {
  29. 				mint.fx.Color("box", "backgroundColor", null, "B22222", 20, 500);
  30. 				mint.fx.Color("box", "borderColor", null, "000000", 20, 500);
  31. 			}
  32. 			function TextIn() {
  33. 				mint.fx.Color("text", "color", null, "B22222", 20, 500);
  34. 			}
  35.  
  36. 			function ColorOut() {
  37. 				mint.fx.Color("box", "backgroundColor", null, "B7C059", 20, 500);
  38. 				mint.fx.Color("box", "borderColor", null, "8F9D11", 20, 500);
  39. 			}
  40. 			function TextOut() {
  41. 				mint.fx.Color("text", "color", null, "B7C059", 20, 500);
  42. 			}
  43.  
  44. 		</script>
  45. 	</head><body>
  46.  
  47.  
  48.         <a href="#"  id="box" class="box" onmouseover="ColorIn()" onmouseout="ColorOut()">Test Link</a>
  49.         <a href="#"  id="text" class="text" onmouseover="TextIn()" onmouseout="TextOut()">Test Link</a>
  50.  
  51. 	</body></html>
[HTML] pobierz, plaintext


To samo co wyzej tyle ze 2 wersje (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)
Go to the top of the page
+Quote Post
blandzi
post
Post #12





Grupa: Zarejestrowani
Postów: 35
Pomógł: 0
Dołączył: 9.12.2008

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

Dzieki za pomoc wszystko ladnie dziala ale gdy chcialem zrobic dla kilku to mi sie tylko pokazuje ostatni element menu
Kod
<html>
  <head>
  <script type="text/javascript" src="mintAjax.js"></script>
  
  <style type="text/css">
  a
  {
  font-size: 20px;
  color: #B7C059;
  text-decoration: none;
  }
  </style>
  <script type="text/javascript">
  
  function ColorIn() {
  mint.fx.Color("link", "color", null, "B22222", 20, 500);
  }
  function ColorOut() {
  mint.fx.Color("link", "color", null, "B7C059", 20, 500);
  }
  
  
  function ColorIn1() {
  mint.fx.Color("link1", "color", null, "B22222", 20, 500);
  }
  function ColorOut1() {
  mint.fx.Color("link1", "color", null, "B7C059", 20, 500);
  }
  
  function ColorIn2() {
  mint.fx.Color("link2", "color", null, "B22222", 20, 500);
  }
  function ColorOut2() {
  mint.fx.Color("link2", "color", null, "B7C059", 20, 500);
  }
  
  function ColorIn3() {
  mint.fx.Color("link3", "color", null, "B22222", 20, 500);
  }
  function ColorOut3() {
  mint.fx.Color("link3", "color", null, "B7C059", 20, 500);
  }
  
  function ColorIn4() {
  mint.fx.Color("link4", "color", null, "B22222", 20, 500);
  }
  function ColorOut4() {
  mint.fx.Color("link4", "color", null, "B7C059", 20, 500);
  }
  
  
  </script>
  </head>
  <body>
  
  <A HREF="index.php" id="link" class="link" onmouseover="ColorIn()" onmouseout="ColorOut()>Strona główna</A><BR>
  <A HREF="lab.php" id="link1" class="link1" onmouseover="ColorIn1()" onmouseout="ColorOut1()>Moje projekty</A><BR>
  <A HREF="ja.php" id="link2" class="link2" onmouseover="ColorIn2()" onmouseout="ColorOut2()>O mnie</A><BR>
  <A HREF="linki.php" id="link3" class="link3" onmouseover="ColorIn3()" onmouseout="ColorOut3()>Linki</A><BR>
  <A HREF="wiadomosc.php" id="link4" class="link4" onmouseover="ColorIn4()" onmouseout="ColorOut4()>Napisz do mnie</A>
  
  </body>
  </html>

Co zmienic zeby wyswietlalo mi wszystkie elementy menu? i w jaki sposob moge zrobic zeby dla kazdego elemeu nie tworzyc nowej funkcji?

Ten post edytował blandzi 1.02.2009, 16:15:48
Go to the top of the page
+Quote Post
piotrooo89
post
Post #13


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków




 
[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2.  
  3. function ColorIn1() {
  4. mint.fx.Color("link", "color", null, "B22222", 20, 500);
  5. }
  6. function ColorIn2() {
  7. mint.fx.Color("link2", "color", null, "B22222", 20, 500);
  8. }
  9. function ColorIn3() {
  10. mint.fx.Color("link3", "color", null, "B22222", 20, 500);
  11. }
  12.  
  13. function ColorOut1() {
  14. mint.fx.Color("link", "color", null, "B7C059", 20, 500);
  15. }
  16. function ColorOut2() {
  17. mint.fx.Color("link2", "color", null, "B7C059", 20, 500);
  18. }
  19. function ColorOut3() {
  20. mint.fx.Color("link3", "color", null, "B7C059", 20, 500);
  21. }
  22.  
  23. </script>
  24. </head>
  25. <body>
  26. <a href="" id="link" class="link" onmouseover="ColorIn1()" onmouseout="ColorOut1()">Link</a>
  27. <a href="" id="link2" class="link2" onmouseover="ColorIn2()" onmouseout="ColorOut2()">Link</a>
  28. <a href="" id="link3" class="link3" onmouseover="ColorIn3()" onmouseout="ColorOut3()">Link</a>
  29. </body>
[HTML] pobierz, plaintext


a jak zrobić żeby za każdym razem nie trzeba było dodawać od nowa, po prostu nie wiem (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

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

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

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