Forums

How to add an image either side of the globalnav/menu? (1 post)

  1. Anonymous
    Unregistered
    Posted 3 years ago #

    I have basic html knowledge but not too clued up on PHP. I am trying to add a gif to the left and right sides of the menu which appears horizontally, just below the header. I am using a Sandbox theme so it seems quite plain.

    The images I have are named menuL.gif and menuR.gif. They are 29px high gifs to make the left and right sides look like they have rounded corners. I am trying to add these into a div either side of the menu coding in functions.php but I am not having much luck as they menuL.gif image appears on its own line above the menu and menuR.gif appears on its own line below the menu.

    Basically I am after
    (IMAGE menuL.gif)(WordPress generated menu list)(IMAGE menuL.gif)

    This is the code where I am trying to add these images:

    function sandbox_globalnav() {
    	echo '<div id="menu"><ul>';
    	$menu = wp_list_pages('title_li=&sort_column=menu_order&echo=0'); // Params for the page list in header.php
    	echo str_replace( array( "\r", "\n", "\t" ), '', $menu );
    	echo "</ul></div> \n";
    }

    This is the only other relevant code which you may want to see in the header.php:

    <div id="access">
    		<div class="skip-link"><a href="#content" title="<?php _e('Skip navigation to the content', 'sandbox'); ?>"><?php _e('Skip to content', 'sandbox'); ?></a></div>
    		<?php sandbox_globalnav() ?>
    	</div><!-- #access -->

    These are the images I am trying to insert etiher side of the menu:

    <img src="http://127.0.0.1/wp/wp-content/themes/sandbox/menuL.gif" />
    <img src="http://127.0.0.1/wp/wp-content/themes/sandbox/menuR.gif" />

    Anyone know what I can change or where the images should be inserted? If you require more information please let me know and I will get back to you asap! Many thanks in advance! :)

Topic Closed

This topic has been closed to new replies.

About this Topic