Foros del Web » Creando para Internet » Sistemas de gestión de contenidos » WordPress »

Como puedo configurar mi header asi..

Estas en el tema de Como puedo configurar mi header asi.. en el foro de WordPress en Foros del Web. El caso esque tengo una plantilla de wordpress llamada dilectio, mi blog es guatezona y quiero configuarlo estilo Molotera . Lo que quiero hacer es ...
  #1 (permalink)  
Antiguo 03/05/2009, 14:21
Avatar de jorgelocobots  
Fecha de Ingreso: febrero-2009
Ubicación: Puerto Barrios, Guatemala
Mensajes: 54
Antigüedad: 15 años, 2 meses
Puntos: 0
Como puedo configurar mi header asi..

El caso esque tengo una plantilla de wordpress llamada dilectio, mi blog es guatezona y quiero configuarlo estilo Molotera.

Lo que quiero hacer es correr la descripcion a la izquierda y a la vez poder hacer algo para que al hacer click en el nombre (convertido en la imagen) me de a la pagina principal al igual que molotera... un amigo me esta ayudando en eso.. pero el solo sabe de diseño grafico y nada de php que es lo que usa wp para la configuracion..

Espero me puedan ayudar en algo y si necesitan algo para que sea mas descriptivo se los doy

Código 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">
<? $theTitle=wp_title(" - "false); if($theTitle != "") { ?><title><?php echo wp_title("",false); ?> - <?php bloginfo('name'); ?></title>
<? } else { ?><title><?php bloginfo('name'); ?></title><? ?>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="cache-control" content="no-cache" />
<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url'); ?>" />
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/javascript/imghover.js"> </script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/javascript/tabs.js"> </script>
<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="shortcut icon" href="<?php bloginfo('template_url'); ?>/favicon.ico" type="image/x-icon" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_head(); ?>
</head>

<body>
<div id="bgcontainer">

<!-- START Header -->
<div class="Header">
<div class="Logo">
<div class="LogoText">
 <h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
</div>
<p class="Desc"><?php bloginfo('description'); ?></p>
</div>

<div class="Menu">
   <ul>
   <li><a href="<?php echo get_option('home'); ?>/"><span>Inicio</span></a></li>
<?php
$pages 
wp_list_pages('sort_column=menu_order&title_li=&echo=0');
$pages preg_replace('%<a ([^>]+)>%U','<a $1><span>'$pages);
$pages str_replace('</a>','</span></a>'$pages);
echo 
$pages;
?>
  </ul> 
</div>
</div>
<!-- END Header -->
  #2 (permalink)  
Antiguo 03/05/2009, 15:38
Avatar de GatorV
$this->role('moderador');
 
Fecha de Ingreso: mayo-2006
Ubicación: /home/ams/
Mensajes: 38.567
Antigüedad: 18 años
Puntos: 2135
Respuesta: Como puedo configurar mi header asi..

Tema trasladado desde PHP
  #3 (permalink)  
Antiguo 03/05/2009, 18:24
Avatar de Nekko
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Buenos Aires
Mensajes: 3.141
Antigüedad: 16 años, 1 mes
Puntos: 656
Respuesta: Como puedo configurar mi header asi..

Andá al CSS y cambiá esto:

.Logo { float: right; width: 510px;}

Ponele float: left; para que te muestre a la izquierda el nombre y descripción del blog.

Es eso lo que querías hacer?
__________________
Taller para crear themes wordpress desde cero | Presupuestos para trabajos particulares vía MP
  #4 (permalink)  
Antiguo 03/05/2009, 20:54
 
Fecha de Ingreso: mayo-2007
Ubicación: Chile
Mensajes: 42
Antigüedad: 17 años
Puntos: 1
Respuesta: Como puedo configurar mi header asi..

Esta es la imagen que hace diferente el header de molotera al tuyo.
molotera.com/wp-content/themes/molotera/dilectio/images/molotera_header.jpg
necesitas crear una imagen a tu estilo con las siguientes medidas: 1005px X 130px.

Una vez que la tengas creada la subes a tu web supongamos al directorio images de tu theme de wordpress.

Para insertarla a la pagina lo haces atravez del CSS, por lo general Style.css en la carpeta del theme.

Editalo y busca el estilo .Header {
y agrega la siguiente linea:

Código CSS:
Ver original
  1. Background:transparent url(images/tuheader.gif) no-repeat;

Si te queda un poco descuadrada, lo puedes manejar con padding y margin.

Saludos.

Espero que sea de ayuda.

Nos cuentas como te fue
  #5 (permalink)  
Antiguo 04/05/2009, 00:03
Avatar de jorgelocobots  
Fecha de Ingreso: febrero-2009
Ubicación: Puerto Barrios, Guatemala
Mensajes: 54
Antigüedad: 15 años, 2 meses
Puntos: 0
Respuesta: Como puedo configurar mi header asi..

gracias por sus respuestas ahorita estoy en eso ;)
  #6 (permalink)  
Antiguo 08/05/2009, 08:14
Avatar de jorgelocobots  
Fecha de Ingreso: febrero-2009
Ubicación: Puerto Barrios, Guatemala
Mensajes: 54
Antigüedad: 15 años, 2 meses
Puntos: 0
Respuesta: Como puedo configurar mi header asi..

Bueno, pues ya tengo el header y el titulo corrido y toda la onda como me enseñaron.. ahora lo que falta es crear la opcion de al darle click en el nombre de la web situada en el header me mande a la pagina principal... identicamente a www.molotera.com ... mi web es www.guatezona.com
  #7 (permalink)  
Antiguo 08/05/2009, 10:41
 
Fecha de Ingreso: mayo-2007
Ubicación: Chile
Mensajes: 42
Antigüedad: 17 años
Puntos: 1
Respuesta: Como puedo configurar mi header asi..

Jorge:

Lo haces con html no mas con <A HREF>.

Si quieres puedes pegar el codigo del header y te indico donde ponerlo.

saludos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:10.