Colocar buscador sobre imagen de la cabecera

Inicio Foros WordPress Themes y Diseño Colocar buscador sobre imagen de la cabecera

Etiquetado: , ,

Este debate contiene 1 respuesta, tiene 1 mensaje y lo actualizó  aroagarcia hace 7 años, 8 meses.

  • Autor
    Publicaciones
  • #20010

    aroagarcia
    Participante

    <p>Tengo por un lado una cabecera con una imagen y necesito colocar sobre esa imagen el buscador de la web, no logro hacerlo.</p>
    <p>Cabecera:</p>
    <p>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;<br />
    &lt;html xmlns="http://www.w3.org/1999/xhtml&quot; &lt;?php language_attributes(); ?&gt;&gt;<br />
    &lt;head profile="http://gmpg.org/xfn/11"&gt;<br />
    &lt;link rel=”shortcut icon” href=”favicon.ico” /&gt;<br />
    &lt;meta http-equiv="Content-Type" content="&lt;?php bloginfo(‘html_type’); ?&gt;; charset=&lt;?php bloginfo(‘charset’); ?&gt;" /&gt;<br />
    &lt;meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /&gt;<br />
    &lt;title&gt;&lt;?php if (is_home () ) { bloginfo(‘name’); } elseif ( is_category() ) { single_cat_title(); if(get_bloginfo(‘name’) != "") </p>
    <p>echo ‘ – ‘ ; bloginfo(‘name’); }<br />
    elseif (is_single() ) { single_post_title(); }<br />
    elseif (is_page() ) { bloginfo(‘name’); if(get_bloginfo(‘name’) != "") echo ‘: ‘; single_post_title(); }<br />
    else { wp_title(”,true); } ?&gt;&lt;/title&gt;<br />
    &lt;script type="text/javascript" src="&lt;?php bloginfo(‘template_url’); ?&gt;/script.js"&gt;&lt;/script&gt;<br />
    &lt;link rel="stylesheet" href="&lt;?php bloginfo(‘stylesheet_url’); ?&gt;" type="text/css" media="screen" /&gt;<br />
    &lt;!–[if IE 6]&gt;&lt;link rel="stylesheet" href="&lt;?php bloginfo(‘template_url’); ?&gt;/style.ie6.css" type="text/css" media="screen" /&gt;&lt;!</p>
    <p>[endif]–&gt;<br />
    &lt;!–[if IE 7]&gt;&lt;link rel="stylesheet" href="&lt;?php bloginfo(‘template_url’); ?&gt;/style.ie7.css" type="text/css" media="screen" /&gt;&lt;!</p>
    <p>[endif]–&gt;<br />
    &lt;link rel="alternate" type="application/rss+xml" title="&lt;?php printf(__(‘%s RSS Feed’, ‘kubrick’), get_bloginfo(‘name’)); ?&gt;" </p>
    <p>href="&lt;?php bloginfo(‘rss2_url’); ?&gt;" /&gt;<br />
    &lt;link rel="alternate" type="application/atom+xml" title="&lt;?php printf(__(‘%s Atom Feed’, ‘kubrick’), get_bloginfo(‘name’)); ?&gt;" </p>
    <p>href="&lt;?php bloginfo(‘atom_url’); ?&gt;" /&gt;<br />
    &lt;link rel="pingback" href="&lt;?php bloginfo(‘pingback_url’); ?&gt;" /&gt;<br />
    &lt;link rel="stylesheet" type="text/css" href="engine/css/slideshow.css" media="screen" /&gt;<br />
    &lt;?php wp_head(); ?&gt;<br />
    &lt;/head&gt;<br />
    &lt;body&gt;<br />
    &lt;div id="art-page-background-simple-gradient"&gt;<br />
    &lt;/div&gt;<br />
    &lt;div id="art-main"&gt;<br />
    &lt;div class="art-Sheet"&gt;<br />
    &lt;div class="art-Sheet-tl"&gt;&lt;/div&gt;<br />
    &lt;div class="art-Sheet-tr"&gt;&lt;/div&gt;<br />
    &lt;div class="art-Sheet-bl"&gt;&lt;/div&gt;<br />
    &lt;div class="art-Sheet-br"&gt;&lt;/div&gt;<br />
    &lt;div class="art-Sheet-tc"&gt;&lt;/div&gt;<br />
    &lt;div class="art-Sheet-bc"&gt;&lt;/div&gt;<br />
    &lt;div class="art-Sheet-cl"&gt;&lt;/div&gt;<br />
    &lt;div class="art-Sheet-cr"&gt;&lt;/div&gt;<br />
    &lt;div class="art-Sheet-cc"&gt;&lt;/div&gt;<br />
    &lt;div class="art-Sheet-body"&gt;<br />
    &lt;div class="art-Header" style="clear: both;"&gt;<br />
    &lt;div class="art-Header-jpeg"&gt;&lt;/div&gt; (((( Esta es la Imagen)))))</p>
    <p>&lt;/div&gt;<br />
    &lt;div class="art-nav" style="z-index:99999"&gt;<br />
    &lt;div class="l"&gt;&lt;/div&gt;<br />
    &lt;div class="r"&gt;&lt;/div&gt;<br />
    &lt;ul class="art-menu"&gt;<br />
    &lt;?php art_menu_items(); ?&gt;</p>
    <p>&lt;/div&gt;<br />
    &lt;div style="z-index:0"&gt;</p>
    <p> &lt;title&gt;prueba&lt;/title&gt;<br />
    &lt;meta http-equiv="content-type" content="text/html; charset=UTF-8" /&gt;<br />
    &lt;meta name="keywords" content="prueba" /&gt;<br />
    &lt;meta name="description" content="prueba" /&gt;<br />
    &lt;!– Start WOWSlider.com HEAD section –&gt;<br />
    &lt;link rel="stylesheet" type="text/css" href="wp-content/engine/style.css" media="screen" /&gt;<br />
    &lt;style type="text/css"&gt;a#vlb{display:none}&lt;/style&gt;<br />
    &lt;script type="text/javascript" src="wp-content/engine/jquery.js"&gt;&lt;/script&gt;<br />
    &lt;!– End WOWSlider.com HEAD section –&gt;<br />
    &lt;!– Start WOWSlider.com BODY section –&gt;<br />
    &lt;div id="wowslider-container"&gt;<br />
    &lt;div id="wowslider-images"&gt;<br />
    <a href="#"><img src="wp-content/data/images/2.jpg" alt="" title="" /></a><br />
    <a href="#">&lt;img src="wp-content/data/images/5.jpg" alt="The standard Lorem Ipsum passage, used since the 1500s" title="Día a día </p>
    <p>creciendo" /&gt;"El éxito de FDPCanarias durante su primer año de vida demuestra la implicación del empresario canario con las nuevas </p>
    <p>tecnologías. Durante 2010 FDPCanarias organizó más de 6 NETWORKING con una afluencia media de más de 40 empresarios por evento. </p>
    <p>Más de 100 empresas inscritas, más de 500 usuarios acivos. ¿Faltas tú? UNETE a nuestro Foro."</a><br />
    <a href="#">&lt;img src="wp-content/data/images/3.jpg" alt="Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi " </p>
    <p>title="Hoy más que nunca el trabajo en equipo es necesario" /&gt;"FDPCanarias propone un nuevo marco de comunicación entre </p>
    <p>empresarios para fomentar el intercambio de productos y/o servicios, organizando Networking con cierta periodicidad. Para </p>
    <p>FDPCanarias, la Unión hace la fuerza, y nuestro objetivo es que las empresas Canarias sean muy fuertes, las más fuertes."</a><br />
    &lt;/div&gt;<br />
    <a href="http://wowslider.com">Free Photo Slider by WOWSlider.com v1.0.1</a><br />
    <a href="#"></a><br />
    &lt;div id="wowslider-shadow"&gt;&lt;/div&gt;<br />
    &lt;/div&gt;<br />
    &lt;script type="text/javascript" src="wp-content/engine/script.js"&gt;&lt;/script&gt;<br />
    &lt;!– End WOWSlider.com BODY section –&gt;<br />
    &lt;/div&gt;<br />
    &lt;div id="windex"&gt;<br />
    &lt;div class="widget"&gt;&lt;div class="inner"&gt;<br />
    &lt;?php if ( !function_exists(‘dynamic_sidebar’)<br />
    || !dynamic_sidebar(‘indexleft’) ) : ?&gt;<br />
    &lt;?php endif; ?&gt;<br />
    &lt;/div&gt;&lt;/div&gt;<br />
    &lt;div class="widget"&gt;&lt;div class="inner"&gt;<br />
    &lt;?php if ( !function_exists(‘dynamic_sidebar’)<br />
    || !dynamic_sidebar(‘indexcenter’) ) : ?&gt;<br />
    &lt;?php endif; ?&gt;<br />
    &lt;/div&gt;&lt;/div&gt;<br />
    &lt;div class="widget"&gt;&lt;div class="inner"&gt;<br />
    &lt;?php if ( !function_exists(‘dynamic_sidebar’)<br />
    || !dynamic_sidebar(‘indexright’) ) : ?&gt;<br />
    &lt;?php endif; ?&gt;<br />
    &lt;/div&gt;&lt;/div&gt;<br />
    &lt;/div&gt;</p>
    <p>BUSCADOR:</p>
    <p>&lt;div class="buscador"&gt;<br />
    &lt;Div style="z-index: 9999999;"&gt;<br />
    &lt;form method="get" id="searchform" action="&lt;?php bloginfo(‘home’); ?&gt;/"&gt;<br />
    &lt;div&gt;&lt;input type="text" size="put_a_size_here" name="s" id="s" value="Buscador" onfocus="if(this.value==this.defaultValue)</p>
    <p>this.value=”;" onblur="if(this.value==”)this.value=this.defaultValue;"/&gt;<br />
    &lt;input type="submit" id="searchsubmit" value="Buscar" class="btn" /&gt;<br />
    &lt;/div&gt;</p>
    <p>Muchas gracias de antemano. Un saludo
    </p>

  • #49095

    aroagarcia
    Participante

    Lo he conseguido solucionar, he copiado la etiqueta donde estaba copiado el header, le he añadido z-index= 0 a la primera y z-indez=1 a la superior, float y posicion relativa, y ha funcionado metiendo en la segunda etiqueta el buscador.

    Por si a alguien le ocurre lo dejo por aqui.

    Un saludo

El foro ‘Themes y Diseño’ está cerrado y no se permiten nuevos debates ni respuestas.

Pin It on Pinterest