Problemas con ajuste de imagen del header

  • Autor Autor Rafark
  • Fecha de inicio Fecha de inicio

Rafark

Dseda
Redactor
Verificación en dos pasos activada
¡Que tal!
Otra vez necesito ayuda, esta vez no logro acomodar bien el header de mi nuevo theme, ya busque y busque y no encuentro la soluciuon. Ya logre insertar la imagen, pero ha quedado muy grande y se me desfiguro el theme.

Esta es la web : Enlace eliminado.Voy a desactivar un rato el plugin de "pagina en construccion" para que lo revisen.

Este es el cdigo Header.php

PHP:
<!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="description" content="<?php bloginfo('description') ?>" />
<title><?php wp_title(''); ?><?php if(wp_title('', false)) { echo ' :'; } ?> <?php bloginfo('name'); ?></title>
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<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'); ?>" />

<?php 
wp_enqueue_script('jquery');
wp_enqueue_script('cufon', get_stylesheet_directory_uri() . '/js/cufon.js');
wp_enqueue_script('Myriad', get_stylesheet_directory_uri() . '/js/Myriad_Pro_700.font.js');
wp_enqueue_script('Effects', get_stylesheet_directory_uri() .'/js/effects.js');
wp_enqueue_script('easing', get_stylesheet_directory_uri() . '/js/jquery.easing.1.1.js');
wp_enqueue_script('carousal', get_stylesheet_directory_uri() . '/js/jcarousel.js');
?>

<script type="text/javascript"><!--//--><![CDATA[//><!--
sfHover = function() {
	if (!document.getElementsByTagName) return false;
	var sfEls1 = document.getElementById("catmenu").getElementsByTagName("li");
	for (var i=0; i<sfEls1.length; i++) {
		sfEls1[i].onmouseover=function() {
			this.className+=" sfhover1";
		}
		sfEls1[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover1\\b"), "");
		}
	}
		var sfEls1 = document.getElementById("menu").getElementsByTagName("li");
	for (var i=0; i<sfEls1.length; i++) {
		sfEls1[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls1[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
//--><!]]></script>

<?php wp_get_archives('type=monthly&format=link'); ?>
<?php //comments_popup_script(); // off by default ?>
<?php 
if ( is_singular() ) wp_enqueue_script( 'comment-reply' );
wp_head(); ?>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-30575514-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
</head>
<body>

<div id="masthead"> 
<div id="top"> 

<div id="cabecera" style="height:30">
	<h1><img src="http://www.fileden.com/files/2012/3/1/3272784/nuevo%20banner%20final.jpg" alt="descripcion imagen"></h1> 
	
</div>
<?php include (TEMPLATEPATH . '/searchform.php'); ?>
</div>

<div id="foxmenucontainer">
		<?php wp_nav_menu( array( 'container_id' => 'menu', 'theme_location' => 'primary','fallback_cb'=> '' ) ); ?>	
</div>

</div>

<div id="wrapper">
<div id="casing">

¡Muchas gracias!
 
Y cual es la ayuda que necesitas exactamente? Osea, que es lo que quieres? Puedes darle el tamaño directamente. lo que tienes es:

HTML:
<div id="cabecera" style="height:30"> 
    <h1><img src="http://www.fileden.com/files/2012/3/1/3272784/nuevo%20banner%20final.jpg" alt="descripcion imagen"></h1>  
     
</div>

puedes ponerle el tamaño a la imagen: (no se cual sea tu tamaño deseado, pero solo cambia los numeros

<div id="cabecera" style="height:30">
<h1><img src="http://www.fileden.com/files/2012/3/1/3272784/nuevo%20banner%20final.jpg" alt="descripcion imagen" style="width:400px;height:80px;"></h1>

</div>
 

¡Perfecto!

Me sirvio de mucho, gracias. El problema radica en que el buscador de la plantilla sigue desfigurado. ¿Alguna idea?
 
Yo diria que Tienes que poner tu header mas pequeño para darle espacio al buscador, porque creo que eso es lo que lo envia hacia abajo. Siempre puedes hacer trampa y ponerle al div del buscador un style="margin-top:-80px;" y probar si se ve bien jajaja