Problemas para colocar meu logo no header do theme

  • Autor Autor MatComa
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
M

MatComa

Dseda
SEO
Hola compañeros, llevo unos días intentado poner mi logo en el header de mi theme y no lo consigo, ya vi unos cuantos hilos con la misma temática, pero no me sirvieron, por eso mi solicitud.

Veréis, el theme que uso no trae sitio para logo ni imágenes, solo el titulo y la descripción y mi intención es en el lugar del titulo poner mi logo, como el de la firma.
lo intente por medio del header.php aqui os dejo como es

Inserir CODE, HTML ou 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">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<meta name="distribution" content="global" />
<meta name="robots" content="follow, all" />
<meta name="language" content="en, sv" />
<title>
<?php wp_title(''); ?>
<?php if(wp_title('', false)) { echo ' :'; } ?>
<?php bloginfo('name'); ?>
</title>
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
<!-- leave this for stats please -->
<link rel="shortcut icon" href="<?php bloginfo('template_url'); ?>/favicon.ico" type="image/x-icon" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_get_archives('type=monthly&format=link'); ?>
<?php wp_head(); ?>
<style type="text/css" media="screen">
<!-- @import url( <?php bloginfo('stylesheet_url'); ?> ); -->
</style>
</head>

Y también lo intente modificando el style.css cuyo código es

Inserir CODE, HTML ou PHP:
body {
	color:#FFF;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	background-color: [B]Enlace eliminado[/B]
	background-image: url(images/body-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
a:link, a:visited {
	text-decoration:none;
	color:#205BB2;
	border:0;
	-moz-outline-style:none;
}
a:hover {
	text-decoration:underline;
	color:[B]Enlace eliminado[/B]
	border:0;
	-moz-outline-style:none;
}
a:active {
	text-decoration:underline;
	color:#205BB2;
	border:0;
	-moz-outline-style:none;
}
h1, h2, h3, h4 {
	font-family:Arial, Helvetica, sans-serif;
}
h2.pagetitle {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	font: normal 19px/22px Arial, Helvetica, sans-serif;
	color: [B]Enlace eliminado[/B]
}
img {
	border:none;
	margin:0;
	padding:0;
}
img.alignleft {
	margin-right:10px;
	margin-bottom:5px;
}
img.alignright {
	margin-bottom:5px;
	margin-left:10px;
}
hr {
	height:1px;
	border-top-width: 1px;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: dotted;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: [B]Enlace eliminado[/B]
	border-right-color: [B]Enlace eliminado[/B]
	border-bottom-color: [B]Enlace eliminado[/B]
	border-left-color: [B]Enlace eliminado[/B]
}
blockquote {
	background-color:#F0F2F4;
	border-left-width:5px;
	border-left-style:solid;
	border-left-color:#D6DBE0;
	margin:0 20px 10px 10px;
	padding:10px 15px;
}
* html blockquote {
	height:1%;
}
blockquote blockquote {
	margin-right:5px;
	margin-left:0;
	border-top: 1px solid [B]Enlace eliminado[/B]
	border-bottom: 1px solid [B]Enlace eliminado[/B]
	border-right-style: none;
	border-left-style: none;
}
blockquote p {
	margin:0;
	padding:0 0 5px;
}
#wrap {
	width:900px;
	position:relative;
	margin:0 auto;
	padding:0;
}
#header a {
	color:#FFF;
}

#sidebar a {
	color:#333333;
}
#header {
	clear:left;
	height:259px;
	width:920px;
	margin-right:auto;
	margin-left:auto;
	position:relative;
	background: url(images/header-bg.png) no-repeat center bottom;
}
#header h1 {
	font-size:54px;
	position:absolute;
	width:600px;
	left:50px;
	top:37px;
	font-weight:400;
	line-height:38px;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0;
	padding:0;
}
#header h1 a:hover {
	color: [B]Enlace eliminado[/B]
	text-decoration: none;
}
p.tagline {
	font-size:14px;
	font-weight:700;
	position:absolute;
	width:600px;
	top:85px;
	left:50px;
	color:#00CCFF;
	margin:0;
	padding:0;
}

Alguien me podría ayudar con alguna de las 2 opciones??

Salu2 y gracias
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
Amigo, fijate en el head.php de tu blog. Busca la linea :
<div id="header">
<h1>blab alb abla</h1>


</div>

Borra el contenido que tiene dentro del H1, y pon el link de tu logo en imagen.
 
Gracias amigo, con tu ayuda y la de san google al final pude ponerla, tuve que tocar el código css para situarla en sitio correcto.
el php quedo asi
Inserir CODE, HTML ou PHP:
<div id="header">
  <h1><img src="http://matcoma.com/wp-content/uploads/2012/03/logopequeño.png"></h1>
y el css asi
Inserir CODE, HTML ou PHP:
#header h1 {
	font-size:34px;
	position:absolute;
	width:600px;
	left:50px;
	top:17px;
	font-weight:400;
	line-height:38px;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0;
	padding:0;
}
Lo dejo aqui, por si a alguien mas le sirve.
Salu2
 
Voltar
Topo