ďťż

[layout]Podświetlenie linków

Strona początkowa
 
JavaScript
 
Max dla RAM
 
Quick Time
 
phpBB skins

Podstrony

telcocafe

Jak podświetlić linki w tej stronie. Wiem że jest coś takiego <a href="adres"><img src="obrazek_podstawowy.gif" alt="Tekst alternatywny" border="0" onmouseover="this.src = 'obrazek_podswietlony.gif'" onmouseout="this.src = 'obrazek_podstawowy.gif'" /></a> ale ja mam mape linków wygenerowaną przez photoshop image ready <img src="Untitled-1_02.png" width="551" height="175" border="0" alt="" usemap="#Untitled_1_02_Map"> <map name="Untitled_1_02_Map"> <area shape="rect" alt="" coords="413,138,518,166" href="#"> <area shape="rect" alt="" coords="288,138,390,165" href="#"> <area shape="rect" alt="" coords="158,138,262,166" href="#"> <area shape="rect" alt="" coords="31,138,136,167" href="#"> </map>. I jak zrobić te podświetlenia???
Użytkownik aras16 edytował ten post 22 lipiec 2007, 15:26

Nie rozumiem w czym problem. Powstawiaj tak jak w tym przykładzie:
<a href="strona1.htm"> <IMG SRC="rysunek1.gif" name="rys1" onmouseout="rys1.src='rysunek1.gif'" onmouseover="rys1.src='rysunek2.gif'" border="0"></a>
Użytkownik sauron edytował ten post 22 lipiec 2007, 16:07
Noo to jest racja ale ja mam mape wygenerowaną prze program i gdzie wstawić ten kod

Ten tekst, po wejściu na stronę, dosłownie emanuje inteligencją autora.
Użytkownik Capellini edytował ten post 22 lipiec 2007, 18:50

To jest strona mojego kumpla (szczyci się tym jak nie wiem co ale to jest najprostrzy lay i jeszcze niedokończony) stworzona przeze mnie walne tam lorem ..... żeby nie było ;) ? ale do rzeczy jak to zrobic :>
Użytkownik aras16 edytował ten post 22 lipiec 2007, 19:05
Pomóżcie!!!!!

Nie pisz posta pod postem ;)

Co do tematu... nie łatwiej map rozdzielić na 2 divy i pobawić się stylami ( Position ) ?

Pozatym kod... no, mogło być DUŻO lepiej ale nie wnikam...
Użytkownik fenekpl edytował ten post 23 lipiec 2007, 10:58

Pozatym kod... no, mogło być DUŻO lepiej ale nie wnikam...
Noooooo jeszcze go poprawie ale na razie chce zrobić tą mape i podświetlenia i jak tą mape rozdzielić????????? \Wytłumaczcie mi dokładniej i mam jeszcze jedno pytanko bo moja strona jest na tabelach jak bym chciał na divach to jak to zobić
w stylu coś takiego????\
.top {background: url= (1.gif);}
a w index.htm
<div class="top"></div>
Nooo ale jak tak zrobie nic mi się nie wyświetli(chyba że ten div wypełnie tekstem)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled</title> <style type="text/css"> div#header { width: 700px; margin: 0px auto; border: 1px solid red; position: relative; } div.logo { position: absolute; top: 0px; text-align: center; width: 100%; } div.gora { height: 140px; } div.buttons { height: 30px; text-align: center; } </style> </head> <body> <div id="header"> <div class="logo"> <img src="logo.jpg" alt="logo" /> </div> <div class="gora"> <!-- Tu jest to czerwone tł3o --> </div> <div class="buttons"> <!-- Tutaj robisz przyciski;-) --> </div> </div> </body> </html>

Coś w tym stylu... ( +myślenie ) ;-)

Prościej byłoby gdyby logo ( to kółko ) nie zachdziło na przyciski...

To logo top i linki to są w jednym pliku dzięki za pomoc i za ten kod

To jest o wiele prostrze od tabel :thumbsup: kod nie jest tak skomplikowany! Ale nadal nie odpowiedzieliście na moje pytanie jak zrobić tą mape linków z podświetleniami (i jeszcze pytanko dlaczego webmasterzy są bardzo przeciwni tabelą??)


(i jeszcze pytanko dlaczego webmasterzy są bardzo przeciwni tabelą??) Całom swojom siłom i godnościom osobistom. http://osiolki.net/tabelki/

Dzięki za linka ;)

"Ale nadal nie odpowiedzieliście na moje pytanie jak zrobić tą mape linków z podświetleniami"
Przyszedł mi do głowy pewien pomysł... jednak jest bardzo... hmm... nie jest to najlepsze wyjście.

W tym moim skrypcie dajesz przyciski ( TYLKO ) do odpowiedniego div'a.
np. w formie <img...> potem bawisz sie z onmouseover.

Jeśli chodzi o twoją strone...
do każdego area nadajesz onmouseover="document.getElementById('logo').src = 'logo1.gif'"
<img src="Untitled-1_02.png" width="551" height="175" border="0" alt="" usemap="#Untitled_1_02_Map" id="logo"> <map name="Untitled_1_02_Map"> <area shape="rect" alt="" coords="413,138,518,166" href="#" onmouseover="document.getElementById('logo').src = 'logo1.gif'"> <area shape="rect" alt="" coords="288,138,390,165" href="#" onmouseover="document.getElementById('logo').src = 'logo2.gif'"> <area shape="rect" alt="" coords="158,138,262,166" href="#" onmouseover="document.getElementById('logo').src = 'logo3.gif'"> <area shape="rect" alt="" coords="31,138,136,167" href="#" onmouseover="document.getElementById('logo').src = 'logo4.gif'"> </map>
każdy z obrazków odpowiada podświetleniu jednego przycisku... z tym że całe logo musi sie ładować ponownie... spory cios w wydajność ale powinno działać ( to najprostsze rozwiązanie i chyba jedyne... )

ps. nie wiem czy to z MAP i AREA działa... nigdy nie pracowałem z tym znacznikiem ;-)
Użytkownik fenekpl edytował ten post 24 lipiec 2007, 10:05
Potne to bardziej topa walne w inny plik :) i jeszce coś zrobie żeby mało się ładowało (nawet gdzieś miałem skrypt aby jeszcze przed wyświetleniem ładowało obraz do cache przeglądarki)
I mam jeszcze jedno pytanie jak umieścić 2 bloki div obok siebie?
Użytkownik aras16 edytował ten post 24 lipiec 2007, 09:53
http://forum.ks- eksp...ivy+obok+siebie
http://www.google.pl...ivy+obok+siebie
http://www.google.pl...l...=Szukaj&lr=
http://www.google.pl...a...=Szukaj&lr=
http://www.google.pl...i...=Szukaj&lr=
http://www.google.pl...i...=Szukaj&lr=
http://www.google.pl...i...=Szukaj&lr=
http://www.google.pl...i...=Szukaj&lr=
http://www.google.pl...i...=Szukaj&lr=
http://www.google.pl...l...=Szukaj&lr=
http://www.google.pl...X...owe&spell=1
http://www.google.pl...a...=Szukaj&lr=

...
Użytkownik bryn edytował ten post 24 lipiec 2007, 11:11
A jak zrobić 3 divy obok sebie (szukałem w google jakby co)

Trzeba było zostać przy tabelkach :>

Dobra znalazłem w książce
Ale i tak uważam że łatwiej było pozostać przy tabelkach
Użytkownik aras16 edytował ten post 24 lipiec 2007, 16:30
  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl
    		•
    Sitedesign by AltusUmbrae.