tag:blogger.com,1999:blog-25798528326796762412024-10-01T06:15:57.484-07:00Advice, Resources, Sharing Knowledge Anonymoushttp://www.blogger.com/profile/06093796093955803479noreply@blogger.comBlogger16125tag:blogger.com,1999:blog-2579852832679676241.post-41115843348079242792010-08-05T00:15:00.000-07:002010-08-05T00:16:24.794-07:00<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS4hDw4R8FASbWDKi8i-P4UE6pqXs21U9dctaKwg0eYCey3N9A5_lkomIQXfY2pLrTpLZg5UdHGscbGTOAPrU-GrrdzaaCX6bxFeJfLnssrrefPlGnPl4tm7VY90LzREp-qwC77NlwMVM/s1600/ddtab.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS4hDw4R8FASbWDKi8i-P4UE6pqXs21U9dctaKwg0eYCey3N9A5_lkomIQXfY2pLrTpLZg5UdHGscbGTOAPrU-GrrdzaaCX6bxFeJfLnssrrefPlGnPl4tm7VY90LzREp-qwC77NlwMVM/s320/ddtab.png" /></a></div> <br /> <br /> <br /> <br /> <br /> <br /> <br /> DD Tab Menu is a standards compliant, 2 level tab menu. Move your mouse over a tab, and a 2nd level content appears beneath it. The script uses CSS to control all of its appearance, and plain HTML to implement the entire menu tabs and contents.<br /> <div style="background-color: transparent; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;"> <br /> <a href="http://www.dynamicdrive.com/dynamicindex1/ddtabmenu.htm">[Demo]</a></div>Anonymoushttp://www.blogger.com/profile/06093796093955803479noreply@blogger.com0tag:blogger.com,1999:blog-2579852832679676241.post-19515943494536297232010-08-04T23:51:00.000-07:002010-08-04T23:51:17.099-07:00<div class="separator" style="clear: both; text-align: center;"> <a href="http://blog.webdistortion.com/2008/10/27/26-pager-styles-from-around-the-web-css-images-and-html/" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuNDV6dNA9jx29OjBMbdSUOe-r-5kNa40bh04Ijil5mB97BRxSNHDCe3Yu8TjtJ76jeLA93LITCpvlaxG1GYdSqGbmTrBzeGyiPugEVmLWk8IrvdU_nkhbWt-KZrhcKmyOZSgD6D3qfaA/s320/yahoosite-explorer.gif" /></a></div> <br /> <br /> <br /> <br />After having a few projects recently that needed pagers for datatables in ASP.NET – I decided to trawl through a few sites looking for some alternative pager styles. Smashing Mag had a great article on paging&nbsp; – but alas no css or HTML to be seen. Hopefully this will be a useful resource for you guys who haven’t already seen how to go about creating a pager using CSS and HTML. I’ll be continually updating this post with interesting pagers as I find them on my travel’s. <br /> <br /> <a href="http://blog.webdistortion.com/2008/10/27/26-pager-styles-from-around-the-web-css-images-and-html/">[Demo]</a>Anonymoushttp://www.blogger.com/profile/06093796093955803479noreply@blogger.com0tag:blogger.com,1999:blog-2579852832679676241.post-83081476074463069442010-08-03T21:17:00.000-07:002010-08-04T08:22:31.310-07:00<div class="separator" style="clear: both; text-align: center;"> <a href="http://www.ericmmartin.com/projects/simplemodal/#demo" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0t76HP2a2xOP65JEwac4P15FeQdyK2XKPqVgsfk6i045II7ee6TrPqh7PKtwIbMyPH-cIA8CZvkagPihJcnspwiuOKBT2bTJW8_o8J_g7F8g16_Pe5Hf-v6uN84f6B3jNdBd5bv-VwGY/s320/simplemodal.jpg" /></a></div> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <div style="color: white;"> <br /></div> <div style="color: white;"> Yet another jQuery based modal dialog.</div> <br /> <a href="http://www.ericmmartin.com/projects/simplemodal/#demo">[Demo]</a>Anonymoushttp://www.blogger.com/profile/06093796093955803479noreply@blogger.com0tag:blogger.com,1999:blog-2579852832679676241.post-33102315405025739642010-08-03T21:16:00.000-07:002010-08-04T08:23:49.919-07:00<div class="separator" style="clear: both; text-align: center;"> <a href="http://prototype-window.xilinus.com/samples.html" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQalpvC7hyRBvu3TYNhW_ZMx7D2rjLOuCZvYMfSYVnoyeRRFvrTrAZAgJBh9NSf0rDvGBDsLfofv7Hy5rqtic9EhntlPDu_zoOpuWcWOGFR9-yDUa4FdeMbSsI5YQxtAhcoyxXhoHAeRo/s320/prototype.jpg" /></a></div> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <div style="color: white;"> A prototype based window dialog.</div> <div style="color: white;"> <br /></div> <a href="http://prototype-window.xilinus.com/samples.html">[Demo]</a><br />Anonymoushttp://www.blogger.com/profile/06093796093955803479noreply@blogger.com0tag:blogger.com,1999:blog-2579852832679676241.post-51275533145406641622010-08-02T04:53:00.000-07:002010-08-02T04:54:45.794-07:00<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC6dhyW-QGih3EeDc4O4FZAUDp9OKmKMKNXKa6c5AO0Vz7NjTKcf00JQpndUsInC0WyWS77VHWftriDYHbhIqj4KTeg9zWk1raFkOcWZo-eQlu6J2hTKBTPNILAYGAP7KnE142-0uPuns/s1600/css-social-media-icons.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC6dhyW-QGih3EeDc4O4FZAUDp9OKmKMKNXKa6c5AO0Vz7NjTKcf00JQpndUsInC0WyWS77VHWftriDYHbhIqj4KTeg9zWk1raFkOcWZo-eQlu6J2hTKBTPNILAYGAP7KnE142-0uPuns/s320/css-social-media-icons.png" /></a></div> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <span style="color: white;">The image below shows you the final appearance in modern browsers.</span> <br /> <br /> <a href="http://nicolasgallagher.com/experimental-pure-css-social-media-icons/">[Demo]</a>Anonymoushttp://www.blogger.com/profile/06093796093955803479noreply@blogger.com0tag:blogger.com,1999:blog-2579852832679676241.post-2190649129547340932010-08-02T04:02:00.000-07:002010-08-02T04:03:03.173-07:00<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGiH8E_tNUjoBkXnDbxZxG5N2p_b-HFZnr5gQHBNdRp2PLR7_-AYToIHl1VzcLi-LOXPyDY7URFop3OTVu6eTO2m7BAwa6Z4mDIgzh-5OYbL3t8Mm_CqB3Qw5wXCoE8ZaM7CmyulX03Ik/s1600/Untitled-1.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGiH8E_tNUjoBkXnDbxZxG5N2p_b-HFZnr5gQHBNdRp2PLR7_-AYToIHl1VzcLi-LOXPyDY7URFop3OTVu6eTO2m7BAwa6Z4mDIgzh-5OYbL3t8Mm_CqB3Qw5wXCoE8ZaM7CmyulX03Ik/s320/Untitled-1.jpg" /></a></div> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <h2> <span style="color: white; font-size: small;">By <a href="http://nicolasgallagher.com/">Nicolas Gallagher</a></span></h2> <h2> <span style="color: white; font-size: small;">&nbsp;</span> </h2> <h2 style="font-weight: normal;"> <span style="font-size: small;"><a href="http://nicolasgallagher.com/demo/pure-css-speech-bubbles/bubbles.html">[Demo]</a>&nbsp;</span></h2>Anonymoushttp://www.blogger.com/profile/06093796093955803479noreply@blogger.com0tag:blogger.com,1999:blog-2579852832679676241.post-81628205201879641802010-08-02T03:44:00.000-07:002010-08-02T03:44:52.486-07:00<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghxDwxDo0jsRL2JBL-Qaazzomle_FYxNG2SbsQ91Dd3q2mjjH3ipfRXBgRAa3n9nuSRJq6wEY9phh5QH7-ao0H5gsoPHvA8cfhNu5qe9u8Cy5pofS1y4NJmFEjuRgpAaVAUPhx9Qf9bp4/s1600/noobslide.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghxDwxDo0jsRL2JBL-Qaazzomle_FYxNG2SbsQ91Dd3q2mjjH3ipfRXBgRAa3n9nuSRJq6wEY9phh5QH7-ao0H5gsoPHvA8cfhNu5qe9u8Cy5pofS1y4NJmFEjuRgpAaVAUPhx9Qf9bp4/s320/noobslide.jpg" /></a></div> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <div style="color: white;"> &nbsp;Yet another way how to display Your images.</div> <br /> <br /> <a href="http://eyecon.ro/spacegallery/">[Demo]</a><br /> <br />Anonymoushttp://www.blogger.com/profile/06093796093955803479noreply@blogger.com0tag:blogger.com,1999:blog-2579852832679676241.post-48287325181619935442010-08-01T23:51:00.000-07:002010-08-01T23:51:57.284-07:00<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZHji86c_FkxIQG0mHWrv5-OSD6BpvZOwr2QzXIi4k8fqQubURnU7WwSmmpLHEKRfYbkwoEGMYM8QvmZPIhM86y9hrSkhScpITf7_CulY_RYiyFTa22lcm5-N6Ld2C9Yg-7R1AlPxeRbA/s1600/fancymenu.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZHji86c_FkxIQG0mHWrv5-OSD6BpvZOwr2QzXIi4k8fqQubURnU7WwSmmpLHEKRfYbkwoEGMYM8QvmZPIhM86y9hrSkhScpITf7_CulY_RYiyFTa22lcm5-N6Ld2C9Yg-7R1AlPxeRbA/s320/fancymenu.jpg" /></a></div> <div style="color: black;"> </div> <div style="color: black;"> <br /> <br /> <br /> <br /> <br /> <div style="color: white;"> Custom navigation bar with some cute Javascript effects that will certainly impress your friends.</div> <br /> </div> <div style="background-color: transparent; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;"> </div> <div style="background-color: transparent; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;"> </div> <div style="background-color: transparent; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;"> <a href="http://devthought.com/blog/projects-news/2007/01/cssjavascript-true-power-fancy-menu/">[Demo]</a></div>Anonymoushttp://www.blogger.com/profile/06093796093955803479noreply@blogger.com0tag:blogger.com,1999:blog-2579852832679676241.post-33919536105736127362010-08-01T23:05:00.000-07:002010-08-01T23:05:33.963-07:00<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy05cgEhnnycm5WQNXC2WitTBVP6aveiKo_1g6CtsiW_ihRaFmtB9kyCHz03Nsqu3L9cwueF4FMTu2rjN2lViAw7q88waPhIhXMipDZbMQdEXEqr2qev4o_4PfZV8bZ0oPD0qHNDZhfis/s1600/fancy-slide.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy05cgEhnnycm5WQNXC2WitTBVP6aveiKo_1g6CtsiW_ihRaFmtB9kyCHz03Nsqu3L9cwueF4FMTu2rjN2lViAw7q88waPhIhXMipDZbMQdEXEqr2qev4o_4PfZV8bZ0oPD0qHNDZhfis/s320/fancy-slide.jpg" /></a></div><br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <div style="color: white;">Included an idle state listener to bring all the tabs back to their normal state after a desired amount of time without mouse movement on the window.</div><div style="background-color: transparent; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;"><br /> </div><div style="background-color: transparent; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;"><a href="http://www.andrewsellick.com/examples/tabslideV2/">[Demo]</a></div>Anonymoushttp://www.blogger.com/profile/06093796093955803479noreply@blogger.com0tag:blogger.com,1999:blog-2579852832679676241.post-35508484988006356902010-08-01T22:58:00.000-07:002010-08-01T22:58:07.292-07:00<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAFaDRCw9vXinAXLakn_1ClKsG0RaJT-XDsguBvMvhDb-yKtCMJXz9qNKVhrleFy2gmGNK5sk__1mhfig9VQHGLyTqgVbMLGyBFzZa8TYjjZtwLSVgJe1mUSdxdcsF_H_e1Lzs-0X9064/s1600/centered-tab.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAFaDRCw9vXinAXLakn_1ClKsG0RaJT-XDsguBvMvhDb-yKtCMJXz9qNKVhrleFy2gmGNK5sk__1mhfig9VQHGLyTqgVbMLGyBFzZa8TYjjZtwLSVgJe1mUSdxdcsF_H_e1Lzs-0X9064/s320/centered-tab.jpg" /></a></div><br /> <br /> <br /> <br /> <span style="color: white;">We’re constrained to either left- or right-hand navigation. But what if we need a bit more flexibility? What if we need to place our navigation in the center?</span><br /> <br /> <a href="http://24ways.org/examples/centered-tabs-with-css/tabs.html">[Demo]</a>Anonymoushttp://www.blogger.com/profile/06093796093955803479noreply@blogger.com0tag:blogger.com,1999:blog-2579852832679676241.post-25697488404489725182010-08-01T22:08:00.000-07:002010-08-01T22:08:33.911-07:00<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoTIsFAf8_7b1EpF_lxpG_oW-TQM_tZTtuxCc50Qq9K_VAjs6-0ywO1F3FE-V_-sONlkMq1O24cHt4L3wTo6FEV5gTIt3Bj22SgzE8nwwA9zgfoiHeb-NvV5UbFMXpr15C8r1t_WXOsr4/s1600/control-tab-2.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoTIsFAf8_7b1EpF_lxpG_oW-TQM_tZTtuxCc50Qq9K_VAjs6-0ywO1F3FE-V_-sONlkMq1O24cHt4L3wTo6FEV5gTIt3Bj22SgzE8nwwA9zgfoiHeb-NvV5UbFMXpr15C8r1t_WXOsr4/s320/control-tab-2.png" /></a></div><br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <span class="Apple-style-span" style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px;"><span class="Apple-style-span" style="color: white;">Control.Tabs attaches creates a tabbed interface from an unordered list of links/anchors that point to any elements on your page that have an id attribute.</span><br /> </span><br /> <br /> <a href="http://livepipe.net/control/tabs">[Demo]</a>Anonymoushttp://www.blogger.com/profile/06093796093955803479noreply@blogger.com0tag:blogger.com,1999:blog-2579852832679676241.post-77660333183148242232010-08-01T22:06:00.000-07:002010-08-01T22:06:40.858-07:00<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWF5AAbuxfZIG4ELyXWqTwJpkr7Rr5xcG4_flOCKGZaNj3hugmXLCaOfX0uSH-xNiCyhMms0mKUqJ4FxMDtv-x31n0_8Tcf4pxSIuT53mxsKl72zg4ujHWje1Rt4u7ngFjLax0aM9ZH2E/s1600/exploding-1.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWF5AAbuxfZIG4ELyXWqTwJpkr7Rr5xcG4_flOCKGZaNj3hugmXLCaOfX0uSH-xNiCyhMms0mKUqJ4FxMDtv-x31n0_8Tcf4pxSIuT53mxsKl72zg4ujHWje1Rt4u7ngFjLax0aM9ZH2E/s320/exploding-1.png" /></a></div><br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <span class="Apple-style-span" style="color: #4a4a4a; font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 21px;"><span class="Apple-style-span" style="color: white;">Free nicely designed tabs from</span>&nbsp;<a href="http://www.exploding-boy.com/2005/12/29/14-free-vertical-css-menus/" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #0a448c; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: underline; vertical-align: baseline;">explodingboy</a>.</span><br /> <span class="Apple-style-span" style="color: #4a4a4a; font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 21px;"><br /> </span><br /> <span class="Apple-style-span" style="color: #4a4a4a; font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 21px;"><a href="http://www.exploding-boy.com/images/EBmenus/menus.html">[Demo]</a></span>Anonymoushttp://www.blogger.com/profile/06093796093955803479noreply@blogger.com0tag:blogger.com,1999:blog-2579852832679676241.post-61848193386072883402010-08-01T15:05:00.000-07:002010-08-01T15:31:46.629-07:00<div style="color: black;"><span style="color: blue;">1.</span> <a href="http://smoothgallery.jondesign.net/" target="_blank">JonDesign’s SmoothGallery</a></div><div style="color: #f3f3f3;">Using MooTools v1.11, this JavaScript gallery and slideshow system allows you to have simple and smooth (cross-fading…) image galleries, slideshows, showcases and other cool stuff on your website. Together there are 7 different gallery demos, You can download and test for free.<br /> <div style="color: #f3f3f3;">Unlike other systems out there, JonDesign’s SmoothGallery is designed from the ground up to be standard compliant: You can feed it from any document, using custom CSS selectors. And even better, this solutions is very lightweight: The JavaScript file is only 24kb.</div><div style="color: black;"><br /> <br /> </div><div style="text-align: left;"><a href="design.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjJ0vHZQ9klPMPY54lm57JTBjGmxe3BF22-aoL38aPVzwbFvHcK9NoFxOPbaIET61mAU6Xp68LROg3k5GFpN-5oSbhb0RL8voEuJs4rSzjhQ4pvk7xvli9DLzoRidPTfhw6E38lCt-7gs/s320/design.jpg" /></a></div></div><div class="separator" style="clear: both; text-align: center;"></div><div style="color: black;"><br /> </div><div style="color: black;"><a href="http://smoothgallery.jondesign.net/">[Demo]</a>&nbsp;</div><div style="color: black;"><br /> </div><div style="color: black;"><br /> </div><div style="color: black;"><br /> </div><div style="color: black;"><br /> </div>Anonymoushttp://www.blogger.com/profile/06093796093955803479noreply@blogger.com0tag:blogger.com,1999:blog-2579852832679676241.post-49499896744849694702010-08-01T13:36:00.000-07:002010-08-01T13:36:04.634-07:00<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9nricTn79EdI_ttCq-Sh8EZplMr-n-_d_suWx-No9BY7ok8iwA6mQ_nXxtF12f9bloHe-_ReSY_RWQ-S_BqsoYTFyZVFBi2moap0t80zHwX2o5Jxl62HhZvUPKOkta9YKfwxja_4lX-Q/s1600/csstabdesigner.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9nricTn79EdI_ttCq-Sh8EZplMr-n-_d_suWx-No9BY7ok8iwA6mQ_nXxtF12f9bloHe-_ReSY_RWQ-S_BqsoYTFyZVFBi2moap0t80zHwX2o5Jxl62HhZvUPKOkta9YKfwxja_4lX-Q/s320/csstabdesigner.jpg" /></a></div><br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <div style="font-family: Georgia,&quot;Times New Roman&quot;,serif;">[Windows only] CSS Tab Designer is a unique and easy to use software to help you design css-based lists and tabs visually and without any programming knowledge required!&nbsp;</div><div style="font-family: Georgia,&quot;Times New Roman&quot;,serif;"><br /> </div><div style="font-family: Georgia,&quot;Times New Roman&quot;,serif;"><a href="http://www.highdots.com/css-tab-designer/">[Demo]</a>&nbsp;</div><div style="background-color: transparent; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;"><br /> </div>Anonymoushttp://www.blogger.com/profile/06093796093955803479noreply@blogger.com0tag:blogger.com,1999:blog-2579852832679676241.post-90455868068665249052010-08-01T13:07:00.000-07:002010-08-01T13:07:26.524-07:00<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb9rIgRWQumTjAXmJ60bryhOiSAYLMV2kezBB8rEmNZ8nVHyn-9flqO5zIOg5_sLoQAlFOhp87rf7o-fuo4yedD6uXuZaOOMUjRN0rwghO2u_HwcTTeAlDhyphenhyphenlTS-JcVLZmyrdOe-YtWXY/s1600/accordian.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb9rIgRWQumTjAXmJ60bryhOiSAYLMV2kezBB8rEmNZ8nVHyn-9flqO5zIOg5_sLoQAlFOhp87rf7o-fuo4yedD6uXuZaOOMUjRN0rwghO2u_HwcTTeAlDhyphenhyphenlTS-JcVLZmyrdOe-YtWXY/s320/accordian.png" /></a></div><br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> Tab navigation with sleek animation using Moo FX.<br /> <div style="background-color: transparent; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;"><a href="http://www.nyokiglitter.com/tutorials/tabs.html"><br /> [demo] </a></div>Anonymoushttp://www.blogger.com/profile/06093796093955803479noreply@blogger.com0tag:blogger.com,1999:blog-2579852832679676241.post-19965167412669249642010-08-01T13:05:00.000-07:002010-08-01T22:04:29.545-07:00<div style="background-color: transparent; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhb3ao8Yok_IYDz94avFzObiRA1ncE_Iyn2mfrqZfkEdGR2BNuxGUlEIUVm1S-LthBbYsROasqJ5JtaSIz6Y4FsaADIIOIUU0eRzmF2cXigOyjRstfdP-ghnStpIpmSRXPqkR-DC6MEPk/s1600/jquery-slider.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhb3ao8Yok_IYDz94avFzObiRA1ncE_Iyn2mfrqZfkEdGR2BNuxGUlEIUVm1S-LthBbYsROasqJ5JtaSIz6Y4FsaADIIOIUU0eRzmF2cXigOyjRstfdP-ghnStpIpmSRXPqkR-DC6MEPk/s320/jquery-slider.png" /></a></div><div style="background-color: transparent; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;"></div><div style="background-color: transparent; border: medium none; color: black; font-family: Georgia,&quot;Times New Roman&quot;,serif; overflow: hidden; text-align: left; text-decoration: none;"><span style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="color: white;">Nice sleek tabs that slides through each tab</span></span><span class="Apple-style-span" style="color: white;">.</span></div><div style="background-color: transparent; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;"><br /> <a href="http://www.ndoherty.biz/demos/coda-slider/1.1.1/">[demo] </a><br /> <a href="http://www.hongkiat.com/blog/50-nice-clean-css-tab-based-navigation-scripts/#ixzz0vNzyI4je" style="color: #003399;"></a></div><div style="background-color: transparent; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;"><br /> </div>Anonymoushttp://www.blogger.com/profile/06093796093955803479noreply@blogger.com0