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

Crear widget en header wordpress

Estas en el tema de Crear widget en header wordpress en el foro de WordPress en Foros del Web. Buenas, me gustaria saber como poner un widget en la parte inferior derecha de la imagen de mi header, para asi poner un cuadro de ...
  #1 (permalink)  
Antiguo 01/09/2012, 09:23
 
Fecha de Ingreso: septiembre-2012
Ubicación: Valencia
Mensajes: 14
Antigüedad: 12 años, 2 meses
Puntos: 0
Crear widget en header wordpress

Buenas, me gustaria saber como poner un widget en la parte inferior derecha de la imagen de mi header, para asi poner un cuadro de busqueda de google. Mi tema esta creado con artisteer, lo he intentado todo y ya no se como hacerlo, si podeis ayudarme lo agradeceria, no tengo mucho conocimiento de codigo css y html.
Mi web es http://www.tutorialteca.com
  #2 (permalink)  
Antiguo 01/09/2012, 13:15
Avatar de flashmax  
Fecha de Ingreso: julio-2012
Ubicación: Bs.As. Argentina
Mensajes: 507
Antigüedad: 12 años, 4 meses
Puntos: 86
Respuesta: Crear widget en header wordpress

Lo que quieres hacer es asi?
  #3 (permalink)  
Antiguo 01/09/2012, 19:27
 
Fecha de Ingreso: septiembre-2012
Ubicación: Valencia
Mensajes: 14
Antigüedad: 12 años, 2 meses
Puntos: 0
Respuesta: Crear widget en header wordpress

Siiiii correcto!!Como se puede hacer??
  #4 (permalink)  
Antiguo 01/09/2012, 19:30
 
Fecha de Ingreso: septiembre-2012
Ubicación: Valencia
Mensajes: 14
Antigüedad: 12 años, 2 meses
Puntos: 0
Respuesta: Crear widget en header wordpress

Solo que no tape lo escrito y que sea blanco solo el recudadro rectangulo de google :)
  #5 (permalink)  
Antiguo 01/09/2012, 20:50
Avatar de flashmax  
Fecha de Ingreso: julio-2012
Ubicación: Bs.As. Argentina
Mensajes: 507
Antigüedad: 12 años, 4 meses
Puntos: 86
Respuesta: Crear widget en header wordpress

Ubica en tu estilo css
Código:
div.art-header-jpeg
{
  position: absolute;
  top: 0;
  left:-50%;
  width: 1000px;
  height: 208px;
  background-image: url("../../../wp-content/themes/tema4/images/header.jpg");
  background-repeat: no-repeat;
  background-position: center center;
}
y agraga esto a continuación
Código:
div.googlesearch
{
  position: absolute;
  bottom:15px;
  right: 15px;
}

inserta esto dentro del div: <div class="art-header-jpeg">

Código:
<div class="googlesearch"><!-- SiteSearch Google -->
<FORM method=GET action="http://www.google.com/search">
<input type=hidden name=ie value=UTF-8>
<input type=hidden name=oe value=UTF-8>
<TABLE bgcolor="#FFFFFF"><tr><td>
<A HREF="http://www.google.com/">
<IMG SRC="http://www.google.com/logos/Logo_40wht.gif" 
border="0" ALT="Google"></A>
</td>
<td>
<INPUT TYPE=text name=q size=31 maxlength=255 value="">
<INPUT type=submit name=btnG VALUE="Google Search">
<font size=-1>
<input type=hidden name=domains value="http://www.tutorialteca.com/"><br><input type=radio name=sitesearch value=""> WWW <input type=radio name=sitesearch value="http://www.tutorialteca.com/" checked> http://www.tutorialteca.com/<br>
</font>
</td></tr></TABLE>
</FORM>
<!-- SiteSearch Google --></div>

Etiquetas: header, html, widgets
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 22:16.