Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JS] Przeźroczysty dymek, tips ze strony Mootools
[x]Mateo
post 30.05.2007, 07:31:05
Post #1





Grupa: Zarejestrowani
Postów: 1
Pomógł: 0
Dołączył: 30.05.2007

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

Witam mam mały problem chodzi o tips ze strony Mootools.net

Tutaj

mój kod html

[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 xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title>Untitled Document</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6. <script type="text/javascript">
  7. 		window.addEvent('domready', function(){
  8. 			/* Tips 1 */
  9. 			var Tips1 = new Tips($$('.Tips1'));
  10.  
  11. 			/* Tips 2 */
  12. 			var Tips2 = new Tips($$('.Tips2'), {
  13. 				initialize:function(){
  14. 					this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);
  15. 				},
  16. 				onShow: function(toolTip) {
  17. 					this.fx.start(1);
  18. 				},
  19. 				onHide: function(toolTip) {
  20. 					this.fx.start(0);
  21. 				}
  22. 			});
  23.  
  24. 			/* Tips 3 */
  25. 			var Tips3 = new Tips($$('.Tips3'), {
  26. 				showDelay: 400,
  27. 				hideDelay: 400,
  28. 				fixed: true
  29. 			});
  30.  
  31. 			/* Tips 4 */
  32. 			var Tips4 = new Tips($$('.Tips4'), {
  33. 				className: 'custom'
  34. 			});
  35. 		}); 
  36. 	</script>
  37. <link href="style.css" rel="stylesheet" type="text/css" />
  38. </head>
  39.  
  40. <body>
  41.  
  42.  
  43. <h3>
  44. 	Tips 1
  45. </h3><img src="2.gif" alt="mooCow" class="Tips1" title=
  46. "Tips Title :: This is my tip content" />
  47. <h3>
  48. 	Tips 2
  49. </h3><img src="2.gif" alt="mooCow" class="Tips2" title=
  50. "Tips Title :: This is my tip content" />
  51. <h3>
  52. 	Tips 3
  53. </h3>Fixed tooltip: <a href="http://www.mootools.net" onclick="return false;" class="Tips3" title=
  54. "Mootools official website">Mootools.net</a>
  55. <h3>
  56. 	Tips 4
  57. </h3>Custom className: <a href="http://www.mootools.net" onclick="return false;" class="Tips4" title=
  58. "Mootools official website">Mootools.net</a>
  59.  
  60.  
  61. </body>
  62. </html>
[HTML] pobierz, plaintext


kod css
[HTML] pobierz, plaintext 
  1. .tool-tip {
  2. 	color: #fff;
  3. 	width: 139px;
  4. 	z-index: 13000;
  5. }
  6.  
  7. .tool-title {
  8. 	font-weight: bold;
  9. 	font-size: 11px;
  10. 	margin: 0;
  11. 	color: #9FD4FF;
  12. 	padding: 8px 8px 4px;
  13. 	background: url(bubble.png) top left;
  14. }
  15.  
  16. .tool-text {
  17. 	font-size: 11px;
  18. 	padding: 4px 8px 8px;
  19. 	background: url(bubble.png) bottom right;
  20. }
  21.  
  22. .custom-tip {
  23. 	color: #000;
  24. 	width: 130px;
  25. 	z-index: 13000;
  26. }
  27.  
  28. .custom-title {
  29. 	font-weight: bold;
  30. 	font-size: 11px;
  31. 	margin: 0;
  32. 	color: #3E4F14;
  33. 	padding: 8px 8px 4px;
  34. 	background: #C3DF7D;
  35. 	border-bottom: 1px solid #B5CF74;
  36. }
  37.  
  38. .custom-text {
  39. 	font-size: 11px;
  40. 	padding: 4px 8px 8px;
  41. 	background: #CFDFA7;
  42. }
[HTML] pobierz, plaintext

i efekt nie wyszedł
Czy może ktoś powiedzieć dlaczego
Czego nie dodałem ?

Ten post edytował [x]Mateo 30.05.2007, 07:31:51
Go to the top of the page
+Quote Post

Posty w temacie
- [x]Mateo   [JS] Przeźroczysty dymek   30.05.2007, 07:31:05

« 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: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

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

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