ThemeShaper Forums » Thematic

Is is possible to float a css sprite navigation menu over a header menu?

(3 posts)
  • Started 4 years ago by c3mdigital
  • Latest reply from c3mdigital
  • This topic is resolved
  1. I am trying to put my css sprite navigation menu on top of my header image. I have removed the thematic_access(9) in my functions.php and I have my header image in #blog-title here is my code:

    /* =Header
    -------------------------------------------------------------- */
    
    #header {
    
    }
    #branding {
        padding:53px 0 20px 0;
    }
    #blog-title a {
    background:url(images/header.jpg) no-repeat top center;
    display:block;
    text-indent:-9000px;
    width: 940px;
    height: 335px;
    }
    ul#menu_nav {
    	margin: 0;
    	padding: 0;
    	list-style: none;
    }
    
    ul#menu_nav li {
    	float: left;
    	margin: 0;
    	padding: 0;
    	height: 104px;
    }
    
    ul#menu_nav li a {
    	background: url(images/fendernav_03.png) no-repeat;
    	display: block;
    	height: 104px;
    	outline: 0;
    	text-indent: -999em;
    }
    
    ul#menu_nav li#nav_home a:link, ul#menu_nav li#nav_home a:visited, ul#menu_nav li#nav_home a:focus {
    	background-position: -0px -0px;
    	width: 145px;
    }
    
    ul#menu_nav li#nav_home a:hover, ul#menu_nav li#nav_home a:active {
    	background-position: -0px -104px;
    	width: 145px;
    }
    
    ul#menu_nav li#nav_gallery a:link, ul#menu_nav li#nav_gallery a:visited, ul#menu_nav li#nav_gallery a:focus {
    	background-position: -145px -0px;
    	width: 160px;
    }
    
    ul#menu_nav li#nav_gallery a:hover, ul#menu_nav li#nav_gallery a:active {
    	background-position: -145px -104px;
    	width: 160px;
    }
    
    ul#menu_nav li#nav_music a:link, ul#menu_nav li#nav_music a:visited, ul#menu_nav li#nav_music a:focus {
    	background-position: -305px -0px;
    	width: 135px;
    }
    
    ul#menu_nav li#nav_music a:hover, ul#menu_nav li#nav_music a:active {
    	background-position: -305px -104px;
    	width: 135px;
    }
    
    ul#menu_nav li#nav_events a:link, ul#menu_nav li#nav_events a:visited, ul#menu_nav li#nav_events a:focus {
    	background-position: -440px -0px;
    	width: 138px;
    }
    
    ul#menu_nav li#nav_events a:hover, ul#menu_nav li#nav_events a:active {
    	background-position: -440px -104px;
    	width: 138px;
    }
    
    ul#menu_nav li#nav_impersonations a:link, ul#menu_nav li#nav_impersonations a:visited, ul#menu_nav li#nav_impersonations a:focus {
    	background-position: -578px -0px;
    	width: 288px;
    }
    
    ul#menu_nav li#nav_impersonations a:hover, ul#menu_nav li#nav_impersonations a:active {
    	background-position: -578px -104px;
    	width: 288px;
    }
    
    /*--Menu Navigation Ends Here--*/

    I removed thematic_blogdescription(5) in fucntions php and added a new function for the nav menu here is the code:

    // Unhook default Thematic functions
    function unhook_thematic_functions() {
    
        remove_action('thematic_header','thematic_access',9);
    }
    {
    add_action('init','unhook_thematic_functions');
    }
    
    function unhook_thematic_functions() {
    
    remove_action('thematic_header','thematic_blogdescripton',5);
    }
    {
    add_action(init',unhook_thematic_functions');
    }
    
    function glenbrown_navmenu() {
    
    ?>
    
    <div id="glenbrown_navmenu">
    
    <ul id="menu_nav">
    
    	<li id="nav_home"><a>" title="Go Back To The Home Page">Home</a>
    
    	<li id="nav_gallery"><a href="/photos/" title="Check Out All The Pictures of Glen and The Band">Photo Gallery</a>
    
    	<li id="nav_music"><a href="/music/" title="Listen to Glen's Music">Music</a>
    
    	<li id="nav_events"><a href="/events/" title="Event Information">Bio</a>
            <li id="nav_impersonations"><a href="/impersonations" title="Listen to Glen's Impersonations">Impersonations</a>
    
    </div>
    
    <?php }
    
     // end of our new function glenbrown_navmenu
    
    // Now we add our new function to our Thematic Action Hook
    
    add_action('thematic_header','glenbrown_navmenu');

    It wont show up at all
    here is the site: http://movieflicks.us/
    this is my testing server

    Posted 4 years ago #
  2. Hi,

    lot of PHP errors .. try this one:

    // Unhook default Thematic functions
    function unhook_thematic_functions() {
    
        remove_action('thematic_header','thematic_access',9);
    	remove_action('thematic_header','thematic_blogdescripton',5);
    }
    add_action('init','unhook_thematic_functions');
    
    function glenbrown_navmenu() {
    
    ?>
    
    <div id="glenbrown_navmenu">
    
    <ul id="menu_nav">
    
    	<li id="nav_home"><a><title="Go Back To The Home Page">Home</a>
    
    	<li id="nav_gallery"><a href="/photos/" title="Check Out All The Pictures of Glen and The Band">Photo Gallery</a>
    
    	<li id="nav_music"><a href="/music/" title="Listen to Glen's Music">Music</a>
    
    	<li id="nav_events"><a href="/events/" title="Event Information">Bio</a>
            <li id="nav_impersonations"><a href="/impersonations" title="Listen to Glen's Impersonations">Impersonations</a>
    
    </div>
    
    <?php }
    
     // end of our new function glenbrown_navmenu
    
    // Now we add our new function to our Thematic Action Hook
    
    add_action('thematic_header','glenbrown_navmenu');
    ?>

    The HTML Errors are up to you :)

    Chris

    Posted 4 years ago #
  3. Thanks your great!

    Posted 4 years ago #

RSS feed for this topic

Reply

You must log in to post.