Alex Dunae

This plugin adds classes or IDs (your choice) to the <code>LI</code> tags generated by WordPress’ <code>wp_list_pages()</code> and <code>wp_nav_menu()</code> functions.
I found it very frustrating to style the output of these menus without having access to these attributes. This plugin allows you to style the output of <code>wp_list_pages()</code> and <code>wp_nav_menu()</code> with CSS.
The class name or ID is derived from the URL of the page.
For example,
<ul>
<li><code>/about/</code> could have the class <code>about</code>. </li>
<li><code>/about/faq/</code> could have the class <code>about_faq</code>.</li>
</ul>
If a page does not have a URL (e.g. your front page) the plugin will set the <code>class</code> or <code>id</code> (depending on what you selected) to <code>frontpage</code>, adding whatever prefix you requested.
For example,
<ul>
<li><code>/</code> could have the class <code>pg_frontpage</code>. </li>
</ul>
Existing classes (e.g. <code>page_item</code> or <code>current</code>) are left untouched.
<h4>Sample output</h4>
<pre><code><li id="nav-a-new-page" class="first page_item page-item-4"><a href="http://example.com/a-new-page/" title="A new page">A new page</a></li>
<li id="nav-about" class="page_item page-item-2"><a href="http://example.com/about/" title="About">About</a></li>
<li id="nav-another-new-page" class="last page_item page-item-6"><a href="http://example.com/another-new-page/" title="Another new page">Another new page</a></li>
</code></pre>
<h4>Configuration</h4>
Using the <code>Classy wp_list_pages</code> tab in the options panel you can choose whether you want to use IDs or classes, set the token separator and add an optional token prefix.
You can also specify a class to add to the first and last items in a list.
Pretty straight forward…
<h3>Contact and Credits</h3>
Written by Alex Dunae ( <a href="http://dunae.ca/" rel="nofollow ugc">dunae.ca</a> ), e-mail ‘code’ at the same domain), 2007-09.

Plugin Name: Classy wp_list_pages

Adds a uniqe class or ID attribute to each LI tag generated by wp_list_pages() and wp_nav_menu() allowing them to be individually styled with CSS.

thomstark

Adds browser-specific body classes for styling, and shortcodes to show or hide content to/from specified browsers and devices.
<ul>
<li>
As of v1.6, compatible with WordPress 3.9.
</li>
<li>
As of v1.5, includes new body classes, including catch-alls like: desktop, handheld, mobile, and tablet.
</li>
<li>
As of v1.4, includes Shortcode Generator Modal Window, and 16 new Browser Body Classes, for a total of 33.
</li>
<li>
As of v1.3, includes Shortcode Generator Meta Box, and an Options page, with the option to restrict access to the Meta Box according to user capability, or disable it altogether.
</li>
</ul>
Browser Body Classes with Shortcodes provides more than 40 browser-specific body classes to make styling your site for different platforms and devices a cinch. The plugin also comes with two powerful, yet simple, shortcodes to specify which browsers/devices to show content to, and which to hide it from. Still don’t feel like typing all those browser names? No worries! Browser Body Classes with Shortcodes comes with two different shortcode generators, with options to control who gets to use them.
The two shortcodes each have just one required attribute: [showto browser=””][/showto] and [hidefrom browser=””][/hidefrom]
<ul>
<li>Example: [showto browser=”firefox ie10″] Your Content [/showto] </li>
</ul>
This will show the content only to Firefox and IE10.
<ul>
<li>Example: [hidefrom browser=”opera safari chrome”] Your Content [/hidefrom]</li>
</ul>
This will hide the content only from Opera, Chrome, and Safari.
<ul>
<li>Example: [hidefrom browser=”unknown”] Your Content [/hidefrom]</li>
</ul>
This will hide the content from any browser not in the list of browser options below.
Note: You can use other shortcodes inside these shortcodes. You can also put a [hidefrom] shortcode inside a [showto] shortcode, but not the other way around.
<ul>
<li>Example: [showto browser=”firefox chrome”]Chrome and Firefox will see this. [hidefrom browser=”firefox”]Firefox won’t see this but Chrome will.[/hidefrom][/showto]</li>
</ul>
Browser options must be all lowercase and must contain a space or a comma between them if multiple are used. Acceptable Browser options are:
<ul>
<li>
desktop
</li>
<li>
handheld
</li>
<li>
tablet
</li>
<li>
mobile
</li>
<li>
ios
</li>
<li>
firefox
</li>
<li>
chrome
</li>
<li>
safari
</li>
<li>
opera
</li>
<li>
maxthon
</li>
<li>
msie
</li>
<li>
ie5
</li>
<li>
ie6
</li>
<li>
ie7
</li>
<li>
ie8
</li>
<li>
ie9
</li>
<li>
ie10
</li>
<li>
ie11
</li>
<li>
ns4
</li>
<li>
lynx
</li>
<li>
samsunggalaxytablet
</li>
<li>
kindlefire
</li>
<li>
kindlesilk
</li>
<li>
ipad
</li>
<li>
iphone
</li>
<li>
ipod
</li>
<li>
android
</li>
<li>
blackberry
</li>
<li>
skyfire
</li>
<li>
operamobile
</li>
<li>
operamini
</li>
<li>
samsung
</li>
<li>
winmobile
</li>
<li>
iemobile
</li>
<li>
nokia
</li>
<li>
motorola
</li>
<li>
palm
</li>
<li>
symbian
</li>
<li>
lg
</li>
<li>
blazer
</li>
<li>
bolt
</li>
<li>
unknown
</li>
</ul>
<h3>Requirements</h3>
<ul>
<li>
PHP 5.2+
</li>
<li>
WordPress 3.3+
</li>
</ul>

Browser Body Classes with Shortcodes

Adds browser-specific body classes for styling, and shortcodes to show or hide content to/from specified browsers and devices.

Plugin Name: Classy wp_list_pages vs Browser Body Classes with Shortcodes