Hogyan juthat el az embereket, hogy kattintson a linkek
Hogyan változtassuk meg a hivatkozások színét és a háttér referenciákat?
Ezt meg lehet tenni a segítségével CSS, a kód így fog kinézni:
Az eredmény az lesz a következő (a kód, meg tudjuk változtatni a színét a szöveg, a háttér színe, amelyen meg van írva a szöveg és a szélessége a szélei körül a szöveget):
Kattints a linkre egéráthúzáskor
Itt egy példa a kapcsolatok létrejöttét, de nem a szöveget, mivel hagyományosan, és kattintson. Néha meg kell emelni a kapcsolatot között a szöveget, szép gomb - csak mellesleg. Mi jön a támogatás a CSS:
Továbbra is alkalmazni a stílust a gyakorlatban. Ez valahogy így néz ki:
Ref kép
Hasonló hatást lehet díszíteni a link segítségével képeket lehet elérni az alábbi kódot. Felhívjuk figyelmét, hogy fogjuk használni két kép on.gif és off.gif, ezek befolyásolhatják mi vezetett rá az egér vagy egér törlik:
Kép megjelenítése, ha az egérrel egy linket
Ha meg kell mutatni egy képet, ha az egérrel egy linket (mint egy csipetnyi, illusztrációk, stb), akkor végre hasonló tiszta CSS:
Itt van a kód végrehajtását:
A fényképek ha az egérrel egy linket
Ennek eredményeként, ha lebeg a kurzort a link mellett fel kell tüntetni, a kép beállításait a pop-up ablakban.
Itt található tooltip, ha az egérrel egy linket
Az általunk forgalmazott tooltip, ha lebeg az egérmutatót a link a CSS kód:
tooltip border-bottom: 1px szaggatott # 000000; color: # 000000; vázlat: none;
kurzor: segíteni; text-decoration: none;
helyzet: a relatív;
>
.tooltip span margin-left: -999em;
pozíció: abszolút;
>
.tooltip: hover span border-radius: 5px 5px; -moz átnyúló-sugár: 5px; -webkit átnyúló-sugár: 5px;
box-árnyék: 5px 5px 5px RGBA (0, 0, 0, 0,1); -webkit-box-árnyék: 5px 5px RGBA (0, 0, 0, 0,1); -moz-box-árnyék: 5px 5px RGBA (0, 0, 0, 0,1);
font-family: Calibri, Tahoma, Geneva, sans-serif;
pozíció: abszolút; left: 1em; top: 2em; z-index: 99;
margin-left: 0; szélesség: 250 képpont;
>
.tooltip: lebeg img határ: 0; árrés: -10px 0 0 -55px;
float: left; pozíció: abszolút;
>
.tooltip: hover em font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: Bold;
display: block; padding: 0.2em 0.6em 0 0;
>
.klasszikus
.szokás
* Html: hover
.klasszikus
a.link, a.link: felkeresett a.link: hover color: # 000;
kurzor: szöveg;
text-decoration: none;
>
A HTML-oldal kódja propicyvaetsya:
Titkosított horgonylinkek
referencia kód is hasonlóképpen gondoskodik módja
Amikor az egérrel egy linket a felhasználó látni fogja a javaslatok sávjában „nem egy hivatkozó linket”, de ha rákattint egy ilyen kapcsolat, a böngésző megy csak „a hivatkozó linket”.
Tulajdonképpen ezek néhány népszerű példát, hogy a hivatkozás a weboldal kifejező és rá lehet kattintani. A legfontosabb dolog - ne vigyük túlzásba!
Én szakosodott biztonsági helyszínek: oldalak elleni támadások és betörés, vírusok csinálni kezelésére és megelőzésére oldalakon.
Bizonyára van valami kérdése, kérése vagy javaslata. Ne habozzon kérdezni, én mindig azonnal válaszol.
Írd meg, ha bármilyen kérdése van azt mondani, köszönöm!
Gyors visszajelzést
4 hozzászólás: „Hogy az emberek, hogy kattintson a linkek? "
Jelenítik meg a képeket, ha lebeg a linkre SO
Köszönöm szépen, végeztek egy kísérletet.
Köszönöm az érdekes információkat, meg kell próbálni, de a kérdés az, ha azt feltételezzük, alapuló minimális ismerete stíluslapok egy fájlt, hogy tegye a kódok, feltételes site powered by WordPress, a sablon, a single.php vagy a stíluslap? Köszönjük!
Styles () a stílus (style.css). Lehetőség van, és a felvétel / test az oldal, de egy kódot tisztaság első kiviteli előnyös.