About modal window widget

We already know about Modal windows and their behaviour, I was very much inspired by Lightbox and trying to use similar for my About screen, that is to show the About me in modal window. Thanks to Ericmmartin for the Simple modal window script. Demo can be viewed at http://ceblogs.blogspot.com/,click the About link in right side bar to view the window. 1.If needed you can download the scripts and upload it to your domain, download the scripts and css from http://www.ericmmartin.com/projects/simplemodal/#download site. 2.Backup your template (Safety First ). 3.Goto edit template and find </html> and copy the below code above it. <!-- Import jQuery and SimpleModal files --> <script src="'http://iqrajesh.googlepages.com/jquery.js'" type="'text/javascript'/"> <script src="'http://iqrajesh.googlepages.com/jquery.simplemodal.js'" type="'text/javascript'/"> <!-- About Modal Window Invoker --> <script src="'http://iqrajesh.googlepages.com/basic.js'" type="'text/javascript'/"> <link href="'http://iqrajesh.googlepages.com/basic.css'" media="'screen'" rel="'stylesheet'" type="'text/css'/"> 4.Save the template and click the below button to add the About Widget <br /><br /><br /><br /><div id="basicModal"><a href="#"> About Me</a></div><br /><br /><div id="basicModalContent" style="display:none"> <h1>About Me</h1> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </p> </div><br /><br /><br /><br />

5.Save the page elements, thats it we are done. 6.The code written in page element inside div "basicModalContent" is subject to change, change as per your imagination and requirement. 7.Edit basic.css for style changes in the window. 8.To close the window click the X button in the right top corner. 9.Dont forget to upload the basic.css and the x png image if you are using scripts from your domain.

This widget works fine with IE7 and Firefox 1.5+, I have not tested in other browsers.