Quote:
Originally Posted by gosiah23
Infopro, thanks for your reply. These are 2 options I like. Whatever is easier, but I think the 1st choice will look better.
See attached image.
Thanks a million for this mod and your help!
Margaret
|
Well, this is not perfect I don't think, but should put you in the right direction.
In your navbar template, find:
Code:
<vb:if condition="$vboptions['enablesearches']">
Just above it place this:
Code:
<!-- Translate vBulletin -->
<div style="position:absolute; right:200px;top:28px;" id="google_translate_element" class="select"></div><script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'en',
multilanguagePage: true,
layout: google.translate.TranslateElement.InlineLayout.SIMPLE
}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<!-- /Translate vBulletin -->
You really should want that style stuff added to your CSS instead of here but this will place it up by the Advanced Search text as you wanted for now. (see attachment, added to vB default style)
I didn't want to spend much time on this today but If I find some time I'd like to tweak the CSS and js to not be called from Google. In doing so the drop down and menu could be styled a bit nicer to match your site.
The stuff inside the div can be placed where ever you like, the js should be placed as close to the bottom of your page as possible for speed. That's why I originally placed it in footer.
In looking into the CSS end of this I did find one small tweak some might like:
Simply add this to the additional.css template to hide the "toolbar thing" and the balloon tips.
Code:
/* gtranslate */
.goog-te-banner-frame{display: none !important;}
body{top: 0px !important;}
.goog-te-balloon-frame{display: none !important;}
font{background: transparent !important;}
/* gtranslate */
Shamelessly stolen tip from here:
http://www.google.com/support/forum/...48c8591e&hl=en
Lots can be done with this. Just depends on how much playtime you have to experiment.