Kérdés Kattinthatóság megjelenítése

Több
2017 febr. 07 20:07 #1 Írta: lucus
lucus létrehozta a témát: Kattinthatóság megjelenítése
A címet nem tudtam pontosabban megfogalmazni. Az oldalon vannak modulként behívott képek, amik mögé 1-1 cikk van rendelve.
Azt szeretném, hogy ezek közül a megfelelő képek fölé víve a kurzort azon kívül, hogy a kurzor kézfejjé változik, máshogy is megjelenjen a user számára, hogy a kép kattintható (vagy tartalom van mögötte). Az ilyenhez mit szokás használni? Ehhez is valami modul kell? Ha igen mit ajánlotok?

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2017 febr. 07 20:22 #2 Írta: csezo
csezo válaszolt a témára: Kattinthatóság megjelenítése
Ha az adott kép egy hivatkozás, akkor adsz a képnek egy stílus osztályt ( pl. class="klikkelheto")
azután a stíluslapon definiálod az adott osztály alatti link hover tulajdonságánál az egérkurzor megjelenését:
.klikkelheto a {
cursor:pointer;
}

Így ha a kép (pontosabban a hivatkozás) főlé viszi az egérmutatót, akkor az megváltozik
De ugyan így változtathatsz pl a kép méretén, opacity értékén, stb

Ha értékesnek találtad a hozzászólást, azt a "KÖSZÖNÖM" gombbal jelezheted.

Jelentkezz be, hogy te is részt vehess beszélgetésben!

  • kovacshazi
  • kovacshazi profilkép
  • Nem elérhető
  • Joomla rajongó
  • Joomla rajongó
  • Mindent lehet, csak akarni kell
Több
2017 febr. 08 07:55 #3 Írta: kovacshazi
kovacshazi válaszolt a témára: Kattinthatóság megjelenítése
Bocsi, de számomra nem teljesen tiszta a dolog, ha a képek eleve mint link működnek hiszen elvileg egy cikkre mutatnak, akkor ahhoz nem kell bűvészkedés, hogy a kurzor átváltozzon.
Ha azt szeretnéd, hogy a képek megjelenése eleve mutassa, hogy az egyébként egy link is és nem egy egyszerű kép akkor valóban kell egy stílus osztály a képeknek, de ott nem kell a kurzorral foglalkozni mert az a link miatt már kész, hanem esetleg érdemes a képekre a css-sel valami dizájn elemet rakni:
codepen.io/ianfarb/pen/ikeAf
www.cssportal.com/blog/adding-image-overlay-css/

Segítség Joomla és VirtueMart webáruház készítéséhet, problémák megoldásában
www.webprogramok.hu

Joomladay2013 - Budapest, Hungary
www.joomladay.hu

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2017 febr. 08 08:00 #4 Írta: csezo
csezo válaszolt a témára: Kattinthatóság megjelenítése
A megoldás ugyan az, csak tovább ragozva.
Az a:hover -hez tartozó stílus.

Ha értékesnek találtad a hozzászólást, azt a "KÖSZÖNÖM" gombbal jelezheted.

Jelentkezz be, hogy te is részt vehess beszélgetésben!

  • kovacshazi
  • kovacshazi profilkép
  • Nem elérhető
  • Joomla rajongó
  • Joomla rajongó
  • Mindent lehet, csak akarni kell
Több
2017 febr. 08 08:03 #5 Írta: kovacshazi
kovacshazi válaszolt a témára: Kattinthatóság megjelenítése
Szerintem a kérdező, nem csak a.hover, hanem az alapállapotban is szeretné jelölni, hogy a kép link. Ezért az a.img is szóba kell kerüljön.
De hagyjuk rá a döntést, ne mi találgassunk.

Segítség Joomla és VirtueMart webáruház készítéséhet, problémák megoldásában
www.webprogramok.hu

Joomladay2013 - Budapest, Hungary
www.joomladay.hu

Jelentkezz be, hogy te is részt vehess beszélgetésben!