Themes y Diseño

Foro WordPress » WordPress » Themes y Diseño

Como modificar el header (6 mensajes)

Acerca de este hilo

Tags

  1. KekysLoco

    3.0
    Antiguedad: Ago 2011
    Mensajes: 17

    offline

    Publicado hace 9 meses
    #

    Hola amigos soy nuevo en esto de wordpress y me gustaria saber como agrandar en alto mi header sin descolocar mi plantilla claro salu2

  2. Max Lopez

    3.0
    Antiguedad: Ago 2011
    Mensajes: 30

    offline

    Publicado hace 9 meses
    #

    talvés si dejaras la url de tu blog, o el id del div que contiene al header podría ayudarte.

  3. KekysLoco

    3.0
    Antiguedad: Ago 2011
    Mensajes: 17

    offline

    Publicado hace 9 meses
    #

    todavia no es un blog no lo tengo subido al server, pero te puedo dejar si qieres el codigo de header.php o style.css esq no qiero tocar ai x si la lio xd

  4. Max Lopez

    3.0
    Antiguedad: Ago 2011
    Mensajes: 30

    offline

    Publicado hace 9 meses
    #

    Ok, que esperas que no lo dejas

  5. KekysLoco

    3.0
    Antiguedad: Ago 2011
    Mensajes: 17

    offline

    Publicado hace 9 meses
    #

    #header {
        position:relative;
        height:185px;
        background:url(images/bk_header.jpg) 0 51px no-repeat;
    }

    < !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 profile="http://gmpg.org/xfn/11" >
    < meta http-equiv="Content-Type" content="< ?php bloginfo('html_type'); ? >; charset=< ?php bloginfo('charset'); ? >" / >
    < meta name="keywords" content="< ?php echo get_option('alltuts_keywords'); ? >" / >
    < meta name="description" content="< ?php echo get_option('alltuts_description'); ? >" / >
    < title >< ?php wp_title('&laquo;', true, 'right'); ? > < ?php bloginfo('name'); ? >< /title >
    < link rel="stylesheet" type="text/css" media="all" href="< ?php bloginfo( 'stylesheet_url' ); ? >" / >
    < link href="< ?php bloginfo('template_directory'); ? >/css/ddsmoothmenu.css" rel="stylesheet" type="text/css" / >
    < link href="< ?php bloginfo('template_directory'); ? >/css/jquery.lightbox-0.5.css" rel="stylesheet" type="text/css" / >
    < script type="text/javascript" src="< ?php bloginfo('template_directory'); ? >/js/jquery-1.4.2.min.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.lightbox-0.5.min.js" >< /script >
    < script type="text/javascript" src="< ?php bloginfo('template_directory'); ? >/js/ddsmoothmenu.js" >< /script >
    < script type="text/javascript" src="< ?php bloginfo('template_directory'); ? >/js/cufon-yui.js" >< /script >
    < script type="text/javascript" src="< ?php bloginfo('template_directory'); ? >/js/Century_Gothic_400-Century_Gothic_700.font.js" >< /script >
    < !-- Cufon init -- >
    < script type="text/javascript" >
            < ?php if(get_option('alltuts_cufon')!="no"):? >
             Cufon.replace('h1',{hover: true})('h2')('h3')('.stepcarousel .panel .caption .title');
             < ?php endif ? >
        < /script >
    < !-- lightbox initialize script -- >
        < script type="text/javascript" >
            $(function() {
               $('a.lightbox').lightBox();
            });
         < /script >
    < !-- drop down top menu init -- >
    < script type="text/javascript" >
    ddsmoothmenu.init({
        mainmenuid: "topMenu", //menu DIV id
        orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
        classname: 'ddsmoothmenu', //class added to menu's outer DIV
        //customtheme: ["#1c5a80", "#18374a"],
        contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
    })

    < /script >

    < link rel="pingback" href="< ?php bloginfo('pingback_url'); ? >" / >
        < ?php wp_get_archives('type=monthly&amp;format=link'); ? >
        < ?php //comments_popup_script(); // off by default ? >
        < ?php wp_head(); ? >

    < /head >

    < body >
    < !-- Begin #wrapper -- >
    < div id="wrapper" >
        < !-- Begin #header -- >
        < div id="header" >
            < div id="logo" ><a>/" ><img />" alt="< ?php echo get_option('alltuts_logo_alt'); ? >" / ></a>< span >< ?php echo get_settings('blogdescription');? >< /span >< /div >
            < !-- Begin #topMenu -- >
            < ?php if ( function_exists( 'wp_nav_menu' ) ){
                        wp_nav_menu( array( 'theme_location' = > 'primary-menu', 'container_id' = > 'topMenu', 'container_class' = > 'ddsmoothmenu', 'fallback_cb'= >'primarymenu') );
                    }else{
                        primarymenu();
                }? >

            < !-- End #topMenu -- >
            < !-- Begin #topMenuRight -- >
                < div id="topMenuRight" >
                < ?php if ( function_exists( 'wp_nav_menu' ) ){
                        wp_nav_menu( array( 'theme_location' = > 'secondary-menu','fallback_cb'= >'secondarymenu') );
                    }else{
                        secondarymenu();
                }? >

                < /div >
            < !-- End #topMenuRight -- >
            < !-- Begin #socialLinks -- >
                < div id="socialLinks" >
                    < ?php if(get_option('alltuts_linkedin_link')!=""){ ? >
                    <a>" class="linkedin" title="Join us on LinkedIn!" >Join us on LinkedIn!</a>
                    < ?php }? >
                    < ?php if(get_option('alltuts_facebook_link')!="
    "){ ? >
                    <a>"
    class="facebook" title="Join us on Facebook!" >Join us on Facebbook!</a>
                    < ?php }? >
                     < ?php if(get_option('alltuts_twitter_user')!=""){ ? >
                    <a>" class="twitter" title="Follow Us on Twitter!" >Follow Us on Twitter!</a>
                    < ?php }? >
                    <a>"
    title="RSS" class="rss" >Subscribe to our RSS Feed!</a>
                < /div >
            < !-- End #socialLinks -- >
        < /div >
        < !-- End #header -- >

        < !-- Begin #content -- >
        < div id="content" class="clearfix" >

  6. Max Lopez

    3.0
    Antiguedad: Ago 2011
    Mensajes: 30

    offline
    Mejor respuesta

    Publicado hace 9 meses
    #

    Hola, solo modifica:
    #header {
    position:relative;
    height:200px;
    background:url(images/bk_header.jpg) 0 51px no-repeat;
    }
    Cambia el valor de height, por uno más grande(el que tu quieres).
    Ahora cuando dices "sin descolocar mi plantilla", no sé a qué te refieres, pues aumentar el alto del header es algo normal y no "deslocará" tu página, ojo eso sí tendrías que aumentar también el alto de la imagen de fondo del header para que no quede feo.

Responder

Debes Identificarte para publicar.

Foro WordPress » WordPress » Themes y Diseño