Pozadí stránky

02. pro 2014 22:41 - 02. pro 2014 22:44 #119191

Odpověď od Ernst

Joomla Expert

díky moc, to už funguje. to se budu muset doučit (to je css3?)

Kdyby se Vám chtělo, tak na dvě věci nemohu přijít.
Když rozkliknu "projekty", tak se menu taky zobrazí ve špatné barvě (to ale snad mohu na základě předchozího dohledat)

Horší jsou vlaječky jazyků nahoře. Pole bylo tak velké, že jsem ho musel zmenšit, protože překrývalo poslední položky horního menu (neviditelně), takže ty nešly vybrat.
Přidal jsem:
ul.lang-inline {
max-width: 200px;
text-align: center;
}

a změnil
#line {
padding: 5px 0 2px 2px;
position: absolute;
right: 10px;
left: 890px;
top: 0.5em;
max-width: 40em;
text-align: right;
min-width: 40em;}

Tím se mi však stane, že když hodně zůžím okno, vyjedou mi vlaječky mimo něj

Nevíte co s tím?

Dá se někde nastavit, kdy se už po zůžení okna objeví dolní posuvník a okno už se nepřizpůsobuje? To by také bylo řešení.

PS omlouvám se za neznalosti, je to můj první projekt v joomle 3

02. pro 2014 23:08 #119192

Odpověď od Cony

Moderátor

Gradient pozadí je opravdu CSS3. Doporučuji se podívat na nástroj Ultimate CSS Gradient Generator - jednoduše si naklikáte co chcete za gradient a CSS kód se Vám vygeneruje.

Pro zjištění podpory různých CSS3 vlastností je pak ideální Can I Use .

02. pro 2014 23:23 #119193

Odpověď od Cony

Moderátor

Ono to není tak o Joomle jako o CSS

Při absolutním pozicování nastavujte buď left (vzdálenost levé hrany objektu od levé hrany nadřazeného objektu pro pozicování) NEBO right (vzdálenost pravé hrany od pravé hrany).

Pokud nastavíte nějakému prvku max-width i min-width na stejnou hodnotu, má to stejný efekt jako by jste nastavil přímo width. Navíc používáte pro rozměr hodnotu v jednotkách em - nikdy tedy nevíte jak přesně bude objekt velký.

Mělo by Vám stačit třeba

Code:

#line {
padding: 5px 0 2px 2px;
position: absolute;
right: 10px;
top: 0.5em;
min-width: 200px;
}
ul.lang-inline {
text-align: right;
}

V CSS ale máte zbytečně obecnou definici #header ul která Vám styluje menu ale i ty jazyky, chtěl by jí to zkonkrétní, a jazyky si nastylovat zvlášť, aby Vám je tato definice neovlivňovala.

Poděkovali: Ernst

03. pro 2014 00:25 #119195

Odpověď od Ernst

Joomla Expert

em tam bylo, kde to upravuji, měním to na pixely.
nevím, zda to stihnu ještě dnes, ale určitě Váš návod vyzkouším a dám vědět

03. pro 2014 02:08 #119200

Odpověď od Ernst

Joomla Expert

Tak mi to nedalo a šel to zkusit a studovat. Funguje správně, jen jsem si do header ul doplnil text-align: right;, to lépe vypadá.
To
ul.lang-inline {
text-align: right;
} nefungovalo.
Teď jdu studovat, proč to vlastně mělo být takhle.
Něco takového jako www.jakpsatweb.cz/css/css-vlastnosti-hodnoty-prehled.html (to už mám nastudované) pro css3 asi neni?

Ještě jsem nenašel tu úpravu barvy pozadí podmenu (třeba projekty). Nenaťuknete prosím?

Přihlásit se

Pozadí stránky

Nejnovější příspěvky