Az lenne a feladatom, hogy egy Wordpress oldalon úgy oldjam meg a menü (felső sorban történő) megjelenítését, hogy a logo középen ossza ketté a menüt. Azaz a logótól balra is, jobbra is látsszanak a menüpontok – számítógépen. Telefonon persze szépen "rejtésből" jöjjenek elő, ahogy az egy adaptív oldalhoz illik. Hogyan indulnátok el?
(Én azt tettem, hogy készítettem két menüt, de ez a telefonon nem jó, mert mindkét "rejtésből" ugyanaz akar előjönni.)
Szerk: Lett egy kamu (magyar és angol) menüpont, ami fölé odavarázsolom a logót, melyet a @media(max-width: 980px) részből eltüntetek (display:none).
- 1584 megtekintés
 
Hozzászólások
Menüpontok pozícionálása CSS-sel? Pont ott lesznek, ahová szeretnéd rakni.
"Telefonon persze szépen "rejtésből" jöjjenek elő, ahogy az egy adaptív oldalhoz illik. Hogyan indulnátok el?"
Utánaolvasnék. (Vagy megírnám 0-ról, vagy felraknék egy menu-plugint a sok közül.)
- A hozzászóláshoz be kell jelentkezni
 
- A hozzászóláshoz be kell jelentkezni
 
Flash a kinézett sablon neve. De megnézem az említett a Divit is, gusztusosnak tűnik. Már maga a neve is biztató (div-s).
- A hozzászóláshoz be kell jelentkezni
 
Tudnál segíteni, hogy Diviben hogy lehet megoldani a menü kettéválasztást a logo mentén? (Ha az mást jelent, mint a fenti "kamu menüpont" megoldás.)
- A hozzászóláshoz be kell jelentkezni
 
Elmagyaráznám a megrendelőnek, hogy ez miért nem jó, és rábeszélném egy szimpla menüre. :DDDD
Viccen kívül: ez egmen is érdekel, mert hátha szembejön egy ilyen kérés. Így kapásból én is a css-ben kezdeném el megoldani szerintem.
---
Ó, hogy a hatalmas Kublaj kán üssön rajtad, és a házad népén!
- A hozzászóláshoz be kell jelentkezni
 
Akár a középső menüpont lehetne maga a logó, ami a főoldalra visz. Ennek adsz egy egyedi osztályt és megformázod CSS-ben ahogy kell.
Mobilon meg rejted.
- A hozzászóláshoz be kell jelentkezni
 
Köszi.
- A hozzászóláshoz be kell jelentkezni
 
- A hozzászóláshoz be kell jelentkezni
 
Kezdetnek mondjuk összevonod az osztályokat.
És szerintem az összes osztályt sem kell felsorolni ami mind rajta van a menüpontokon, elég az ID-t:
#menu-item-42,
#menu-item-48 {
    background-image: url("...logo.png");
    padding-left: 11px;
    padding-right: 13.6em;
    color: #ffffff;
}
@media(max-width: 980px) {
    .boxed .tg-container {
        width: 98%;
    }
    #menu-item-42,
    #menu-item-48 {
        display: none;
    }
}
- A hozzászóláshoz be kell jelentkezni
 
Köszi!! És tetszik a http://blintdesign.hu oldalad! :-)
- A hozzászóláshoz be kell jelentkezni
 
Nincs mit!
Pfff, pedig az már olyan elavult mint állat.
Már 2 éve készült az új oldalam, ami mára már megint csak elavultnak számít, ezért pár hete belekezdtem megint egy újba, de félek, hogy az sem készül el soha :D
Sajna ilyen ez a szakma, évente több tucat oldalt megcsinálok másoknak, de valahogy az enyém mindig csak tolódik :)
- A hozzászóláshoz be kell jelentkezni