Tooltips a CSS
Szia, kedves barátaim. Néhány nappal ezelőtt az egyik ügyfél jött hozzám azzal a kéréssel, hogy módosítsa a honlapján. Vagy inkább, hogy egy új jelentkezési lapot a honlapon, mint a régi forma cserélni.
És megkérdezte, hogy döntetlen minden formája terén tooltip. Ön valószínűleg látta ezeket a tippeket, ha hozza az egeret egy kép vagy egy szót, a tooltip.
Lehetőségek ezen javaslatok természetesen bővelkedik. Én, természetesen, összpontosítva minimalizálva a terhelés a szerveren, úgy döntöttem, hogy a pop-up tippek segítségével HTML és CSS. Elég egyszerű és niskolechko nincs a kiszolgáló terhelését.
A kilátás a hegy függ a készségek és a képzelet. Formájában az ügyfél, rájöttem, hogy ezt a képet egy kérdőjellel a beviteli mezőbe a kurzort a tooltip jelenik meg.
Egy példa a végrehajtás a tooltip
Nos, általában minden, amit tettem, az ügyfél elégedett volt. Úgy döntöttem, hogy ossza meg ezt a módszer létrehozása eszköztippekhez, barátaim.
Hogyan hozzunk létre pop-up tippeket
Tehát, az egész folyamat elviszi nem több, mint 5 perc. Először el kell dönteni, hogy hogyan fog kinézni a tárgy, amely vonzza a figyelmet. Ez azt jelenti, hogy lehet egy képet, hogy néz ki, mint egy egyszerű tooltip létrehozott CSS stílusokat. És csatolja a képet. vagy szó (kifejezés) A tooltip kötődik egyetlen szót sem. .
Ahhoz, hogy rögzítse a tooltip egy képre, a kép először meg kell optimalizálni. majd feltölteni a webhelyen. Azt hiszem, tartózkodási rajta nincs értelme. Továbbá, azon a helyen, ahol szeretné megjeleníteni ezt a képet, és a következő utasítást, illetve az alábbi kód:
Ha egy szót vagy kifejezést a beszúrni kívánt kódot itt, azon a helyen, ahová a kiadási utasításokat.
Most be kell helyeznünk stílusok a CSS stíluslapot a legtöbb esetben ezt a fájlt style.css.
Mint látható, tettem javaslatot az Ön számára. Csak akkor kell változtatni, hogy megfeleljen a tervezési és élvezheti a tippek. És ha a látogató van valami, hogy töltse ki, regisztrálni az oldalon, vagy tesz semmit, a prompt csak kell. És a látogatók lesz túlságosan hálás.