Forum PHP.pl > [inne][HTML][PHP]Dymki

Pomoc - Szukaj - Użytkownicy - Kalendarz

MatXpl

22.08.2010, 21:02:34

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.

Ramzaa

22.08.2010, 21:09:19

Oczywiście, że się da

1. Tworzymy plik index.php, a w nim dajemy:

[PHP] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//PL" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pl">
 
<head>
 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>okienka</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<script SRC="BoxOver.js"></SCRIPT>
</head>
 
<body>
 
<table border="1">
 
<tr>
 
	<td title="cssbody=[dvbdy1] cssheader=[dvhdr1] header=[Informacja] body=[
informacja2]">najedz na mnie
	</td>
 
</tr>
 
<tr>
 
	<td title="cssbody=[dvbdy1] cssheader=[dvhdr1] header=[Informacja2] body=[
informacja3]">albo na mnie
	</td>
 
</tr>
 
</table>
</body>
</html>
[PHP] pobierz, plaintext

2. Teraz musimy utworzyć plik style.css, a w nim:

[PHP] pobierz, plaintext 
.dvhdr1 {
	background:#cab691;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	border:1px solid #000;
	padding:5px;
	width:150px;
}
 
.dvbdy1 {
	background:#ddd;
	font-family:arial;
	font-size:12px;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	padding:5px;
	width:150px;
}
[PHP] pobierz, plaintext

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

Autor skryptu niestety nieznany.
Mam nadzieję, że pomogłem

pedro84

22.08.2010, 22:24:39

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

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.