Google Custom Search Engine/Voorbeeld 3 met Bootstrap styling: verschil tussen versies
Uit MediaWikiGids
(Nieuwe pagina aangemaakt met 'Bron: https://www.cambiaresearch.com/articles/84/how-to-integrate-a-google-custom-search-popup-in-a-bootstrap-navbar Status: == Voorbeeld 3 == <pre> <style type="...') |
(→Voorbeeld 3) |
||
| Regel 19: | Regel 19: | ||
</style> | </style> | ||
</pre> | </pre> | ||
| + | <html> | ||
| + | <style type="text/css"> | ||
| + | .reset-box-sizing, .reset-box-sizing *, .reset-box-sizing *:before, .reset-box-sizing *:after, .gsc-inline-block | ||
| + | { | ||
| + | -webkit-box-sizing: content-box; | ||
| + | -moz-box-sizing: content-box; | ||
| + | box-sizing: content-box; | ||
| + | } | ||
| + | input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus, .gsc-search-button | ||
| + | { | ||
| + | box-sizing: content-box; | ||
| + | line-height: normal; | ||
| + | } | ||
| + | </style> | ||
| + | <script> | ||
| + | (function() { | ||
| + | var cx = '018439257105187159561:8ydlp_ajuk0'; | ||
| + | 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> | ||
| + | </html> | ||
Versie van 26 mrt 2019 om 12:48
Bron: https://www.cambiaresearch.com/articles/84/how-to-integrate-a-google-custom-search-popup-in-a-bootstrap-navbar Status:
Voorbeeld 3
<style type="text/css">
.reset-box-sizing, .reset-box-sizing *, .reset-box-sizing *:before, .reset-box-sizing *:after, .gsc-inline-block
{
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus, .gsc-search-button
{
box-sizing: content-box;
line-height: normal;
}
</style>