Quiero mi cabecera con dos menús

Scape · #1 (**permalink**) 17/04/2012, 14:12

Hola, escribo por que tengo una plantilla en mi web desde hace tiempo ya construida y todo...

el tema es que ahora mismo en la cabecera tengo solo una imagen el logo a la izquierda del todo y el menú encima de esa imagen.

Ahora quiero una cabecera con una imagen, el logo en el centro y abajo la barra de menús.

Como puedo cambiar esa parte sin cambiar mi plantilla entera.

Gracias

Nekko · #2 (**permalink**) 17/04/2012, 14:21

Posiblemente necesites editar tu header.php, habría que ver la estructura HTML CSS que tenés para ir viendo como modificarla y como querés utilizar tu nuevo menú (podés usar la nueva funcion wp_nav_menu o directamente llamar a un listado de categorías y páginas).

Orientanos un poco sobre lo que tenés y lo que ya hiciste como para ir guiandote mejor.

Scape · #3 (**permalink**) 17/04/2012, 14:33

Cita:

Iniciado por Nekko

Posiblemente necesites editar tu header.php, habría que ver la estructura HTML CSS que tenés para ir viendo como modificarla y como querés utilizar tu nuevo menú (podés usar la nueva funcion wp_nav_menu o directamente llamar a un listado de categorías y páginas).

Orientanos un poco sobre lo que tenés y lo que ya hiciste como para ir guiandote mejor.

Este es mi header

Código HTML:

Ver original<?php
global $link_page,$link_cat,$which_theme,$tabbed_page;
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-Strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
 
 
<?php if(get_option('rttheme_effect_options')){?>
<meta name="rttheme_effect_options" content="<?php echo get_option('rttheme_effect_options');?>" />
<?php }else{?>
<meta name="rttheme_effect_options" content="fade" />
<?php }?>
<?php if(get_option('rttheme_slider_time_out')){?>
<meta name="rttheme_slider_time_out" content="<?php echo get_option('rttheme_slider_time_out')*1000;?>" />
<?php }else{?>
<meta name="rttheme_slider_time_out" content="6000" />
<?php }?>
<meta name="rttheme_template_dir" content="<?php bloginfo('template_directory'); ?>" />
<?php if(get_option('rttheme_disable_cufon')){?>
<meta name="rttheme_disable_cufon" content="<?php echo get_option('rttheme_disable_cufon');?>" />
<?php }?>
 
<title><?php if (is_home()): bloginfo('name'); else: wp_title('');endif; ?></title>
 
<link rel="shortcut icon" href="<?php bloginfo('template_directory'); ?>/images/favicon.ico" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="<?php bloginfo('name'); ?> Atom Feed" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
 
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/css/style.css" />
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/css/<?php echo $which_theme;?>/style_cf.css" />
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/css/prettyPhoto.css" media="screen" />
 
 
<?php
//Register Jquery
wp_deregister_script('jquery');
wp_register_script('jquery',get_bloginfo('template_directory')  . '/js/jquery-1.4.2.min.js', false, '');
wp_enqueue_script('jquery'); 
?>
 
<?php if ( is_singular() && get_option( 'thread_comments' ) ) wp_enqueue_script( 'comment-reply' ); ?>
<?php wp_head(); ?> 
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.cycle.all.min.js"></script>
 
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.tools.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.validate.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.form.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.prettyPhoto.js"></script>
<?php if(!get_option('rttheme_disable_cufon')){?>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/cufon-yui.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/Aller_Light_400.font.js"></script>
<?php }?>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/script.js"></script>
 
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/css/ie6.css" />
<script type='text/javascript' src='<?php bloginfo('template_directory'); ?>/js/dd_belated_png.js'></script>
<script>DD_belatedPNG.fix('.png');</script>
<![endif]-->
 
<?php if(get_option('rttheme_slider_height')):
$new_heigth=get_option('rttheme_slider_height');
$new_heigth=trim(preg_replace('#px#', "",$new_heigth));
$new_arrow_position = ($new_heigth/2)-20;
?>
<style type="text/css">
  
    #slider, #slider_area, .slide{
    height:<?php echo $new_heigth;?>px !important;
    }    
 
    .prev, 
    .next {
    margin:<?php echo $new_arrow_position;?>px 0 0 0px;
    }
    
</style>
<?php endif;?>
 
