Im using the ultimate blogging theme 3.0 and i am trying to make my navbar look like this websites http://www.redmondpie.com/. Thank you! My site http://www.karsintech.net/ P.S.- I know a little css too
Copy the background images from the design you like into your stylesheet images directory. View the CSS of the design you like, paying close attention to how they handle background images. Apply any necessary adjustments to your stylesheet. If need be, open up header.php and locate the code that generates the nav menu and make any adjustments. I do have to warn you though, you are using SuperFish drop down javascripting on your main nav. Changes in that scripting and/or CSS for it will have to be made to match.
Sure you can. If you can see them when viewing the page, then you can download them too. The easiest way is to use the Web Developer Extension for Firefox. On the Images tab, click on View Images Information. A new tab will open up and list all the images on the page. Another way is to right-click on the background, and select View Background Image. That will show you the actual image, of which you can download from there.
I right click and i try to find the images but i cant. the only thing i can find is some css for the navbar. the images are also in there websites theme folder. Is there some way i can just copy there css and put it in my folder?
Yes. You can copy the images and the css. It is a whole lot easier if you are using Firefox with the Firebug extension. That is how I can see most of this stuff, while you can not.
Even easier, and I forgot about this until you brought that software up. You can just as easily copy all of the files with your browser File > Save Page as ... and selecting Web Page Complete.
Just by going to your dashboard--click layout and then there is a blue bar above your layout. It says Navbar and then to the right it says Edit. Click Edit. Then mark which one you would like. Your options are: blue, tan, black, silver, transparent light, and transparent dark. And Save!
i want to change the whole design. @Dodger i got the web developer plugin, i right click and go on the web developer plugin and click on the image information tab and none of the images are navbar related
I want to see My header.php file because i've got the background image and i dont know where to put it <!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" <?php language_attributes(); ?>> <head> <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" /> <title><?php $title = get_post_meta($post->ID, 'title', true); if (is_single() ) { echo $title ? $title : single_post_title(); } elseif (is_home() ) { bloginfo('name');} elseif (is_page() ) { echo $title ? $title : single_post_title(); } elseif ( is_single() || is_page() ) { echo $title ? $title : wp_title('',true); } elseif (is_page() ) { single_post_title(); } elseif (is_single() ) { single_post_title(); } elseif ( is_category() ) { single_cat_title('Featured Post | ');} elseif (is_month()) { the_time('F Y'); echo ' | '; bloginfo('name'); } elseif ( is_search() ) { echo'Search results for '; the_search_query(''); echo' | '; if(function_exists('psb_pagednumber')) { psb_pagednumber(); } bloginfo('name'); } elseif ( is_tag() ) { single_cat_title(); echo ' | '; bloginfo('name'); } elseif ( is_archive() ) { the_time('F Y'); echo ' | '; bloginfo('name'); } else { bloginfo('name'); } ?></title> <?php $aioseop_options = get_option('aioseop_options'); if (is_single() || is_page() ) : if ( have_posts() ) : while ( have_posts() ) : the_post(); $aiosp_disable = htmlspecialchars(stripcslashes(get_post_meta($post->ID, '_aioseop_disable', true))); $description = stripcslashes( get_post_meta($post->ID, '_aioseop_description', true) ); if(empty($description) || $aiosp_disable) : $description = stripcslashes( get_post_meta($post->ID, 'meta-description', true) ) ; if(!empty($description)) : ?> <meta name="description" content="<?php if ($description) { ?><?php echo $description; ?><?php } else { ?><?php the_excerpt_rss(); ?><?php } ?>" /> <?php endif; endif; endwhile; endif; elseif(is_home()) : if(empty($aioseop_options['aiosp_home_description'])): ?> <meta name="description" content="<?php bloginfo('description'); ?>" /> <?php endif; endif; ?><?php if (is_single() || is_page() ) : if ( have_posts() ) : while ( have_posts() ) : the_post(); $aiosp_disable = htmlspecialchars(stripcslashes(get_post_meta($post->ID, '_aioseop_disable', true))); $keywords = stripcslashes( get_post_meta($post->ID, '_aioseop_keywords', true) ); if(empty($keywords) || $aiosp_disable) : $keywords = get_post_meta($post->ID, 'meta-keywords', true); if(!empty($keywords)) : ?> <meta name="keywords" content="<?php if ($keywords) { ?><?php echo $keywords?><?php } else { ?><?php the_excerpt_rss(); ?><?php } ?>" /> <?php endif; endif; endwhile; endif; endif; ?> <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" /> <link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_directory'); ?>/superfish.php" /> <style media="all" type="text/css"> @import "<?php bloginfo('stylesheet_directory'); ?>/all-<?php echo strtolower(str_replace(array(' ','\\','\''), array('','','') , get_option('YBN_colortheme')));?>.css"; @import "<?php bloginfo('stylesheet_directory'); ?>/style_override.php"; <?php if(get_option('YBN_custom_styles')):?>@import "<?php bloginfo('stylesheet_directory'); ?>/custom/custom-stylesheet.css";<?php endif?> </style> <!--[if lt IE 7]> <style>#content{overflow: hidden}</style> <![endif]--> <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" /> <?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?> <?php //include (TEMPLATEPATH . "/style_override.php"); ?> <?php wp_head(); if(get_option('YBN_autoSlide') == 'Slideshow featured post') : ?> <script type="text/javascript" src='<?php bloginfo('stylesheet_directory'); ?>/slide.js'></script> <?php endif; ?> <?php echo stripslashes(get_option('YBN_header_code'));?> <style type="text/css"> .sf-menu { line-height: 1.0; display: block; z-index: 999; visibility:visible; } <?php if(get_option('YBN_navbar_position') == 'below'):?> #header{margin-bottom: 15px; height: auto} #header h1, #header h2 {color: white} #header .bar_under{height: 30px} <?php if(get_option('YBN_colortheme') == 'Spit fire red') { echo '#header h3{color: #fff; } ';}?> <?php if(get_option('YBN_colortheme') == 'Earth green') { echo '#header h3{color: #000; } ';}?> <?php if(get_option('YBN_colortheme') == 'Spit fire red' || get_option('YBN_colortheme') == "Chillin\' blue" || get_option('YBN_colortheme') == 'Quirky pink' and !get_option('YBN_blog_title_color')):?> #header h1 a, #header h2 a{color: white} #header h3 {color: white} <?php if((get_option('YBN_logo_url')!="") && (get_option('YBN_logo_url')!="http://")):?> #header_text{display:none} <?php endif?> #header h3{color: white; } <?php endif?> <?php else:?> #header{background-color: white} <?php endif?> <?php if(get_option('YBN_navbar_position')=="below"):?> #header .ad{color: white} <?php endif?> #head-identify h3, #head-identifyA h3{ <?php if(get_option('YBN_description')):?> font-family: <?php echo get_option('YBN_description')?>; <?php endif?> <?php if(get_option('YBN_description_size')):?> font-size: <?php echo get_option('YBN_description_size')?>px; <?php endif?> <?php if(get_option('YBN_description_color')):?> color: #<?php echo get_option('YBN_description_color')?>; <?php endif?> <?php if(get_option('YBN_description_bold') == 'true'):?> font-weight: bold; <?php endif?> <?php if(get_option('YBN_description_italic') == 'true'):?> font-style: italic; <?php endif?> <?php if(get_option('YBN_description_underline') == 'true'):?> text-decoration: underline; <?php endif?> <?php if(get_option('YBN_description_allcaps') == 'true'):?> text-transform: uppercase; <?php endif?> } #header ul { padding:8px 0 0 25px;} #header ul li { margin-right:0;} #header ul li ul { padding:2px 2px 10px 0; } #header .bar, #header .bar_under { overflow:visible; } #head-identify h1 a, #head-identify h2 a, #head-identifyA h1 a, #head-identifyA h2 a { <?php if(get_option('YBN_blog_title')):?> font-family: <?php echo get_option('YBN_blog_title')?>; <?php endif?> <?php if(get_option('YBN_blog_title_size')):?> font-size: <?php echo get_option('YBN_blog_title_size')?>px; <?php endif?> <?php if(get_option('YBN_blog_title_color')):?> color: #<?php echo get_option('YBN_blog_title_color')?>; <?php endif?> <?php if(get_option('YBN_blog_title_bold') == 'true'):?> font-weight: bold; <?php else:?> font-weight: normal; <?php endif?> <?php if(get_option('YBN_blog_title_italic') == 'true'):?> font-style: italic; <?php endif?> <?php if(get_option('YBN_blog_title_underline') == 'true'):?> text-decoration: underline; <?php endif?> <?php if(get_option('YBN_blog_title_allcaps') == 'true'):?> text-transform: uppercase; <?php else:?> text-transform: none; <?php endif?> } </style> <script type="text/javascript"> <!-- function show_featured_post(post, total_posts){ for(i=1;i<=total_posts;i++){ el = document.getElementById('post_'+i) p = document.getElementById('page_'+i) if(i == post){ el.style.display = 'block' p.className = 'active' }else{ el.style.display = 'none' p.className = '' } } } --> </script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <?php if(get_option('YBN_autoSlide') == 'Slideshow featured post' && is_home()){ ?> <script type="text/javascript" src='<?php bloginfo('stylesheet_directory'); ?>/script_slide.js'></script> <?php }else{ ?> <script type="text/javascript" src='<?php bloginfo('stylesheet_directory'); ?>/script.js'></script> <?php } ?> <script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/hoverIntent.js"></script> <script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/superfish.js"></script> <script type='text/javascript'> var $aw = jQuery.noConflict(); $aw(window).load(function() { var s1 = $aw("#sidebar").height(); var s2 = $aw("#sidebar2").height(); <?php if(get_option('YBN_sidebar_left_border_top') == 'true'): $x = (get_option('YBN_sidebar_left_border_bottom') == 'true' ? get_option('YBN_sidebar_left_border_size') : '0' ); ?> $aw("div#sidebar").css('height', s1 - (<?= get_option('YBN_sidebar_left_border_size') + ($x)?>)); <?php endif?> <?php if(get_option('YBN_sidebar_left_border_bottom') == 'true'): $x = (get_option('YBN_sidebar_left_border_top') == 'true' ? get_option('YBN_sidebar_left_border_size') : '0' ); ?> $aw("div#sidebar").css('height', s1 - (<?= get_option('YBN_sidebar_left_border_size') + $x?>)); <?php endif?> <?php if(get_option('YBN_sidebar_right_border_top') == 'true'):?> <?php $x2 = (get_option('YBN_sidebar_right_border_bottom') == 'true' ? get_option('YBN_sidebar_right_border_size') : '0' );?> $aw("div#sidebar2").css('height', s2 - (<?= get_option('YBN_sidebar_right_border_size') + ($x2) ?>)); <?php endif?> <?php if(get_option('YBN_sidebar_right_border_bottom') == 'true'):?> <?php $x2 = (get_option('YBN_sidebar_right_border_top') == 'true' ? get_option('YBN_sidebar_right_border_size') : '0' );?> $aw("div#sidebar2").css('height', s2 - (<?= get_option('YBN_sidebar_right_border_size') + ($x2) ?>)); <?php endif?> }); $aw(document).ready(function($){ $aw('#primarynav ul.sf-menu, #primarynav div.sf-menu').superfish({delay:700,speed: 'fast',animation:{opacity:'show',height:'show'}, dropShadows: false}); var thesuperfish = "sf-menu"; var jsenabled = "sf-js-enabled"; if($aw("#primarynav div").hasClass(thesuperfish + ", "+ jsenabled)) { $aw("#primarynav div").removeClass(thesuperfish + " "+jsenabled); $aw("#primarynav div ul").addClass(thesuperfish+ " "+jsenabled); if( $aw("#primarynav div ul li a").hasClass('sf-with-ul') ) { $aw("#primarynav div ul li ul").removeClass('children '+thesuperfish+ " "+jsenabled); $aw("#primarynav div ul li ul").addClass('sub-menu'); } } }); </script> <noscript> <style type="text/css"> #header_text { margin-bottom:69px; } .pages { display:none;} </style> </noscript> </head> <body<?php if(get_option('YBN_custom_styles')):?> class="custom-stylesheet"<?php endif?>> <div id="main"> <div class="topred"> <script type="text/javascript"><!-- google_ad_client = "ca-pub-4809205396736173"; /* red */ google_ad_slot = "7372660276"; google_ad_width = 728; google_ad_height = 15; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> <div> <div id="header"> <?php $ubt_waysA = get_option('YBN_logo_url')!= "" && get_option('YBN_logo_url')!= "http://" && get_option('YBN_navbar_position') == "above" ? 'heading-hide' : 'heading-above' ; $ubt_waysB = get_option('YBN_logo_url')!= "" && get_option('YBN_logo_url')!= "http://" && get_option('YBN_navbar_position') == "below" ? 'heading-hide' : 'heading-below' ; $ubt_div = get_option('YBN_navbar_position')=="below" ? 'head-identify' : 'head-identifyA'; ?> <div id="<?=$ubt_div?>"> <?php if ( is_home() || is_category() || is_archive() || is_search() ) { ?><h1 class="<?=get_option('YBN_navbar_position') == "above" ? $ubt_waysA : $ubt_waysB?>"><?php } else { ?><h2 class="<?=get_option('YBN_navbar_position') == "above" ? $ubt_waysA : $ubt_waysB?>"><?php } ?><a href="<?php bloginfo('home'); ?>"><?php bloginfo('name'); ?></a><?php if ( is_home() || is_category() || is_archive() || is_search() ) { ?></h1><?php } else { ?></h2><?php } ?> <h3 class="<?=get_option('YBN_navbar_position') == "above" ? $ubt_waysA : $ubt_waysB?>"><?php bloginfo('description'); ?></h3> </div> <?php if(get_option('YBN_navbar_position')=="below"):?> <div style="overflow: hidden;"> <?php if((get_option('YBN_logo_url')!="") && (get_option('YBN_logo_url')!="http://")) {?> <div id="logo"> <a href="<?php bloginfo('home'); ?>"><img src="<?php echo get_option('YBN_logo_url'); ?>" alt="" /></a> </div> <?php } else { ?> <div id="header_text"> </div> <?php } ?> <?php if(get_option('YBN_header_ad')):?> <div id="header_ad" class="ad"><?php echo stripslashes(get_option('YBN_header_ad'));?></div> <?php endif?> </div> <?php endif?> <?php if((get_option('YBN_navbar_position')=="below")) $under = '_under'?> <div id="primarynav" class="bar<?=$under?>" role="navigation"> <?php wp_nav_menu( array( 'menu' => '', 'container' => '', 'container_class' => 'bar'.$under .' children', 'container_id' => '', 'menu_class' => 'sf-menu', 'menu_id' => '', 'echo' => true, 'fallback_cb' => 'wp_page_menu', 'before' => '', 'after' => '', 'link_before' => '', 'link_after' => '', 'depth' => 0, 'walker' => '', 'theme_location' => 'primary-menu' ) ); include (TEMPLATEPATH . "/searchform.php"); ?> <!--/navbar items--> </div> <?php if(get_option('YBN_navbar_position')=="above"):?> <?php if((get_option('YBN_logo_url')!="") && (get_option('YBN_logo_url')!="http://") && get_option('YBN_navbar_position')=="above") {?> <div id="logo"> <a href="<?php bloginfo('home'); ?>"><img src="<?php echo get_option('YBN_logo_url'); ?>" alt="" /></a> </div> <?php } else { ?> <div id="header_text"> </div> <?php }?> <?php if(get_option('YBN_header_ad')):?> <div id="header_ad" class="ad"><?php echo stripslashes(get_option('YBN_header_ad'));?></div> <?php endif?> <?php endif?> </div> <img src="http://i1132.photobucket.com/albums/m561/karsintech/sweeperarm-1-1-1.jpg?t=1296178141">
Okay the css for that navbar is and you have to take the background image manually or you can download that theme here and take tha background image. Then look at this code This is where the link goes.So you can now get the idea of that navbar.Hope this helps.
The background image is there. You didn't look hard enough. Here is the image It is located at http://www.redmondpie.com/wp-conten...htness Theme/images/navimages/blank_overa.gif
The person asked how it was done. Just pointing the way, it is all there in front of them. I cannot do the work for them though. The problem is you need to adapt the target navigation to your current navigation. And to complicate things, one uses Superfish javascript dropdown menus.