Značka titulku modulu
23. úno 2015 05:33 #120375
Poraďte prosím, jak má vypadat zápis v CCS, pokud chci změnit formátování titulku modulu? (modul Nabídka)
Správce modulů / Pokročilé / Značka titulku modulu: pokus
V CSS:
div.pokus > h3 {
color: #21698D;
text-shadow: 3px 3px 5px #5A863F;
background-color: #AD1649;
}
Takto to ale nefunguje...
Cílem je, že chci změnit mj. barvu pozadí titulku.
Správce modulů / Pokročilé / Značka titulku modulu: pokus
V CSS:
div.pokus > h3 {
color: #21698D;
text-shadow: 3px 3px 5px #5A863F;
background-color: #AD1649;
}
Takto to ale nefunguje...

Cílem je, že chci změnit mj. barvu pozadí titulku.
23. úno 2015 10:27 #120378
Odpověď od Houbák
Zkušený uživatel
Odkaz na web? Je možné, že vám to nějaký jiný css zápis přebíjí. A máte vůbec nadpisy modulů v H3?
23. úno 2015 17:42 #120384
Odpověď od Jindřich Havel
Začátečník
Dobrý večer, děkuji za typ, prověřil jsem to a je to zřejmě v pořádku. 
V CSS je to až na konci souboru.
Zatím to mám pouze na localhost...

V CSS je to až na konci souboru.
Zatím to mám pouze na localhost...
23. úno 2015 19:24 #120387
Znáte-li řešení, sdělte ho - pomůžete ostatním při řešení stejného problému, i případný "rádce" bude vědět, poradil-li správně nebo špatně.
Odpověď od karel

Zkušený uživatel
Záleží jakou máte šablonu, přesněji - zda se vůbec třída k titulku aplikuje.
Navíc: pokud máte v HTML:
tak v CSS máte mít např.:
jsfiddle.net/oqznnfgL/
www.jakpsatweb.cz/css/priklady/index.html#zacatecnicke
Navíc: pokud máte v HTML:
Code:
<div>
<h3 class="pokus">Nadpis modulu</h3>
...
</div>
Code:
h3.pokus {
color: #21698D;
text-shadow: 3px 3px 5px #5A863F;
background-color: #AD1649;
}
jsfiddle.net/oqznnfgL/
www.jakpsatweb.cz/css/priklady/index.html#zacatecnicke
Znáte-li řešení, sdělte ho - pomůžete ostatním při řešení stejného problému, i případný "rádce" bude vědět, poradil-li správně nebo špatně.
Poděkovali: Jindřich Havel
24. úno 2015 11:35 #120395
Odpověď od Jindřich Havel
Začátečník
Šablona: Protostar
Možná se skutečně neaplikuje, použiji-li v prohlížeči "Prozkoumat prvek", tak tam u h3 pokus vůbec není uvedeno
Možná se skutečně neaplikuje, použiji-li v prohlížeči "Prozkoumat prvek", tak tam u h3 pokus vůbec není uvedeno

24. úno 2015 18:49 #120399
Znáte-li řešení, sdělte ho - pomůžete ostatním při řešení stejného problému, i případný "rádce" bude vědět, poradil-li správně nebo špatně.
Odpověď od karel

