Sliding Notes Lessons – Beware of HTML Tags In Title

Since I published Sliding Notes, I’ve repeatedly seen people formatting their slider button title italic, and thereby effectively inserting HTML tags into it, like so

[slider title=”some title“]…[/slider]

resulting in: some title»

This is not a practice I’d recommend. Instead, you should use inline CSS style to achieve the same effect,» like so

[slider title=”same effect” bstyle=”font-style:italic”]different approach[/slider]

I recommend this method, because the slider title is used verbatim to form the hint message that gets shown when you hover the mouse over the slider button. In the first case, the resulting message is literally “Expand collapse slider: <em>some title</em>”, which is probably not what you want.

I admit, the first approach seems to be the more intuitive one (and is more appealing, too), and a future version is likely to resolve this in a different way. Until then, I recommend to employ the alternative I’ve just described.

Related posts:

• YouTube Inside A Sliding Note
• WordPress CSS Accordion Menu With Sliding Notes In 3 Easy Steps
• Table Of Contents In The Sidebar
• Spam Blocking Technologies – A Quick Glance
• Slinding Notes – 1.1 Series Withdrawal