Ha egy weboldal megjelenéséből valamit eltüntetnénk, a hagyományos módszer az lenne, hogy kikeressük az adott elemet a forráskódban, és a forráskódból törüljük az elem megjelenítését. Sokszor erre nincs idő, vagy hosszadalmas lenne – bár van gyorsabb módszer – ezért a legegyszerűbb megoldásra van szükségünk.
A “display: none;” CSS elem
A programozók “rémálma”, de ezzel most ne törődjünk, mert hatékony! 🙂 Arra találták ki, hogy valamit gyorsan elrejtsünk vele a weboldalunkról.
Egy példa:
Mondjuk el akarom tüntetni a cikkeim tetejéről a kategórialistát, ezt:
Nincs más teendőnk, mint a Google Chrome-ban jobb egérgomb => Vizsgálat (CTRL+SHIFT+I) gombot nyomni, majd a megjelenő Developer Tools segítségével beazonosítani a megfelelő forráskód részletet (1), majd ez alapján a kinézet css fájljában a megfelelő sorhoz (2) hozzáírni a display:none (3) sort.
Meg is vagyunk, innentől kezdve nem fog látszani a kategória rész!
Elolvasná a legújabb cikkeimet? Iratkozzon fel a bejegyzés értesítőmre!
(azonnal letölthető ajándék: 55 oldalas, "137 weboldal készítés hiba" című tanulmány)