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.

<ul id="menu">
<li><a href="#">Index</a></li>
<li><a href="#">index2</a>
<ul>
<li><a href="#">index2-1</a></li>
<li><a href="#">index2-2</a></li>
<li><a href="#">index2-3</a></li>
</ul>
</li>
</ul>

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í:

Cufon.replace('#menu > li', {
hover: true,
hoverables: { li: true },
ignore: { ul: true },
textless: { li: true }
});

Zdroj:

  • GITHUB. GitHub: FAQ [online]. 2012. vyd. [cit. 2012-10-30]. Dostupné z: https://github.com/sorccu/cufon/wiki/FAQ#wiki-faq-10
Zaujal Vás článek? Informujte ostatní