Značka titulku modulu

Jindřich Havel
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.

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

Odpověď od Houbák
23. úno 2015 10:27 #120378
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?
Úřední deska

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

Odpověď od Jindřich Havel
23. úno 2015 17:42 #120384
Dobrý večer, děkuji za typ, prověřil jsem to a je to zřejmě v pořádku. :unsure:
V CSS je to až na konci souboru.
Zatím to mám pouze na localhost...
Přílohy:

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

Odpověď od karel
23. úno 2015 19:24 #120387
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:
<div>
<h3 class="pokus">Nadpis modulu</h3>
...
</div>
tak v CSS máte mít např.:
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

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

Odpověď od Jindřich Havel
24. úno 2015 11:35 #120395
Š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 :(

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

Odpověď od karel
24. úno 2015 18:49 #120399
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.
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ě.

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

Odpověď od Jindřich Havel
27. úno 2015 21:02 #120480
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.

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

Odpověď od karel
27. úno 2015 22:16 - 27. úno 2015 22:23 #120482
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:
.well .page-header {
...
margin: -19px -19px 10px -19px;
...
}
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)
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ě.

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

Odpověď od Jindřich Havel
02. bře 2015 14:43 #120530
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...

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

Odpověď od karel
02. bře 2015 20:03 - 02. bře 2015 20:04 #120555
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
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ě.

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