Problém s CSS

Patrik
27. čec 2017 22:46 - 27. čec 2017 22:53 #131916
Zdravím,
vopred sa ospravedlňujem za nasledujúci príspevok, ale nie som v CSS až taký zbehlý. Mám taký problém, že chcel by som na hlavnej stránke nastaviť background-color článkom. Problém ale je, že keď so to nastavil, podfarbenie sa nastavilo aj pre články na ostatných stránkach, nielen na hlavnej. Vie mi niekto poradiť, ako dosiahnuť pomocou CSS, aby mali podfarbnenie nastavené iba články na hlavnej stránke? Napadlo mi využiť PageClass, ktorý nastavím hlavnej stránke v menu, ale neviem, či to robím dobre. Do PageClass som napísal "MyHomePage" a do templatu šablóny nasledovné:

div.MyHomePage article.item {
margin-bottom: 10px;
background-color: #f5f5f5;
margin: 0 5px 12px 12px;
padding: 5px;
width: 275px;
height: 820px;
}

Na stránke sa však nič nepremietlo. Čo robím zle?
Ešte mi napadlo, že by som to mohol urobiť aj cez samostatné CSS-ko, ale neviem, kde mám názov CSS súboru napísať a či ho napísať aj s príponou, alebo bez prípony.
Tu je ukážka, ako by som to chcel, ale iba na hlavnej stránke:

www.ksjl.ff.ukf.sk/

Vďaka za každú radu! ;-)

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od Bong
27. čec 2017 23:58 #131917
Ale ono vám to funguje, jenže jste si to nějak počunil.

Smažte, nebo zakomentujte:

margin-bottom: 10px;
margin: 0 5px 12px 12px;
padding: 5px;
width: 275px;
height: 820px;

a uvidíte co se bude dít...

I'm sorry, my responses are limited...you must ask the right questions.

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od Patrik
28. čec 2017 09:45 #131918
Funguje to, pretože teraz to mám zapnuté len na ukážku pre všetky articles, teraz to mám v CSS takto:
article.item {
margin-bottom: 10px;
background-color: #f5f5f5;
margin: 0 5px 12px 12px;
padding: 5px;
width: 275px;
height: 820px;
}
Takto to funguje. Len problém je, že to chcem použiť iba na hlavnej stránke, teraz sa to použije na všetky stránky. Odkomentovanie som už skúšal...

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od Bong
28. čec 2017 11:35 - 30. čec 2017 00:00 #131919
Můžete si udělat kopii celé šablony, tuto si upravit dle libosti a použít jen pro požadovanou položku menu.
Můžete si upravit CSS a použít pro položku menu jen třídu.

Hezky je to popsáno v dokumentaci docs.joomla.org/Using_Class_Suffixes

I'm sorry, my responses are limited...you must ask the right questions.

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od ferino
01. srp 2017 22:09 #131949
Druhá možnosť je použiť modul
extensions.joomla.org/extension/blank-module/
do neho vložiť CSS, alebo link na CSS súbor
nastaviť na existujúcu pozíciu podľa šablóny a priradiť pre hlavnú stránku

Nemusí to fungovať pre akúkoľvek šablónu, treba vyskúšať...

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od Patrik
02. srp 2017 12:02 #131950
Vďaka za tip s tou kópiou šablóny, funguje to ;-). Skúšal som i ten modul, ale to nešlo... Ale aj tak vďaka :-).

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.