23-08-2010, 02:14
Witam.
Mam pewien problem. Mianowicie stworzyłem stronę w oparciu o grafikę w photoshopie, pociąłem ją, wyeksportowałem ją do html'a i... chciałbym żeby menu, które znajduje się po lewej stronie było "animowane". Piszę w cudzysłowiu, ponieważ chodzi tu tak naprawdę o podmianę grafiki po najechaniu na stronę. (Takie rozwiązanie było w poprzedniej wersji tej strony, tylko, że była ona zrobiona na podstawie szablonu - gotowca)
Adres strony, o którą chodzi: www.swietlicacr.glt.pl
Serdeczne dzięki za ewentualną pomoc.
Zamieszczę również kod źródłowy:
<html>
<head>
<meta http-equiv="Content-Language" content="pl">
<!-- #BeginEditable "doctitle" -->
<title>projekt4</title>
<!-- #EndEditable -->
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" background="images/2%20kopia.jpg">
<!-- ImageReady Slices (projekt4.psd) -->
<table id="Tabela_01" align=center width="996" height="1654" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3" dir="ltr" background="images/index_01.jpg" width="996" height="403" alt=""></td>
<td width="4" background="images/index_02.jpg" width="1" height="403" alt=""></td>
</tr>
<tr>
<td width="361"background="images/index_03.jpg" width="361" height="110" alt="" valign="top">
<p align="left"> <script type="text/javascript" src="http://www.darmowe-liczniki.pl/usluga.licznik.19069"></script><p align="left"> </td>
<td colspan="3"background="images/index_04.jpg" width="637" height="110" alt="">
<p align="center"><font face="Monotype Corsiva" size="5">STRONA
INTERNETOWA<br>
Świetlicy u Zmartwychwstańców<br>
przy parafii pw. Zmartwychwstania Pańskiego w Poznaniu</font></td>
</tr>
<tr>
<td colspan="2"background="images/index_05.jpg" width="362" height="71" alt="" >
<font face="Sandwich" style="font-size: 34pt" color="#FFFFFF">Aktualności</font></td>
<td colspan="2" rowspan="14"background="images/index_06.jpg" width="633" height="1025" alt="" valign="top">
<p></p>
<p> </p>
<p align="center"><font size="7" face="Algerian" color="#FF0000">STRONA
W TRAKCIE BUDOWY</font></td>
</tr>
<tr>
<td colspan="2"background="images/index_07.jpg" width="362" height="72" alt="">
<font face="Sandwich" style="font-size: 34pt" color="#FFFFFF">O Świetlicy</font></td>
</tr>
<tr>
<td colspan="2"background="images/index_08.jpg" width="362" height="72" alt="">
<font face="Sandwich" style="font-size: 32pt" color="#FFFFFF">Patronka Świetlicy</font></td>
</tr>
<tr>
<td colspan="2"background="images/index_09.jpg" width="362" height="71" alt="">
<font face="Sandwich" style="font-size: 34pt" color="#FFFFFF">Prace Plastyczne</font></td>
</tr>
<tr>
<td colspan="2"background="images/index_10.jpg" width="362" height="72" alt="">
<font face="Sandwich" style="font-size: 34pt" color="#FFFFFF">Kronika</font></td>
</tr>
<tr>
<td colspan="2"background="images/index_11.jpg" width="362" height="72" alt="">
<font face="Sandwich" style="font-size: 34pt" color="#FFFFFF">Galeria </font></td>
</tr>
<tr>
<td colspan="2"background="images/index_12.jpg" width="362" height="71" alt="">
<p dir="ltr">
<font face="Sandwich" style="font-size: 34pt" color="#FFFFFF">Sponsorzy</font></td>
</tr>
<tr>
<td colspan="2"background="images/index_13.jpg" width="362" height="72" alt="">
<font face="Sandwich" style="font-size: 34pt" color="#FFFFFF">Wakacje</font></td>
</tr>
<tr>
<td colspan="2"background="images/index_14.jpg" width="362" height="72" alt="">
<font face="Sandwich" style="font-size: 34pt" color="#FFFFFF">Scholka </font></td>
</tr>
<tr>
<td colspan="2"background="images/index_15.jpg" width="362" height="71" alt="">
<span lang="en-us">
<font face="Sandwich" style="font-size: 34pt" color="#FFFFFF">Współpraca</font></span></td>
</tr>
<tr>
<td colspan="2" background="images/index_16.jpg" width="362" height="72" alt="">
<span lang="en-us">
<font face="Sandwich" style="font-size: 34pt" color="#FFFFFF">Linki</font></span></td>
</tr>
<tr>
<td colspan="2"
background="images/index_17.jpg" width="362" height="72" alt="">
<span lang="en-us">
<font face="Sandwich" style="font-size: 34pt" color="#FFFFFF">Kontakt</font></span></td>
</tr>
<tr>
<td colspan="2"background="images/index_18.jpg" width="362" height="26" alt=""> </td>
</tr>
<tr>
<td colspan="2"background="images/index_19.jpg" width="362" height="139" alt=""> </td>
</tr>
<tr>
<td colspan="4"background="images/index_20.jpg" width="996" height="115" alt="">
<font face="Brush Script Std">
<br>
<font size="5">Powered by Mike</font></font></td>
</tr>
<tr>
<td width="361"background="images/spacer.gif" width="361" height="1" alt=""></td>
<td width="1"background="images/spacer.gif" width="1" height="1" alt=""></td>
<td width="632"background="images/spacer.gif" width="637" height="1" alt=""></td>
<td width="4"background="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
Mam pewien problem. Mianowicie stworzyłem stronę w oparciu o grafikę w photoshopie, pociąłem ją, wyeksportowałem ją do html'a i... chciałbym żeby menu, które znajduje się po lewej stronie było "animowane". Piszę w cudzysłowiu, ponieważ chodzi tu tak naprawdę o podmianę grafiki po najechaniu na stronę. (Takie rozwiązanie było w poprzedniej wersji tej strony, tylko, że była ona zrobiona na podstawie szablonu - gotowca)
Adres strony, o którą chodzi: www.swietlicacr.glt.pl
Serdeczne dzięki za ewentualną pomoc.
Zamieszczę również kod źródłowy:
<html>
<head>
<meta http-equiv="Content-Language" content="pl">
<!-- #BeginEditable "doctitle" -->
<title>projekt4</title>
<!-- #EndEditable -->
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" background="images/2%20kopia.jpg">
<!-- ImageReady Slices (projekt4.psd) -->
<table id="Tabela_01" align=center width="996" height="1654" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3" dir="ltr" background="images/index_01.jpg" width="996" height="403" alt=""></td>
<td width="4" background="images/index_02.jpg" width="1" height="403" alt=""></td>
</tr>
<tr>
<td width="361"background="images/index_03.jpg" width="361" height="110" alt="" valign="top">
<p align="left"> <script type="text/javascript" src="http://www.darmowe-liczniki.pl/usluga.licznik.19069"></script><p align="left"> </td>
<td colspan="3"background="images/index_04.jpg" width="637" height="110" alt="">
<p align="center"><font face="Monotype Corsiva" size="5">STRONA
INTERNETOWA<br>
Świetlicy u Zmartwychwstańców<br>
przy parafii pw. Zmartwychwstania Pańskiego w Poznaniu</font></td>
</tr>
<tr>
<td colspan="2"background="images/index_05.jpg" width="362" height="71" alt="" >
<font face="Sandwich" style="font-size: 34pt" color="#FFFFFF">Aktualności</font></td>
<td colspan="2" rowspan="14"background="images/index_06.jpg" width="633" height="1025" alt="" valign="top">
<p></p>
<p> </p>
<p align="center"><font size="7" face="Algerian" color="#FF0000">STRONA
W TRAKCIE BUDOWY</font></td>
</tr>
<tr>
<td colspan="2"background="images/index_07.jpg" width="362" height="72" alt="">
<font face="Sandwich" style="font-size: 34pt" color="#FFFFFF">O Świetlicy</font></td>
</tr>
<tr>
<td colspan="2"background="images/index_08.jpg" width="362" height="72" alt="">
<font face="Sandwich" style="font-size: 32pt" color="#FFFFFF">Patronka Świetlicy</font></td>
</tr>
<tr>
<td colspan="2"background="images/index_09.jpg" width="362" height="71" alt="">
<font face="Sandwich" style="font-size: 34pt" color="#FFFFFF">Prace Plastyczne</font></td>
</tr>
<tr>
<td colspan="2"background="images/index_10.jpg" width="362" height="72" alt="">
<font face="Sandwich" style="font-size: 34pt" color="#FFFFFF">Kronika</font></td>
</tr>
<tr>
<td colspan="2"background="images/index_11.jpg" width="362" height="72" alt="">
<font face="Sandwich" style="font-size: 34pt" color="#FFFFFF">Galeria </font></td>
</tr>
<tr>
<td colspan="2"background="images/index_12.jpg" width="362" height="71" alt="">
<p dir="ltr">
<font face="Sandwich" style="font-size: 34pt" color="#FFFFFF">Sponsorzy</font></td>
</tr>
<tr>
<td colspan="2"background="images/index_13.jpg" width="362" height="72" alt="">
<font face="Sandwich" style="font-size: 34pt" color="#FFFFFF">Wakacje</font></td>
</tr>
<tr>
<td colspan="2"background="images/index_14.jpg" width="362" height="72" alt="">
<font face="Sandwich" style="font-size: 34pt" color="#FFFFFF">Scholka </font></td>
</tr>
<tr>
<td colspan="2"background="images/index_15.jpg" width="362" height="71" alt="">
<span lang="en-us">
<font face="Sandwich" style="font-size: 34pt" color="#FFFFFF">Współpraca</font></span></td>
</tr>
<tr>
<td colspan="2" background="images/index_16.jpg" width="362" height="72" alt="">
<span lang="en-us">
<font face="Sandwich" style="font-size: 34pt" color="#FFFFFF">Linki</font></span></td>
</tr>
<tr>
<td colspan="2"
background="images/index_17.jpg" width="362" height="72" alt="">
<span lang="en-us">
<font face="Sandwich" style="font-size: 34pt" color="#FFFFFF">Kontakt</font></span></td>
</tr>
<tr>
<td colspan="2"background="images/index_18.jpg" width="362" height="26" alt=""> </td>
</tr>
<tr>
<td colspan="2"background="images/index_19.jpg" width="362" height="139" alt=""> </td>
</tr>
<tr>
<td colspan="4"background="images/index_20.jpg" width="996" height="115" alt="">
<font face="Brush Script Std">
<br>
<font size="5">Powered by Mike</font></font></td>
</tr>
<tr>
<td width="361"background="images/spacer.gif" width="361" height="1" alt=""></td>
<td width="1"background="images/spacer.gif" width="1" height="1" alt=""></td>
<td width="632"background="images/spacer.gif" width="637" height="1" alt=""></td>
<td width="4"background="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
