Add Google Custom Search to Header
Para Añadir Google custom search box a MyBB debemos cambiar el Header Template y Global.Css, pero antes debemos de entrar a https://cse.google.com/cse/all para Personalizar Nuestra Caja de Búsqueda de Google.
Una Vez Ingresado y Personalizado la Caja de Búsqueda de Google, debemos de Cambiar el Header.
Header: Este es el Codigo que debo de Poner en el Template. Esta al Final
Home » Template Sets » Default Templates » Edit Template: header
y después Personalizamos la Caja de Google con el Estilo .CSS para que No se intercambie con Otros Objetos del header.
Home » Themes » Default » Editing global.css
Codigo Completo de lo que he Añadido Home » Themes » Default » Editing global.css contando con los Estilos de Prefix Mode
Eso es todo, Así de Fácil.
Referencias:
https://community.mybb.com/thread-208449.html
Para Añadir Google custom search box a MyBB debemos cambiar el Header Template y Global.Css, pero antes debemos de entrar a https://cse.google.com/cse/all para Personalizar Nuestra Caja de Búsqueda de Google.
Una Vez Ingresado y Personalizado la Caja de Búsqueda de Google, debemos de Cambiar el Header.
Header: Este es el Codigo que debo de Poner en el Template. Esta al Final
Home » Template Sets » Default Templates » Edit Template: header
PHP Code:
<div class=googlesb>
<script>
(function() {
var cx = '013981424964457603749:ejpys8iwla4';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})();
</script>
<gcse:search></gcse:search>
</div>
y después Personalizamos la Caja de Google con el Estilo .CSS para que No se intercambie con Otros Objetos del header.
Home » Themes » Default » Editing global.css
Quote:.googlesb {
width: 25%;
float: right;
margin-top: -30px;
}
.gsc-control-cse {
background-color: transparent !important;
border: none !important;
padding: 0 !important;
}
input.gsc-search-button,
input.gsc-search-button:focus {
border-color: #2c82c9 !important;
background-color: #2c82c9 !important;
background-image: none !important;
filter: none !important;
}
input.gsc-search-button:hover,
input.gsc-search-button:active
{
opacity: 0.8 !important;
}
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
border-color: #d0d3d4 !important;
border-radius: 2px !important;
}
Codigo Completo de lo que he Añadido Home » Themes » Default » Editing global.css contando con los Estilos de Prefix Mode
PHP Code:
/** Impromptu End */
.pinostudio-prefix {
height: 4px;
line-height: 4px;
vertical-align: middle;
display: inline-block;
padding: 5px;
font-size: 12px;
font-weight: bold;
color: #FFFFFF !important;
background: #00b4ff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
background-repeat: repeat-x;
background-position: 0 -1px;
margin-bottom: 3PX;
}
.pinostudio-prefix-rojo {
height: 4px;
line-height: 4px;
vertical-align: middle;
display: inline-block;
padding: 5px;
font-size: 12px;
font-weight: bold;
color: #FFFFFF !important;
background: #ff4b00;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
background-repeat: repeat-x;
background-position: 0 -1px;
margin-bottom: 3PX;
}
.googlesb {
width: 25%;
float: right;
margin-top: -30px;
}
.gsc-control-cse {
background-color: transparent !important;
border: none !important;
padding: 0 !important;
}
input.gsc-search-button,
input.gsc-search-button:focus {
border-color: #2c82c9 !important;
background-color: #2c82c9 !important;
background-image: none !important;
filter: none !important;
}
input.gsc-search-button:hover,
input.gsc-search-button:active
{
opacity: 0.8 !important;
}
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
border-color: #d0d3d4 !important;
border-radius: 2px !important;
}
Referencias:
https://community.mybb.com/thread-208449.html
![[Image: Captura_de_pantalla_2018_05_16_a_las_9_13_11_p_m.png]](https://image.ibb.co/iekHkd/Captura_de_pantalla_2018_05_16_a_las_9_13_11_p_m.png)