Pokud používáte nějaký free cms (wordpress, joomla) a používáte Cufon, občas se dostanete do situace, která se řeší velmi špatně. Nedávno jsem se do takové situace dostal.

Měl jsem menu a v něm submenu. Požadavkem bylo, aby se cufon aplikoval jen na první menu, ale na druhé ne.

[sourcecode language=“html“]

[/sourcecode]

Dlouho jsem bádal a zkoušel rady, ale na nic jsem nemohl přijít. Jako první jsem vyzkoušel klasické dědění, tj. podle výběru potomků.

ul.menu > li

tj.: Cufon.replace (‚ul.menu> li‘);

Podle definice CSS by se tento zápis měl použít jen na první menu, nikoli na submenu. Podle API Cufonu by to dokonce mělo fungovat. Bohužel nefunguje.

Řešení je následující:

[sourcecode language=“js“]Cufon.replace(‚#menu > li‘, {
hover: true,
hoverables: { li: true },
ignore: { ul: true },
textless: { li: true }
});[/sourcecode]

Zdroj:

  • GITHUB. GitHub: FAQ [online]. 2012. vyd. [cit. 2012-10-30]. Dostupné z: https://github.com/sorccu/cufon/wiki/FAQ#wiki-faq-10
Líbil se vám článek? Sdílejte jej prosím: