Menük és a CSS

[Sipi]

Átnéztem úra a templatem/css/template.css -t és nemtaláltam még mindig benne.. Milyek nézzem át??

[coilevi]

coilevi által említett 2 css-ben biztos, hogy egyikben sem állítható ez a háttér átnéztm mindegyiket.

Én láttam a Web Developer Tool-lal ott egy hivatkozást a
.shop_error, .shop_warning, .shop_info, .shop_debug, .shop_critical, .shop_tip
sorra, line 237, aminél az első sor a
background-color: #fafad2;
ami tényleg egy olyasmi sárga, mint az említett háttér. A betűszínre ennél a résznél nem látok saját formázást, tehát azt máshonnan szedi (gondolom template.css), ha azt másmilyenre szeretnéd, akkor azt is ugyanitt érdemes definiálni (color: ...; ). Persze erre a felugró ablakra gondolom csak az egyik class vonatkozik, mondjuk a .shop_warning (nem tudom, meg kell nézni/ki kell próbálni), tehát ha azt szeretnéd, hogy csak erre vonatkozzon a változtatás, akkor az eredeti formázás után, külön tedd be ezt az 1-2sort, csak arra vonatkozóan. Tehát az eredeti formázások után mondjuk:

.shop_warning {
background-color:white;
color:black;
}

Mondom, nem tudom, hogy pont a .shop_warning vonatkozik-e erre pont, de valamelyik az lesz.

[coilevi]

Sajnos a coilevi által javasolt li > ul > li > a css child selector csak valódi böngészőknél működik, az IE6 nem az.
Ha nem kell, hogy IE6 alatt működjön, akkor használható (még IE7 sem kezeli töklétesen).

Igen, ezt tényleg kihagytam a számításból. Nincs valakinek ötlete? A kérdés az, hogy az almenüknek hogy kell külön formázást adni? Vagy valami bővítményt kéne ehhez használni? Állandóan látható almenüket szeretnék, de a szülő elemektől eltérő formázással.

[Sipi]

ISTEN VAGY! Ahogy monod
Sikerült is, Köszönöm szépen ! Ment a plussz

[beef]

Pontosan nem tudom a menü felépítését, de egy általános szabályt leírhatok:

pl html:

Kód: Az összes kijelölése

<ul class="menu">// első szint
<li><a>főmenü 1</a></li>
<li><a>főmenü 2</a>

  <ul>// második szint
   <li><a>almenü 2 1</a></li>
   <li><a>almenü 2 2</a>

    <ul>// harmadik szint
     <li><a>almenü 2 2 1</a></li>
     <li><a>almenü 2 2 2</a></li>
     <li><a>almenü 2 2 3</a></li>
    </ul>

   <li><a>almenü 2 3</a></li>
  </ul>
</li>
<li><a>főmenü 3</a></li>
</ul>


a css:

Kód: Az összes kijelölése

ul.menu li a { /* minden szint háttere piros lesz */
backgrund: red;
}
ul.menu li a li a { /* a második szinttől minden szint háttere zöld lesz */
backgrund: green;
}
ul.menu li a li a li a { /* a harmadik szinttől minden szint háttere kék lesz */
backgrund: blue;
}


Fontos, ahány szint van addig kell ismételni a li a hivatkozásokat és minden szintre meg kell adni, amit módosítani akartok!

[coilevi]

No, az eredeti kérdésemet sikerült megoldani - leírom, hátha valakinek megspórolok vele pár órát.

A kérdésem az volt, hogy hogy tudom a különböző szintű menüket külön formázni?

Letöltöttem az Extended Menu c. kiegészítőt (létezik amúgy J!1.0-ra is), felinstalláltam, és az eredeti menü moduljával kicseréltem (az eredetit letiltottam, ezt publikáltam, és a modulon az eredeti menüszerkezetet használtam). Letöltöttem hozzá a szerző oldaláról egy ahhoz hasonló kinézetű alapot, mint amit akarok (vannak fenn különböző template-ek), és a .zip csomagban lévő menu.css-t átalakítottam a saját kedvemre. Egy menu.html fájl is van a csomagban, annak is a saját template gyökérmappájában kell lennie. Hogy abban mi történik, azt egyáltalán nem értem, mindenesetre működik. Hajszál híján ugyanolyan lett IE6-7, FF2-3, Opera9.62ben, 1db. class szorult külön IE-s formázásra.

[bukall]

Sziasztok!
Átolvastam ezt a fórumot, megpróbáltam csinálni modul CSS osztály utótagot, de nem sikerült sajnos...
Leirom mit csináltam, hogy lássátok, hol rontottam el.

Kód: Az összes kijelölése

.moduletable_piros {
background-color: red;
}

Ezt beirtam a template.css-be, majd az admin felületen egy bármilyen modulnak _piros css utótagot adtam.

Szóval, hol rontottam el, vagy valamit kihagytam?

[mano]

Megnéztem az oldalt, és most nem láttam egyik modulnál sem a _piros utótagot.
Állítsd be valamelyik modulnak és szólj, ránézek.

[bukall]

Hello!
Beállitottam a "Ki van itt" modulnak. Ahogy látszik elcsúszott egy picit, de a háttérszint nem állitotta be.

[bukall]

Siker!

Kód: Az összes kijelölése

.module_piros {
background-color: red;
}

Ennyit kellett csak a css-be irni, nem pedig azt amit ezelott raktam be.
Illetve megjegyzem, hogy modultól függ. Valahova module valahova moduletable kell.