Autor Zpráva
Jaroslavvv
Profil *
Dobrý den. Někde jsem viděl, že mě na svých stránkách menu s měnícími se obrázky po najetí myši. Měl tam normálně napsaný "Úvod" a po najetí myší na tlačítko se ten obrázek změnil na "Úvod", ale byl ten text ještě jakoby zvýrazněn jinyčí barvou. Byl by někdo tak hodný a napsal mi kód, který to umožní? Prosím pouze v HTML. Na té stránce to bylo v PHP a já s PHP nedělám, jelikož ho neovládám. Děkuji moc za pomoc!
Trejpa
Profil
Jaroslavvv
Není to PHP, ale styly.
<head>
<style>
a { color: blue; } /* pro všechny odkazy v normálním stavu */
a:hover { color: green; } /* pro všechny po najetí myší */
a.sede:hover { color: gray; }  /* po najetí jen pro ty, co mají class=sede */
menu a:hover { color: gold; }  /* v menu po najetí */
.podpis a:hover { color: red; }   /* po najetí v tom, co má class=podpis */
</style>
</head>
<body>
<a href=nekam.html>modrý odkaz po najetí zešedne</a>
<a href=nekam.html class=sede>modrý odkaz po najetí zezelená</a>
<menu><li><a href=nekam.html>modrý odkaz po najetí zezlátne</a></menu>
<p class=podpis><a href=nekam.html>modrý odkaz po najetí zčervená</a></p>
<b class=podpis><a href=nekam.html>modrý odkaz po najetí zčervená</a></b>
</body>
Bubák
Profil
Není to PHP, ale styly.
Myslím si, že v PHP se přiřazovalo aktuální položce menu IDéčko, ostatní samozřejmě bylo CSS.
Trejpa
Profil
Jaroslavvv
Pokud jde o ty obrázky, lze to vyřešit podobným (mírně složitějším) způsobem v CSS nebo neefektivně (ale zato jednoduše) v javaskriptu:
<a href="uvod.html"><img
 src="obrazek-uvod.gif"
 onmouseover="this.src='obrazek-uvod-pod-mysi.gif'"
 onmouseout="this.src='obrazek-uvod.gif'"
 border=0 alt="Úvod"></a>
Jaroslavvv
Profil *
Děkuji moc, velice jste mi pomohli!
Jaroslavvv
Profil *
Jaroslavvv
Pokud jde o ty obrázky, lze to vyřešit podobným (mírně složitějším) způsobem v CSS nebo neefektivně (ale zato jednoduše) v javaskriptu:
12345 <a href="uvod.html"><img src="obrazek-uvod.gif" onmouseover="this.src='obrazek-uvod-pod-mysi.gif'" onmouseout="this.src='obrazek-uvod.gif'" border=0 alt="Úvod"></a>

Zdravím, jen ych se chtěl ještě zeptat, jestli tady dole musí bejt to "Úvod" Tam nic psát vlastně nebudu všechno bude z obrázků to menu. Díky
Trejpa
Profil
Jaroslavvv
musí bejt to "Úvod"
Nemusí, ale:

Parametr alt="Úvod" stejně za normálních okolností vidět nebude, bude nahrazen obrázkem. Zejména má-li obrázek funkci odkazu, měl by tento alternativní text obsahovat. Má to dva hlavní významy:
1) Komu se obrázek nezobrazí (nechce/nemůže/hendikep), bude mu vypsán text, který jím bude pochopen a na který bude možno kliknout (jinak může být odkaz naprosto nedostupný).
2) Vyhledávače z alternativního textu pochopí, kam odkaz vede. Vyhledávání pak bude relevantnější.
Jaroslavvv
Profil *
Jaroslavvv
„musí bejt to "Úvod"“
Nemusí, ale:
Parametr alt="Úvod" stejně za normálních okolností vidět nebude, bude nahrazen obrázkem. Zejména má-li obrázek funkci odkazu, měl by tento alternativní text obsahovat. Má to dva hlavní významy:
1) Komu se obrázek nezobrazí (nechce/nemůže/hendikep), bude mu vypsán text, který jím bude pochopen a na který bude možno kliknout (jinak může být odkaz naprosto nedostupný).
2) Vyhledávače z alternativního textu pochopí, kam odkaz vede. Vyhledávání pak bude relevantnější.
Díky
Jaroslavvv
Profil *
Ať dělám co dělám, né a né se povést. Když vložím koď do stránky, tak se tam akorát obejví rámeček, jako že chybí obrázek. Nevíte, co stím? Děkuji
Trejpa
Profil
Jaroslavvv
A máš stránku i obrázek ve stejné složce?
Bubák
Profil
www.jakpsatweb.cz/faq/nefunguji-obrazky.html
Jaroslavvv
Profil *
Tak teď už se tam zobrazuje 1 obrázek, ale když na něj najedu, je tam stále ten samý. :-( Díky
Jaroslavvv
Profil *
Tak nakonec vše funguje. Bylo to špatným editorem. Děkuji moc!
bobik
Profil *
Dobrý den,chtěl bych se zeptat jak by vypadal zápis při změně velikosti obrázku.Úvodní obrázek potřebuji zmenšit,obrázek pod myš zmenšovat nepotřebuji.Jde to,nebo musím mít obrázky předem připravené.Děkuji moc za pomoc.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0