Tooltip (qTip jQuery)
http://craigsworks.com/projects/qtip2/ <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml”> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /> <title>Untitled Document</title> <link rel=”stylesheet” type=”text/css” href=”http://media1.juggledesign.com/qtip2/css/master.css” /> <link rel=”stylesheet” type=”text/css” href=”http://craigsworks.com/projects/qtip2/packages/latest/jquery.qtip.min.css” /> <link rel=”stylesheet” type=”text/css” href=”http://media1.juggledesign.com/qtip2/css/demos.css” /> <script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js”></script> <script type=”text/javascript” src=”http://craigsworks.com/projects/qtip2/packages/latest/jquery.qtip.min.js”></script> <script type=”text/javascript”> // Define our positioning and style arrays var at = [ ‘top right’ … Continue reading
Logged in and logged out content tutorial : BuddyDress
Display different contents for logged in/out users Logged in and logged out content tutorial : BuddyDress.
WordPress › Remove Title Attributes « WordPress Plugins
WordPress › Remove Title Attributes « WordPress Plugins.
Comments, Feed and wp_head
How to remove comments feed from wp_head go to /wp-includes/default-filters.php remove: add_action( ‘wp_head’, ‘feed_links_extra’, 3 ); How to exclude certain pages from RSS feed: (used rss-includes-pages ) <?php /** * Plugin Name: exclude page from rss feed. * * @package WordPress */ function myFilter($query) { if ($query->is_feed) { $query->set(‘cat’,’-327′); } return $query; } add_filter(‘pre_get_posts’,’myFilter’); … Continue reading
checkbox & radio custom style – CSS – Snipplr Social Snippet Repository
checkbox & radio custom style – CSS – Snipplr Social Snippet Repository. fixed a customized radio style: input[type=”radio”]:disabled + label{ background-position: -10px-10px; } input[type=”radio”]:disabled + label.checked { background-position: -10px-110px; }
Media Queries for Print
a.outlink:after { content:url(images/link.png); } @media print { a.outlink:after { content:none; } … } fixed an issue for print style. Just adjusted the order.
What’s the difference between html[lang=”en”] and html:lang(en) in CSS?
Another issue I met was that lang(fr-FR) didn’t work in ie7, the solution is changing it to [lang=”fr-FR”] css selectors – What’s the difference between html[lang=”en”] and html:lang(en) in CSS? – Stack Overflow.
How to solve background-img on multipleline text issue in ie7
Concerning the accessibility, it is better to have a outgoing icon at the end of outgoing link address. See the References section at the end of each wikipedia page. However, I found this feature doesn’t work in IE7, even in wikipedia site. Here is the solution: 1. enable ie7 js ie7-js – A JavaScript library … Continue reading
Design Note: 2 jQuery Slideshows
jQuery Image Gallery and Slider with Transition Effects | EGrappler. diagonalFade/
Accessible Slideshow Implementation
How do I check to see if my slideshow is accessible? disable script setting in IE refresh the page I found my slideshow was not accessible. Fortunately, I came across this article. After a little bit modifications, my site past this test. Cheers! Slick jQuery Slidehow: Demo. http://webaim.org/techniques/frames/
Julia's Design Blog 