วันพุธที่ 10 ตุลาคม พ.ศ. 2555

Simple Jquery CSS Tabs and V3 Google Maps Resize

I had a recent need at work to create tabbed content using Jquery, and include V3 Google maps. Simple right? not likely. Thanks to Google, I came across an awesome post from Soh Tanaka, posted back in 2009. This was the perfect solution for Jquery tabs, but after a quick embed of google map code, revealed an issue with the version 3 Google map (in a hidden tab), which was loading off center. Another search on Google revealed this was a bit of a problem, with a few fixes, but none that really worked for me. It turns out that due to the use of the Jquery class “.hide();” google has no reference point for loading the map into the center, meaning it was loading into the top left. To give the map a reference point,...

วันพฤหัสบดีที่ 9 สิงหาคม พ.ศ. 2555

Dock Menu in Website

Dock Menu in Website (same Mac) View Demo | Download 1. Download Source Files Download the CSS dock menu zip package. 2. Insert Code In between the HTML <head> tag, add the following code 1 2 <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/interface.js"></script> 1 <link href="style.css" rel="stylesheet" type="text/css" /> 1 2 3 4 5 <!--[if lt IE 7]> <style type="text/css"> .dock img { behavior: url(iepngfix.htc) } </style> <![endif]–> 3. Configuration Don’t forget to add the following code to anywhere within the <body> tag: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <script...

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Web Hosting Coupons