quitar fondo al buscador

yagami Seguir

Épsilon
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
1 Mar 2012
Mensajes
830
hola

estoy insertando el buscador de google en el theme
pero se ve asi, quisiera sacarle el fondo blanco y dejarlo en transparente
en el editor del buscador al crear el codigo no sale la opcion de dejarlo sin color :/

Captura.PNG
 
Última edición:

yagami

Épsilon
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
1 Mar 2012
Mensajes
830
Busca algo como search-form y donde diga background lo eliminas. :encouragement:

Pasa la web o el archivo header.php y style.css para ayudarte mejor.

ps no tiene esas lineas
Insertar CODE, HTML o PHP:
<script>
  (function() {
    var cx = '0666296259546908140691:xy_cqxzfwv0';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
        '//www.google.com/cse/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
  })();
</script>
<gcse:search></gcse:search>
 

GabrielShiroma

Delta
Programador
Verificación en dos pasos activada
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
30 Jun 2009
Mensajes
526
Hola,

¿Para qué web o theme es?
¿Cómo lo estás insertando?

Lo que te recomiendo es insertarlo con el código estandar que te da Google (que se encuentra acá: https://www.google.com/cse/tools/create_onthefly) y a partir de ahí lo personalizás.
Por ejemplo si le querés poner el fondo transparente simplemente te quedaría así:


HTML:
<!-- Si utilizas este código, asumiremos que aceptas las Condiciones del servicio de la Búsqueda personalizada de Google. -->
<!-- Las Condiciones del servicio están disponibles en la página http://www.google.com/cse/docs/tos.html. -->
<form name="cse" id="searchbox_demo" action="http://www.google.com/cse" style="background-color: transparent">
  <input type="hidden" name="cref" value="" />
  <input type="hidden" name="ie" value="utf-8" />
  <input type="hidden" name="hl" value="" />
  <input name="q" type="text" size="40" />
  <input type="submit" name="sa" value="Buscar" />
</form>
<script type="text/javascript" src="https://www.google.com/cse/tools/onthefly?form=searchbox_demo&lang="></script>

Lo que le agregué fue el style="background-color: transparent" dentro de la etiqueta form.

Fijate si es eso lo que buscabas... cualquier cosa avisá y avisanos si lo pudiste hacer ;)

Un saludo y suerte!
 

yagami

Épsilon
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
1 Mar 2012
Mensajes
830
Hola,

¿Para qué web o theme es?
¿Cómo lo estás insertando?

Lo que te recomiendo es insertarlo con el código estandar que te da Google (que se encuentra acá: https://www.google.com/cse/tools/create_onthefly) y a partir de ahí lo personalizás.
Por ejemplo si le querés poner el fondo transparente simplemente te quedaría así:


HTML:
<!-- Si utilizas este código, asumiremos que aceptas las Condiciones del servicio de la Búsqueda personalizada de Google. -->
<!-- Las Condiciones del servicio están disponibles en la página http://www.google.com/cse/docs/tos.html. -->
<form name="cse" id="searchbox_demo" action="http://www.google.com/cse" style="background-color: transparent">
  <input type="hidden" name="cref" value="" />
  <input type="hidden" name="ie" value="utf-8" />
  <input type="hidden" name="hl" value="" />
  <input name="q" type="text" size="40" />
  <input type="submit" name="sa" value="Buscar" />
</form>
<script type="text/javascript" src="https://www.google.com/cse/tools/onthefly?form=searchbox_demo&lang="></script>

Lo que le agregué fue el style="background-color: transparent" dentro de la etiqueta form.

Fijate si es eso lo que buscabas... cualquier cosa avisá y avisanos si lo pudiste hacer ;)

Un saludo y suerte!

hola
gracias x ayudar
pero no pudo hacer q busque en la pagina segun lo q me mandastes
depues de darle a personalizar me lleva esta pagina, q es la misma de donde cree el buscador https://www.google.com/cse/manage/c...zar+su+propio+Motor+de+búsqueda+personalizado

en el codigo q pusistes intnte poner la id del buscador e = no sale, ya q busca en la misma pagina de google
 

Cicklow

Admin
Dseda
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Suscripción a IA
Desde
30 May 2011
Mensajes
1.101
hola
gracias x ayudar
pero no pudo hacer q busque en la pagina segun lo q me mandastes
depues de darle a personalizar me lleva esta pagina, q es la misma de donde cree el buscador https://www.google.com/cse/manage/c...zar+su+propio+Motor+de+búsqueda+personalizado

en el codigo q pusistes intnte poner la id del buscador e = no sale, ya q busca en la misma pagina de google

el code este:
PHP:
<script type="text/javascript" src="https://www.google.com/cse/tools/onthefly?form=searchbox_demo&lang="></script>
es quien maneja el formulario, si sacas es JS puedes cambiar el color y demas cosas sin que el JS afecte!
 

xLincex

Zeta
Verificación en dos pasos activada
¡Ha verificado su Paypal!
Desde
23 Dic 2013
Mensajes
1.556
El buscador lo tienes que modifcar desde Motores de búsqueda personalizados , apariencia , personalizar, y en color de fondo ponerle un fondo igual al de tu web.

Saludos :encouragement:
 

yagami

Épsilon
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
1 Mar 2012
Mensajes
830
el code este:
PHP:
<script type="text/javascript" src="https://www.google.com/cse/tools/onthefly?form=searchbox_demo&lang="></script>
es quien maneja el formulario, si sacas es JS puedes cambiar el color y demas cosas sin que el JS afecte!

aia osea tengo q modificar este archivo, pero en donde pongo el color trasparente
https://www.google.com/cse/tools/onthefly
 
Arriba