Aktív menüpont eltüntetése CSS-sel
Remélem, itt tudtok segíteni, miután hiába próbálkoztam wp-fórumokon magyarul és angolul.
A http://pedikurspacczer.hu/ oldal wordpress sablonra épül.
A topmenüben látható "Lapozó" gombot szeretném eltüntetni erről az oldalról.Tehát ez felesleges, amikor ez az oldal van elől, vagyis amikor a link aktív.
A többi oldalról sikerült eltüntetni az aktív linket a Page Specific Menu Items bővítmény segítségével, de furcsa módon ez az első oldal nem szerkeszthető, mint egy szokásos oldal, csak a Testreszabásban.
A menüpontoknak adtam egy osztályt, elneveztem .itemek-nek.
Hiába írom be, hogy
.itemek a:active {
visibility: unvisible
}
Ez miért nem működik?
meg akármilyen tulajdonságot, ez nem működik.
Furcsa ez a sablon, mert ez az első oldal sehol sem jelenik meg oldalként vagy bejegyzésként az admin-ban, ez csakis a Testreszabásban szerkeszthető. Oda be lehet írni css kódot.
Mit tegyek?
■ A http://pedikurspacczer.hu/ oldal wordpress sablonra épül.
A topmenüben látható "Lapozó" gombot szeretném eltüntetni erről az oldalról.Tehát ez felesleges, amikor ez az oldal van elől, vagyis amikor a link aktív.
A többi oldalról sikerült eltüntetni az aktív linket a Page Specific Menu Items bővítmény segítségével, de furcsa módon ez az első oldal nem szerkeszthető, mint egy szokásos oldal, csak a Testreszabásban.
A menüpontoknak adtam egy osztályt, elneveztem .itemek-nek.
Hiába írom be, hogy
.itemek a:active {
visibility: unvisible
}
Ez miért nem működik?
meg akármilyen tulajdonságot, ez nem működik.
Furcsa ez a sablon, mert ez az első oldal sehol sem jelenik meg oldalként vagy bejegyzésként az admin-ban, ez csakis a Testreszabásban szerkeszthető. Oda be lehet írni css kódot.
Mit tegyek?
zűrzavar
Ne akard. Legyen ott az a link, csak látszódjon rajta, hogy azon az oldalon van épp a látogató. Amit szeretnél az szerintem egy elég zavaró dolog. Meglehet mások szerint is.
A kódrészletről:
visibility
-nek nincsunvisible
értéke.:active
pszeudoosztály az nem úgy lesz aktív, ahogy elképzelted. Ha jól emlékszem az akkor van, amikor fölötte lenyomva van az egérgomb.A többi pedig a wordpress és a sablon sajátos hülyeségei lehetnek, amivel többet kéne foglalkozni, mint amit én szívesen beletennék a probléma megoldásába.
Mégis hogyan?
A wp meg elég népszerű, nem tehetek róla, hogy van. De ha már van, akkor használom, ugyanakkor szívesen meghallgatom, hogy mi a baj vele. De itt konkrétan css-ről kérdeztem, és nagyon megköszönném, ha valaki erre válaszolna.
Amennyire én tudom nem fog
szerk:
Amúgy szerintem leginkább ez a gond a CMS-ekkel, hogy a vége mindig gányolás, mert vagy a CMS van rosszul megtervezve, és nem tudsz megcsinálni valamit a plugineddel, vagy más írja meg úgy a plugint, hogy nem tudsz megcsinálni vele valamit, és bele kell írni, onnantól meg káosz a biztonsági frissítése a pluginnek. Elhiszem, hogy kezdőként baromi jó vele dolgozni, mert az alapokat elég jól hozza, de ha egy kicsit is egyedibb dolgot akarsz (mint jelen esetben), akkor borul a bili, hiába ígérik azt, hogy olyan a cucc, hogy mindent össze tudsz kattintani benne.
Dehát nagyon szokásos, hogy
Nézd meg, hogy milyen css
Ezen kívül esetleg a pluginnek lehet még ilyen beállítása. A konfigját érdemes megnézni, gondolom superadmin oldalon érhető csak el. Vagy esetleg a kódját átfutni, hogy milyen beállítások vannak hozzá. Ha alapból nem támogatott a dolog, akkor írj a plugin fejlesztőjének, hogy tegye bele, vagy használj másikat.
Osztályok összehasonlítása
A 4 menüpont, amikor a "Munkáim" oldalon vagyok és annak a neve nem látszik, mert a bővítmény eltünteti:
Ezekkel kéne kezdeni
current_page_item
, viszont nincs meg a hide... class. (Ez utóbbit meg ki kéne venni, hogy ugyanazzal operálj mindenütt.)Erre a class-ra tudsz írni css-t, amit szeretnél, de én sem javasolnám az eltüntetést, inkább jobb színnel kiemelni az "aktív oldalt", mint eltüntetni a linkjét.
Arra is gondolj, hogy pl a "Munkáim" linkre kattintva az oldal betöltése után rögtön egy másik oldal linkje kerül az egerem alá, hacsak véletlenül is kattintok, máshova navigálok, mint akartam...
Eltüntetés itt jó
Most beírtam, hogy
Arra sem, hogy
Hova?
Ha egy másik css-ben is definiálva van ugyanerre a class-ra a háttérszín, akkor egyik felülírja a másikat. Hirtelen fejből nem tudom, hogy mi a sorrend ilyen esetben, ki kell próbálni.
Nézd meg böngészőben, hogy szerepel-e a stílusok között, és a te "red" háttered pl áthúzva lesz felsorolva (Chrome-ban így van), ha egy másik stílus felülírja. Ha sehogy sem szerepel a stílusok között, akkor rossz helyre "írtad be".
Amit már többiek is említettek, érdemes ezeket böngészőbe "épített" fejlesztői eszközökkel nézni. Chrome esetén ezt a CTRL + SHIFT + I billentyűkkel éred el, illetve ha az adott elemen (pl menü) jobb klikk után a lebegő menüből az Inspect (Vizsgálat) lehetőségre kattintasz. Alul jobb oldalon láthatod Styles címszóval az elemre épp érvényes stílusokat, valamint a felülírottakat is.
A sorrend problémáját lehet orvosolni
!important
jelöléssel is, de ez igazából rossz megoldás, mert épp a logikus sorrendiséget lehet vele felrúgni, plusz ha két helyen is szerepel ugyanarra, akkor megint bizonytalan a kimenetele. Tehát inkább azzal kell játszani, hogy a te css-ed töltődjön be hamarabb vagy később.Css-t nem látom
(Mellékesen: hogy lehet képeket feltölteni ide a hozzászólásba?)
Ott van a kutya elásva, hogy...
li
elementen belül van még egya
, meg egyspan
is. Ha azoknak van saját stílusuk, akkor amit írtál nem fognak érvényesülni. Próbáld ki.current_page_item a
, vagy.current_page_item span
selectorokkal megy-e. Illene. Érdekes egyébként, hogy csak ez az osztálynév van aláhúzásokkal elválasztva. :/Ez se ment... Azt hiszem, a
Azt hiszem, a sablonnal van baj, mert a láthatatlanná tevő bővítmény működik a többi oldalon, ez a kezdőoldal meg nem tudom, micsoda, mert nincs se az oldalak, se a bejegyzések között. A menübe is csak úgy sikerült betennem, hogy csináltam egy üres oldalt, annak címként megadtam a saját url-t. De a menübe meg kell, hogy a másik két oldalról legyen visszaút a lapozóhoz. Furcsa sablon. A többi wp sablonnal nincs ilyen probléma, de nekem ez tetszik. Persze ennek mintájára lehetne egy ugyanilyen saját oldalt is csinálni, liftező horgonyokkal. És azt betenni kezdőoldalnak.
Hol a current oldal?
Nem jó!
Nem display:none kellene
SOS: a szerkesztett Inspectort hogy mentsem el?
Be kell tenni a megfelelő CSS
Megvan! Oldal szerkesztése következik
Megvan! Lemásoltam az egész html-t és csináltam belőle egy önálló oldalt a wp-ben. Ott aztán ki tudtam kapcsolni a menüt. Lásd http://pedikurspacczer.hu/?page_id=1142. Egyelőre csak így lehet megtalálni, nem ez jelenik meg a domain-címmel.
Valahogy eltolódtak a horgonyok, az Árak-ra kattintva jön be az, ami az első szekcióba való, de ez már kisebb gond lesz.
- VS_
.current-page-item != .current_page_item
Nem mindegy, hogy kötőjel vagy aláhúzás.
A Firefoxos inspectorban a megfelelő stílust hozzáadva simán lehet módosítani a tulajdonságait, úgyhogy sima css-ből is mennie kéne.
Mit írjak be?
Mint eddig
Nice catch
Horgony-probléma
Szvsz ez már a fizetős munka
Fizetős
Fizetségért vállalja valaki? E-mailben kérek választ.
Megcsinálom html-ben
statikus html