[tigrom]

Witam.Potrzebuje osoby ,która zrobi mi gotowy kod HTML.
Chce zrobic tak ,że jak najade kursorem myszki na "Strona glowna" itp to mi sie pojawia 2 obrazek zamiast tego 1 tyle ,ze z podswietleniem (mam juz gotowe obrazki).To juz na mojej stronie bylo zakodowane lecz stary index wgralem bo cos rozwalilem.

Strona
http://my-resistance.pl

Kod dla podswietlenia strona glowna,pobieralnia,druzyna,artykuly,osiagniecia,forum,kontakt.

Wiem ,ze ten kod mial cos w stylu "onmouse ... outmouse" itp ale nie wiem dokladnie a po 2 nie wiem jak go zastosowac bo jestem laikiem.


Ogolne mam taki kod (i tu trzeba dodac te onmouse chyba) :

<li><a href="index.php" class="glowna"><span class="glownaa" style="display:none"></span></a></li>
<li><a href="index.php?site=files" class="artykuly"><span class="artykulya" style="display:none"></span></a></li>
<li><a href="index.php?site=squads" class="dywizje"><span class="dywizjea" style="display:none"></span></a></li>
<li><a href="index.php?site=articles" class="mecze"><span class="meczea" style="display:none"></span></a></li>
<li><a href="index.php?site=awards" class="osiagniecia"><span class="osiagnieciaa" style="display:none"></span></a></li>
<li><a href="index.php?site=forum" class="dema"><span class="demaa" style="display:none"></span></a></li>
<li><a href="index.php?site=contact" class="kontakt"><span class="kontakta" style="display:none"></span></a></li>

Ten post był edytowany przez tigrom dnia: 03 Luty 2012 - 16:19

[januzi]

dwa obrazki do jednego pliku
w css :hover do odpowiedniego elementu i background-position przesuwający tło tak, żeby pokazał się ten drugi obrazek; w samym elemencie: width, height, background-image i jeśli nie jest blokowy, to display: block;

[Kravcu]

U mnie na stornie z tabelami to wyglada tak:


<a href="adres odnośnika" onmouseover="document.getElementById('ID').src='obrazek po najechaniu.png'" onmouseout='document.getElementById("ID").src="obrazek zwykły"'>
<img src="sciezka zwyklego obrazka" id="ID" width="xx" height="xxx" alt=""></a>.



Opcja bardzo stara i wolna(obrazek ładuje się w chwili najechania), ale najprostsza.
Bardziej skomplikowana,lepsza,nowsza,częściej używana to ta podana przez januziego.


@Jeśli sam tego nie zrobisz to się nie nauczysz.
onmouseover i out przy odnośniku,a przy obrazku tylko ID.


Przecież ci napisałem.

onmouseover i onmouseout zaraz po odnośniku a id zaraz po ścieżce obrazka.

Ten post był edytowany przez Kravcu dnia: 03 Luty 2012 - 16:39

[tigrom]

Gdzie ten kod wstawic?
Wplączesz mi (ze tak powiem) w ten kod moj co dalem wyzej??
Tak zebym tylko musial zmienic nazwe obrazow

@up no tak ale jak bede widzial jak to zrobiles to juz bede pamietal a tak to nie wiem nawet gdzie te twoje linijke wstawic obok moich wyzej podanych kodow czy gdzie

@up ale ten kod moze byc byle gdzie (byle by w indexie) ??
tera dodalem i z ramki wyjebalo "Kontakt" -_-''
I w id nie wiem co wpisac

Ten post był edytowany przez tigrom dnia: 03 Luty 2012 - 16:40

[ZienQ]

Ja u siebie mam tak o:

<td class="alt1" width="11%">
<a href="/index.html"><IMG src="obrazek1.png" border="0" alt="strona_glowna" onmouseover="this.src='obrazek22.png'" onmouseout="this.src='obrazek1.png'"></a>

Jak najedziesz na obrazek1, to On zmienia Ci się na obrazek2 i po kliknięciu na niego przenosi do www.nazwastrony.pl/index.html (zależy w jakim katalogu się znajdujesz).

Tam sobie możesz pozmieniac to i owo, ale ja się tak u mnie bawię i na żywca ze stronki skopiowałem kod.

Ten post był edytowany przez ZienQ dnia: 10 Luty 2012 - 14:39