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>