MyBB 1.8.x Mod Add Google Custom Search to Header [Edit Core File]
#1
Bug 
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
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(gcses);
 
 })();
</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 {
height4px;
line-height4px;
vertical-alignmiddle;
displayinline-block;
padding5px;
font-size12px;
font-weightbold;
color#FFFFFF !important;
background#00b4ff;
-moz-border-radius3px;
-
webkit-border-radius3px;
-
o-border-radius3px;
border-radius3px;
background-repeatrepeat-x;
background-position-1px;
margin-bottom3PX;
}


.
pinostudio-prefix-rojo {
height4px;
line-height4px;
vertical-alignmiddle;
displayinline-block;
padding5px;
font-size12px;
font-weightbold;
color#FFFFFF !important;
background#ff4b00;
-moz-border-radius3px;
-
webkit-border-radius3px;
-
o-border-radius3px;
border-radius3px;
background-repeatrepeat-x;
background-position-1px;
margin-bottom3PX;



.
googlesb {
 
   width25%;
 
   floatright;
 
   margin-top: -30px;
}


.
gsc-control-cse {
 
   background-colortransparent !important;
 
   bordernone !important;
 
   padding!important;
}

input.gsc-search-button,
input.gsc-search-button:focus {
 
   border-color#2c82c9 !important;
 
   background-color#2c82c9 !important;
 
   background-imagenone !important;
 
   filternone !important;
}

input.gsc-search-button:hover,
input.gsc-search-button:active
{
 
   opacity0.8 !important;
}

input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
 
   border-color#d0d3d4 !important;
 
   border-radius2px !important;

Eso es todo, Así de Fácil.
Referencias:
https://community.mybb.com/thread-208449.html
[Image: Captura_de_pantalla_2018_05_16_a_las_9_13_11_p_m.png]
[Image: 51.jpg]
We11World [ Winning Eleven ] , Blog , Archive Forums
Reply


Possibly Related Threads...
Thread Author Views Last Post
Bug
Tutorial
 Header Toplinks MyBB 1.8.x
DiegoPino 298 07-22-2018, 02:54 AM
Last Post: DiegoPino
Bug MyBB 1.8.x Mod  Google Search Console DiegoPino 233 07-10-2018, 01:10 AM
Last Post: DiegoPino
Lightbulb MyBB 1.8.x Mod  Board Statistics change -merge lines- [Edit Core File] DiegoPino 1,369 12-08-2016, 04:20 AM
Last Post: DiegoPino
Bug MyBB 1.8.x Mod  Thread Prefix on Forum Index [Edit Core File] DiegoPino 991 11-06-2016, 11:59 PM
Last Post: DiegoPino

Forum Jump:


Users browsing this thread: 1 Guest(s)