ThemeShaper Forums Tag: css dock menu

ThemeShaper Forums Tag: css dock menu http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Sun, 19 May 2013 14:01:24 +0000 Johnetta on "using CSS Mac Dock Menu on Thematic" http://themeshaper.com/forums/topic/using-css-mac-dock-menu-on-thematic#post-22882 Mon, 29 Aug 2011 05:50:57 +0000 Johnetta 22882@http://themeshaper.com/forums/ Jquery javascript is the best. Took my dull marketing, design site and it now looks like the mac OSX operating system. Super flexible. -------------------- <a href="http://www.708buy.com/deal/ipad-2-leather-cases">leather ipad 2 case</a> <a href="http://www.708buy.com/deal/ipad-2-case">ipad 2 case</a> <a href="http://www.708buy.com/deal/ipad-2-accessories">ipad 2 accessories</a> toddskinner on "using CSS Mac Dock Menu on Thematic" http://themeshaper.com/forums/topic/using-css-mac-dock-menu-on-thematic#post-22548 Fri, 05 Aug 2011 20:43:49 +0000 toddskinner 22548@http://themeshaper.com/forums/ Just used this code on my site, works great. Jquery javascript is the best. Took my dull marketing, design site and it now looks like the mac OSX operating system. Super flexible. Here is an example of my site using the code. <a href="http://www.visizzle.com">Visizzle - Branding - Marketing</a> helgatheviking on "using CSS Mac Dock Menu on Thematic" http://themeshaper.com/forums/topic/using-css-mac-dock-menu-on-thematic#post-20908 Fri, 29 Apr 2011 14:33:19 +0000 helgatheviking 20908@http://themeshaper.com/forums/ <pre><code>placed the js into the scripts folder</code></pre> but did you call it? is it loading on the page? see the post i wrote that joperron linked to. <pre><code>I've placed this code into the header.php</code></pre> danger will robinson! editing the thematic core defeats the whole purpose of child theming and all your edits would be lost if you ever upgraded. again, read my above thread... it should get you started. you can come back here w/ any further questions. also- in case you are totally new to child themes: <a href="http://www.catswhocode.com/blog/wordpress-how-to-easily-create-a-thematic-child-theme" rel="nofollow">http://www.catswhocode.com/blog/wordpress-how-to-easily-create-a-thematic-child-theme</a> joperron on "using CSS Mac Dock Menu on Thematic" http://themeshaper.com/forums/topic/using-css-mac-dock-menu-on-thematic#post-20858 Wed, 27 Apr 2011 13:24:45 +0000 joperron 20858@http://themeshaper.com/forums/ Hi, I would suggest you read (and bookmark) this thread: <a href="http://themeshaper.com/forums/topic/jquery-in-thematic-demystified" rel="nofollow">http://themeshaper.com/forums/topic/jquery-in-thematic-demystified</a> rachit on "using CSS Mac Dock Menu on Thematic" http://themeshaper.com/forums/topic/using-css-mac-dock-menu-on-thematic#post-20854 Wed, 27 Apr 2011 10:17:11 +0000 rachit 20854@http://themeshaper.com/forums/ how to use Mac css ? elorenishii386 on "using CSS Mac Dock Menu on Thematic" http://themeshaper.com/forums/topic/using-css-mac-dock-menu-on-thematic#post-9244 Mon, 25 Jan 2010 21:28:20 +0000 elorenishii386 9244@http://themeshaper.com/forums/ I've come across the CSS Mac Dock Menu that utilizes jQuery. However, I have not been able to make it work on Thematic. I've integrated the CSS into my style sheet and placed the js into the scripts folder. I don't know what I am doing wrong or need to do in order to make this work. <a href="http://www.ndesign-studio.com/blog/mac/css-dock-menu" rel="nofollow">http://www.ndesign-studio.com/blog/mac/css-dock-menu</a> I've placed this code into the header.php <script type="text/javascript" src="<?php echo get_bloginfo('template_directory'); ?>/library/scripts/jquery.js"></script> <script type="text/javascript" src="<?php echo get_bloginfo('template_directory'); ?>/library/scripts/interface.js"></script>  and this is my code: <div class="dock" id="dock2"> <div class="dock-container2"> <a href="#">RSS<img src="<?php echo get_bloginfo('template_directory'); ?>/images/rss.png"alt="RSS" /></a> <a href="#">Twitter<img src="<?php echo get_bloginfo('template_directory'); ?>/images/twitter.png" alt="Twitter" /></a> <a href="#">Facebook<img src="<?php echo get_bloginfo('template_directory'); ?>/images/facebook.png" alt="Facebook" /></a> </div> </div>  <script type="text/javascript"> $(document).ready( function() { $('#dock2').Fisheye( { maxWidth: 60, items: 'a', itemsText: 'span', container: '.dock-container2', itemWidth: 40, proximity: 80, alignment : 'left', valign: 'bottom', halign : 'center' } ) } ); </script>