ThemeShaper Forums » Thematic

jquery Sliding Panel

(5 posts)
  • Started 5 years ago by gaia
  • Latest reply from Chris
  • This topic is not a support question
  1. has anyone implemented this sliding panel (or any other sliding panel) into thematic yet?

    http://web-kreation.com/index.php/wordpress/implement-a-nice-clean-jquery-sliding-panel-in-wordpress

    Posted 5 years ago #
  2. no, but I like it :) thanks for the tip. I put it on a test website easily enough but found it a bit tricky with thematic due to the code being different in the header.php.

    Sorry not much help there but I am also interested now, so thought I would post a reply.

    Good luck :)

    Posted 5 years ago #
  3. .. come on .. this is an easy one which shouldn't take you more than 15 minutes :-) ..

    I won't repost my complete code but you should be able to see what I did:

    function sliding_panel_scripts() { ?>
      	<!-- PNG FIX for IE6 -->
      	<!-- http://24ways.org/2007/supersleight-transparent-png-in-ie6 -->
    	<!--[if lte IE 6]>
    		<script type="text/javascript" src="<?php echo get_bloginfo('stylesheet_directory'); ?>/js/pngfix/supersleight-min.js"></script>
    	<![endif]-->
    	<!-- jQuery - the core -->
    	<script src="<?php echo get_bloginfo('stylesheet_directory'); ?>/js/jquery-1.3.2.min.js" type="text/javascript"></script>
    	<!-- Sliding effect -->
    	<script src="<?php echo get_bloginfo('stylesheet_directory'); ?>/js/slide.js" type="text/javascript"></script>
    <?php
    }
    add_action('wp_head', 'sliding_panel_scripts', 99);

    This will add the needed scripts to wp_head. Using priority 99 should ensure that these scripts are the last ones loaded in the head section.

    function sliding_panel() { ?>
    <!-- Panel -->
    <div id="toppanel">
    // Everything else needed for this sliding panel
    </div> <!--END panel -->
    <?php
    }
    add_action('thematic_before', 'sliding_panel', 0);

    This action will be loaded before anything else takes place.

    Don't forget to copy the scripts, the CSS part and the graphics to your child theme's directory.

    .. and don't forget to change the content of the sliding panel .. and do some more styling .. the columns don't fit into the Thematic styling :-)

    Cheers,

    Chris

    Posted 5 years ago #
  4. ha ha cool ! thanks so much Chris, your help is superb and I have learnt alot more about how functions and thematic work now. I'm very grateful ! And I did it in 14 mins :)

    cheerz,

    tom

    Posted 5 years ago #
  5. Used 1 minute to get rid of the old function calls ;-)

    Posted 5 years ago #

RSS feed for this topic

Reply

You must log in to post.