- Hozzászólások: 5
- Köszönetek: 0
Kattinthatóság megjelenítése
- lucus
-
Témaindító
- Nem elérhető
- Junior Member
-
Kevesebb Több
2017 febr. 07 20:07 #1 Írta: lucus
Kattinthatóság megjelenítése téma létrehozva lucus által
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?
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!
- csezo
-
- Nem elérhető
- Elite Member
-
Kevesebb Több
- Hozzászólások: 335
- Köszönetek: 124
2017 febr. 07 20:22 #2 Írta: csezo
Ha értékesnek találtad a hozzászólást, azt a "KÖSZÖNÖM" gombbal jelezheted.
csezo válaszolt a következő témában: 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
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
-
- Nem elérhető
- Joomla ász
-
- Mindent lehet, csak akarni kell
2017 febr. 08 07:55 #3 Írta: kovacshazi
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
kovacshazi válaszolt a következő témában: 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/
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!
- csezo
-
- Nem elérhető
- Elite Member
-
Kevesebb Több
- Hozzászólások: 335
- Köszönetek: 124
2017 febr. 08 08:00 #4 Írta: csezo
Ha értékesnek találtad a hozzászólást, azt a "KÖSZÖNÖM" gombbal jelezheted.
csezo válaszolt a következő témában: Kattinthatóság megjelenítése
A megoldás ugyan az, csak tovább ragozva.
Az a:hover -hez tartozó stílus.
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
-
- Nem elérhető
- Joomla ász
-
- Mindent lehet, csak akarni kell
2017 febr. 08 08:03 #5 Írta: kovacshazi
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
kovacshazi válaszolt a következő témában: 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.
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!