</head>
<body>
<?php
// remove footer background if user set custom background image
$background = get_background_image();
$background_color = get_background_color();
if($background || $background_color){
    echo "<style>.footer_background{ background:transparent !important; }</style>";
}
?>
 
 
<div id="container">
    <!-- header -->
    <div id="header">
        <!-- logo -->
        <div id="logo"><a href="<?php bloginfo('url'); ?>" title="<?php echo bloginfo('name');?>"><img src="<?php if(get_option('rttheme_logo_url')): echo get_option('rttheme_logo_url'); else:?><?php bloginfo('template_directory'); ?>/images/<?php echo $which_theme;?>/logo.png<?php endif;?>" alt="<?php echo bloginfo('name');?>" class="png" /></a></div>
        <!-- /logo -->
         
        <!-- header links & flags-->
        <div class="top_content">
 
                <!-- top links -->
                <div class="top_links">
           
                    <?php
                    //find first a tag and add id
                    function add_class_top($output){ 
                        $bul="\"><a ";
                        $degistir=" first\"><a ";
                        return preg_replace('/'.$bul.'/', $degistir, $output, 1);        
                    }
                         
                    //top menu parameters
                    $top_menu=array(
                     'menu' => 'RT Theme Top Navigation Menu',
                     'depth'=> 1,
                     'echo' => false,
                     'menu_class'      => '', 
                     'menu_id'         => '',
                     'container'       => '', 
                     'container_class' => '', 
                     'container_id'    => '', 
                     'fallback_cb' => ''
                    );
                    
                    add_filter('wp_nav_menu', 'add_class_top');
                    echo wp_nav_menu($top_menu);
                    
                    ?>
                    
                </div>
                <!-- / top links -->
     
       <!-- / login form -->
         <div id="caja_form">
            <div class="izda"> <a href="login/login.do"><img src="images/btn-acceder.png" alt="acceder" border="0" align="middle" /></a>&nbsp;&nbsp;<a href="https://miweb.com"><img src="" alt="Registro" border="0" align="middle" /></a> 
      </div>
            <div class="caja_idiomas_registro">
                <div class="dcha">
                <!-- / flags -->    
                <?php do_action('icl_language_selector'); ?>&nbsp;
                <!-- / flags -->
                </div>
                <br />
           </div>
        <!-- / login form -->
        </div>
        <!-- / header links, form & flags -->
    </div>
    <!-- /header -->

Nekko · #4 (**permalink**) 17/04/2012, 14:42

Lo estás posteando para que te lo hagamos? No intentaste colocar el segundo menú por vos mismo?

PD: Por favor, utilizá bbcodes para tu codigo.

EDIT: El theme RT es premium...

Scape · #5 (**permalink**) 17/04/2012, 14:47

Cita:

Iniciado por Nekko

Lo estás posteando para que te lo hagamos? No intentaste colocar el segundo menú por vos mismo?

PD: Por favor, utilizá bbcodes para tu codigo.

EDIT: El theme RT es premium...

Ah ok ok pensé que me decias que lo pusiera.

No puse el segundo menú por que no tengo ni idea de como hacerlo.

Nekko · #6 (**permalink**) 17/04/2012, 14:50

Lee sobre wp_nav_menu y register_nav_menus. Para lo demás es cuestión de maquetar correctamente.

Te coloqué el código entre bbcodes, la próxima por favor no te olvides de hacerlo vos. Tenés los accesos en tu editor en donde dice "Highlight".

Scape · #7 (**permalink**) 17/04/2012, 14:55

Cita:

Iniciado por Nekko

Lee sobre wp_nav_menu y register_nav_menus. Para lo demás es cuestión de maquetar correctamente.

Te coloqué el código entre bbcodes, la próxima por favor no te olvides de hacerlo vos. Tenés los accesos en tu editor en donde dice "Highlight".

te agradezco muchísimo la ayuda Nekko, mi trabajo depende totalmente de esto. No quiero perder mi trabajo por no saber hacer esto. Te debo una grande

Nekko · #8 (**permalink**) 17/04/2012, 15:01

No hay problema, intentalo y si no lo lográs, posteá tus avances (te recomiendo postear sólo la porción de código correspondiente y no toda la plantilla, así como la porción de código del style.css).

Scape · #9 (**permalink**) 18/04/2012, 01:47

Cita:

Iniciado por Nekko

No hay problema, intentalo y si no lo lográs, posteá tus avances (te recomiendo postear sólo la porción de código correspondiente y no toda la plantilla, así como la porción de código del style.css).

Hola Nekko, vuelvo a escribirte en referencia al tema de los menús de ayer.

He estado mirando lo que me enviaste y esto es más bien para crear dos menús. Yo realmente no necesito dos menús, necesito que la cabecera esté arriba y abajo esté el menú en una línea horizontal debajo de esa cabecera. Esto también se hace con los links que me pasaste?

Gracias