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="...') |
|||
(Een tussenliggende versie door dezelfde gebruiker niet weergegeven) | |||
Regel 1: | Regel 1: | ||
Bron: https://www.cambiaresearch.com/articles/84/how-to-integrate-a-google-custom-search-popup-in-a-bootstrap-navbar | Bron: https://www.cambiaresearch.com/articles/84/how-to-integrate-a-google-custom-search-popup-in-a-bootstrap-navbar | ||
− | Status: | + | Status: Werkt niet |
== Voorbeeld 3 == | == 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> |
Huidige versie van 26 mrt 2019 om 12:54
Bron: https://www.cambiaresearch.com/articles/84/how-to-integrate-a-google-custom-search-popup-in-a-bootstrap-navbar Status: Werkt niet
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>