Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [inne][HTML][PHP]Dymki
MatXpl
post
Post #1





Grupa: Zarejestrowani
Postów: 23
Pomógł: 0
Dołączył: 1.06.2010

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


Witam
Chciałbym się dowiedzieć jak (i czy w ogóle się da) zrobić coś takiego jak dymki z tekstem które wyświetlają się po najechaniu na wyznaczony link.
Go to the top of the page
+Quote Post
Ramzaa
post
Post #2





Grupa: Zarejestrowani
Postów: 207
Pomógł: 17
Dołączył: 4.08.2009

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


Oczywiście, że się da smile.gif

1. Tworzymy plik index.php, a w nim dajemy:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//PL" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" lang="pl">
  3.  
  4. <head>
  5.  
  6. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  7. <title>okienka</title>
  8. <link rel="stylesheet" type="text/css" href="style.css" />
  9. <script SRC="BoxOver.js"></SCRIPT>
  10. </head>
  11.  
  12. <body>
  13.  
  14. <table border="1">
  15.  
  16. <tr>
  17.  
  18. <td title="cssbody=[dvbdy1] cssheader=[dvhdr1] header=[Informacja] body=[
  19. informacja2]">najedz na mnie
  20. </td>
  21.  
  22. </tr>
  23.  
  24. <tr>
  25.  
  26. <td title="cssbody=[dvbdy1] cssheader=[dvhdr1] header=[Informacja2] body=[
  27. informacja3]">albo na mnie
  28. </td>
  29.  
  30. </tr>
  31.  
  32. </table>
  33. </body>
  34. </html>

2. Teraz musimy utworzyć plik style.css, a w nim:
  1. .dvhdr1 {
  2. background:#cab691;
  3. font-family:arial;
  4. font-size:12px;
  5. font-weight:bold;
  6. border:1px solid #000;
  7. padding:5px;
  8. width:150px;
  9. }
  10.  
  11. .dvbdy1 {
  12. background:#ddd;
  13. font-family:arial;
  14. font-size:12px;
  15. border-left:1px solid #000;
  16. border-right:1px solid #000;
  17. border-bottom:1px solid #000;
  18. padding:5px;
  19. width:150px;
  20. }


3. Tworzymy ostatni plik - boxover.js, a w nim to: http://wklej.to/N1lY

Autor skryptu niestety nieznany.
Mam nadzieję, że pomogłem smile.gif
Go to the top of the page
+Quote Post
pedro84
post
Post #3





Grupa: Nieautoryzowani
Postów: 2 249
Pomógł: 305
Dołączył: 2.10.2006

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


Po kiego wała robić to za pomocą JS jak można poprawnie za pomocą czystego HTML + CSS?


--------------------
Google knows the answer...
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 20.08.2025 - 08:44