How do I change this menu to a search bar...

Discussion in 'CSS' started by TheNoose, Dec 26, 2008.

  1. #1
    Hello,

    I'm using the same template as this site http://www.prelovac.com/vladimir/ and would like to replace the "category menu" with the search bar or a similar search bar.

    Can anyone tell me how I'd go about doing that. I'm sure it's quite easy but I'm fairly new with all this. :eek:

    Thanks
     
    TheNoose, Dec 26, 2008 IP
  2. TheNoose

    TheNoose Peon

    Messages:
    1,005
    Likes Received:
    22
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Sorry guys, here's the link to the css...

    http://martiniace.com/wp-content/themes/blue-grace/style.css

    and the code for the header...

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head profile="http://gmpg.org/xfn/11">
    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

    <title><?php wp_title('&laquo;', true, 'right'); ?> <?php bloginfo('name'); ?></title>

    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
    <style type="text/css">
    #portrait-bg { background:url(<?php bloginfo('stylesheet_directory'); ?>/images/martini-ace-recipe-logo.jpg); }
    </style>
    <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

    <?php wp_head(); ?>
    </head>

    <body>

    <div id="wrap">
    <div id="menu">
    <ul>
    <li><a href="<?php echo get_settings('home'); ?>/" >Home</a></li>
    <?php wp_list_pages('sort_column=menu_order&hierarchical=0&title_li='); ?>
    </ul>
    </div>

    <div id="header">
    <span class="btitle"><a href="<?php echo get_settings('home'); ?>/"><?php bloginfo('name'); ?></a></span>
    <p class="description">
    <a href="<?php
    if (current_user_can('level_10'))
    echo get_settings('home').'/wp-admin/">';
    else
    echo get_settings('home').'/">';
    bloginfo('description'); ?>
    </a>
    </p>
    </div>

    <div id="rss-big">
    <a href="<?php bloginfo('rss2_url'); ?>" title="<?php _e('Subscribe to this site with RSS'); ?>"></a>
    </div>

    <div id="portrait-bg"></div>
    <div id="catmenu">
    <ul>
    <?php wp_list_categories('orderby=count&order=DESC&show_count=0&hierarchical=1&title_li=&depth=1'); ?>
    </ul>
    </div>
     
    TheNoose, Dec 26, 2008 IP
  3. Ulquiorra

    Ulquiorra Peon

    Messages:
    422
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Replace:

    <ul>
    <?php wp_list_categories('orderby=count&order=DESC&show_count=0&hierarchical=1&title_li=&depth=1'); ?>
    </ul>
    Code (markup):
    With code for a search bar. For example, a Google custom search box. Get one here.

    Stripping the one from the sidebar would be easy for me, but likely a pain in the ass for you. Let me know if you need more help.
     
    Ulquiorra, Dec 27, 2008 IP
  4. TheNoose

    TheNoose Peon

    Messages:
    1,005
    Likes Received:
    22
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Thanks for the reply but how big of a pain in the ass?

    I don't really like the idea of a google search because I'd like to keep the template the same rather than have the search in a google-esque style. I like how when you search with the one in the side bar it comes up as related posts.

    Could I take the code from the side search bar and put it in the location you specified, rather than the custom google search code?
     
    TheNoose, Dec 27, 2008 IP
  5. Ulquiorra

    Ulquiorra Peon

    Messages:
    422
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Maybe. Go to wp-content/themes/yourtheme and check out sidebar.php. If the search bar code is there you're in luck. If not, post your sidebar.php source here and I'll see what I can do.
     
    Ulquiorra, Dec 27, 2008 IP
  6. TheNoose

    TheNoose Peon

    Messages:
    1,005
    Likes Received:
    22
    Best Answers:
    0
    Trophy Points:
    0
    #6
    The code was there. It worked! I just have to edit the jpg. for the search so it blends and change the width of the original category menu so it fits properly.

    Thanks for the help :)
     
    TheNoose, Dec 27, 2008 IP
  7. Ulquiorra

    Ulquiorra Peon

    Messages:
    422
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    0
    #7
    No problem, glad to be of service. :)
     
    Ulquiorra, Dec 27, 2008 IP