Elem eltüntetése a weboldalról gyorsan (nem elegáns megoldás)

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!

Cikkértesítő

Ha nem szeretne lemaradni az új cikkekről, akkor iratkozzon fel az értesítőre!

Szólj hozzá!

A honlap cookie-kat használ. Részletek

A hatályos jogszabályok alapján kötelező tájékoztatni a látogatókat, hogy a weboldal ún. cookie-kat használ és tárol a számítógépén. Ha ezt nem szeretné, akkor a böngészője megfelelő beállításait használva tiltsa le a cookie-k tárolását, vagy zárja be a weboldalt. Mik azok a cookie-k? Hogyan tudja tiltani a tárolásukat? Hogyan kezelem a személyes adatokat? Mindenre választ ad a részletes adatvédelmi és cookie tájékoztatóm.

Bezárás