Zkušený uživatel
U protostar jsem objevil přiřazení u "styl modulu": xhtml
Jinak lze pomocí " Output Override " u libovolného stylu zadanou třídu přidat.
Jinak lze pomocí " Output Override " u libovolného stylu zadanou třídu přidat.
Znáte-li řešení, sdělte ho - pomůžete ostatním při řešení stejného problému, i případný "rádce" bude vědět, poradil-li správně nebo špatně.
27. úno 2015 21:02 #120480
Odpověď od Jindřich Havel
Začátečník
Děkuji za všechny odpovědi, zvláště za 23. úno 2015 19:24 toto mi už funguje, ale je to jinak, než jsem vlastně chtěl. Pozadí se změní jen za textem nadpisu, což je mi teď jasné, že je to správně...
Můžete prosím ještě jednou poradit, chtěl bych to podobně, jako je to na tomto fóru, např u Nástroje fóra zde vpravo. A pokud víte a poradíte, jak tu barvu pozadí roztáhnout ještě o pár pixelů, aby to pokrylo až po ten border, tak to bude úplně tak, jak potřebuji.
Můžete prosím ještě jednou poradit, chtěl bych to podobně, jako je to na tomto fóru, např u Nástroje fóra zde vpravo. A pokud víte a poradíte, jak tu barvu pozadí roztáhnout ještě o pár pixelů, aby to pokrylo až po ten border, tak to bude úplně tak, jak potřebuji.
27. úno 2015 22:16 - 27. úno 2015 22:23 #120482
Znáte-li řešení, sdělte ho - pomůžete ostatním při řešení stejného problému, i případný "rádce" bude vědět, poradil-li správně nebo špatně.
Odpověď od karel

Zkušený uživatel
Jestli jsem dohledal výchozí nastavení z protostar správně, tak v příkladu:
jsfiddle.net/qLtzz4tL/2/
vás bude zajímat (nebo poslouží jako příklad) záporný margin:
Dalo by se to řešit i lépe, ale obávám se, že řešení skrz diskuzi by bylo "na dlouho".
Jinak, pokud ještě nepoužíváte, doporučuji ve vašem oblíbeném prohlížeči nastudovat nástroje skryté pod F12 (nástroje pro vývojáře)
jsfiddle.net/qLtzz4tL/2/
vás bude zajímat (nebo poslouží jako příklad) záporný margin:
Code:
.well .page-header {
...
margin: -19px -19px 10px -19px;
...
}
Jinak, pokud ještě nepoužíváte, doporučuji ve vašem oblíbeném prohlížeči nastudovat nástroje skryté pod F12 (nástroje pro vývojáře)
Znáte-li řešení, sdělte ho - pomůžete ostatním při řešení stejného problému, i případný "rádce" bude vědět, poradil-li správně nebo špatně.
02. bře 2015 14:43 #120530
Odpověď od Jindřich Havel
Začátečník
Margin - tak takové řešení mě vůbec nenapadlo?!?
Už to mám aplikované a funguje to! Poslední otázka k tomuto, můžete prosím naznačit, ten další způsob jak jste se zmiňoval? Zkusím to nastudovat...

02. bře 2015 20:03 - 02. bře 2015 20:04 #120555
Znáte-li řešení, sdělte ho - pomůžete ostatním při řešení stejného problému, i případný "rádce" bude vědět, poradil-li správně nebo špatně.
Odpověď od karel

Zkušený uživatel
Další způsob (ke studiu - lze pomoci něj přepisovat i jiné systémové výstupy)*1 je
(po zkopírování šablony ( docs.joomla.org/J3.x:Modifying_a_Joomla!_Template ) :
upravit ~/templates/šablona/html/modules.php (přeskupit elementy, přidat/změnit CSS třídy)
1) anglicky "Overrides":
docs.joomla.org/How_to_override_the_outp...rom_the_Joomla!_core
docs.joomla.org/Understanding_Output_Ove...ating_Layout_Files_2
(po zkopírování šablony ( docs.joomla.org/J3.x:Modifying_a_Joomla!_Template ) :
upravit ~/templates/šablona/html/modules.php (přeskupit elementy, přidat/změnit CSS třídy)
1) anglicky "Overrides":
docs.joomla.org/How_to_override_the_outp...rom_the_Joomla!_core
docs.joomla.org/Understanding_Output_Ove...ating_Layout_Files_2
Znáte-li řešení, sdělte ho - pomůžete ostatním při řešení stejného problému, i případný "rádce" bude vědět, poradil-li správně nebo špatně.