Forum Translator by Google

[Infopro]

I'm not sure if anyone else has posted this, if so I apologize. I did find some other earlier versions of mods to use Google Translate, but could not find one similar and as simple to use as this.

In the footer template, find the first instance of:

</form>

Just below it add this:

<!-- Translate vBulletin -->
<div id="google_translate_element" class="footer_select"></div><script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'en',
multilanguagePage: true,
gaTrack: true,
gaId: 'UA-12345-12',
layout: google.translate.TranslateElement.InlineLayout.SIM PLE
}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<!-- /Translate vBulletin -->

Remove the 2 lines in red if you don't use Google Analytics. If you do, edit the number to your own.

It's so simple I think this would work on any version of vB. :)

[COL NIL SATIS]

Any screenshot's mate?

[Infopro]

Live example, check footer: http://forums.cpanel.net/

[Hippy]

installed
Nominated
rated..

very nice mod

[RK KINGKONG]

thanks HIPPY for directing me here , lol . to think i was just looking for something like this the other day on a site you have to pay for it. this is an amazing add on . GREAT JOB voted/installed/nominated.. remind me to get you a call girl.

[COL NIL SATIS]

Live example, check footer: http://forums.cpanel.net/

Cheers :up:

[BadgerDog]

Installed for testing with thanks ... :)

Amazingly simple and effective ... :up:

Regards,
Doug

[COL NIL SATIS]

Does this add any strain to the server load??

[Infopro]

The only thing it might do is slow page load on a slow computer while the tool code is loaded from the google server, not yours.

Make your own depending on your needs. :)
http://translate.google.com/translate_tools

[zelnik]

brilliant thanks!

[tafreeh]

Thanks allot for this :)

[thedvs]

this messes with the thread titles when u go to edit them

seems to add code

[Infopro]

In my tests this had no effect on text areas whatsoever while editing.

[BadgerDog]

this messes with the thread titles when u go to edit them

seems to add code

I'm running 4.04pl1 and have not had any problems with this ... :confused:

Regards,
Doug

[freddie3218]

This is great! However, how do you make it so that you only have 2 or 3 languages that it will translate? Is there a way to do it?

IE: English forum

Translated into French and Spanish.

[Hippy]

The only thing it might do is slow page load on a slow computer while the tool code is loaded from the google server, not yours.

Make your own depending on your needs. :)
http://translate.google.com/translate_tools

This is great! However, how do you make it so that you only have 2 or 3 languages that it will translate? Is there a way to do it?

IE: English forum

Translated into French and Spanish.

you can customize it here ;)

no issues with anything ..

[BadgerDog]

Ok, finished some testing ... :)

Great idea and adds a lot of value to users where the forum isn't in their native language, but for whatever reason, on our site it has a load penalty of between 3-4 seconds on home page, as an example.

If I remove this Google script, it speeds up etc ...

Although I don't have the skill, I think if this was a mod where the default language could be user selectable from a specific link and then when it went to that page, it only loaded the Google code then, it might be a compromise.

As is, I have to remove it from the footer as the drag on ALL individual page loading is too high...

Thanks anyway.. interesting mod .. :)

Regards,
Doug

[Infopro]

I did not test on a forum with as many cats as yours with googleads, groupon ads, livesupport, some sort of profilehover js and whatever else you've got going on there, which appears to be quite a bit.

Indeed, this may not be for everyone. ;)

You can surely wrap this with if tags of some sort (https://vborg.vbsupport.ru/showthread.php?t=231525) and only show it on certain forums. Or, set it as I have on my test forum to only show for guests.

GL!

[zelnik]

Using Firefox is anyone getting a constant "transferring data from translate.googleapis.com" in the status bar?!?!

Doesn't seem to do it on Chrome or IE?

[BadgerDog]

You can surely wrap this with if tags of some sort (https://vborg.vbsupport.ru/showthread.php?t=231525) and only show it on certain forums. Or, set it as I have on my test forum to only show for guests.

GL!

Thanks for the link to that page. Has a lot of really good uses, other than solving our load problem. :D

The conditional we'd love to test for is one where the incoming user is NOT using English, but I have no idea how that would work. Regardless of what we use on our page which only usually takes 4.5-5 secs to load the entire home page without any caching at all, we've also tested this with other forums using Pingdom independent load analysis and the result is still a 15-20% load penalty, again, for whatever reason.


Using Firefox is anyone getting a constant "transferring data from translate.googleapis.com" in the status bar?!?!

Doesn't seem to do it on Chrome or IE?

Yes, constant while we were testing, but of course, disappeared when we un-installed it.

Regards,
Doug

[Infopro]

Using Firefox is anyone getting a constant "transferring data from translate.googleapis.com" in the status bar?!?!

Doesn't seem to do it on Chrome or IE?

Sounds like some sort of plugin preventing the connection if I was to guess.

I suppose another solution to using this might be to clone your main theme as a child style (so that any changes made to the parent are made to child as well) and name it multi-language. Make that style available on the style selector and only use this translator on that style, not the default.

If a guest visits and see this style and selects it, they would then be given the option to change language.

Just an idea of course. ;)

[BadgerDog]

I suppose another solution to using this might be to clone your main theme as a child style (so that any changes made to the parent are made to child as well) and name it multi-language. Make that style available on the style selector and only use this translator on that style, not the default.

If a guest visits and see this style and selects it, they would then be given the option to change language.

Just an idea of course. ;)

That's an excellent idea ... :)

Regards,
Doug

[RK KINGKONG]

i second that installed
Nominated
rated..

very nice mod installed
Nominated
rated..

very nice mod

[CharlieDelta]

Simple, neat and fantastic!

[Danasy]

Nice mod, thank you!

[zelnik]

Hi Infopop.

Got an odd one for you.

A user on my site is claiming that ever since I installed this modification that it loads a toolbar on his browser?!?!

Supposedly it only happens on my site and doesn't show up when he is browsing other sites?

[Infopro]

Ask him to grab a screenshot that you can post here, for fun, to take a peek. There are no popups added to this from Google that I'm aware of.

[zelnik]

Ask him to grab a screenshot that you can post here, for fun, to take a peek. There are no popups added to this from Google that I'm aware of.

Unfortunately the user is not very computer literate but has pasted the following he gets on the screen, I've googled the text and found nothing and I've installed every damn toolbar on the planet and can not replicate it. :)

"Ver esta p?gina en: espa?ol Traductor de Google Desactivar para: ingl?s
Traducci?n en curso (%) Cancelar
Traducido al: Mostrar texto original
Error: el servidor no ha podido completar la solicitud. Vuelve a intentarlo m?s tarde.
M?s informaci?n "

[gosiah23]

Infopro, I would love to have this right below the header or somewhere at the top of the forum so every visitor would see it. How do I do this?

Thanks,

Margaret

[Infopro]

Unfortunately the user is not very computer literate but has pasted the following he gets on the screen, I've googled the text and found nothing and I've installed every damn toolbar on the planet and can not replicate it. :)

"Ver esta p?gina en: espa?ol Traductor de Google Desactivar para: ingl?s
Traducci?n en curso (%) Cancelar
Traducido al: Mostrar texto original
Error: el servidor no ha podido completar la solicitud. Vuelve a intentarlo m?s tarde.
M?s informaci?n "

From what I can make out of that message, it is indeed from Google, if I was to guess.

Something about timing out. Is this user on a dialup connection or old computer maybe? No clues, but if this continues for this user and others you might try my suggestion above to hide it from some user groups.

I can't really comment on the code for how this works or Googles servers responses of course. I have nothing to do with Google. I'm just adding some code from google to a forum. If that code from Google does not work properly, not much I can do except to suggest removing this, or hide it for specific user groups. If a user is bothered by it, add them to a special addon usergroup that can't see it, for example.

@gosiah23

Shouldn't be too much trouble, point me to exactly where you'd like to see it.

[Hippy]

with ie8 i noticed the Google Translator coming on just under the tabs.. but it don't stay there..
I wouldn't call it a tool bar...

I also think it could be disabled.. in ie or jsy tick the little box on the right of the bar..

screen shot ...attached

[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.

126408

Thanks a million for this mod and your help!

Margaret

[BadgerDog]

We use Google Analytics and it provides a breakdown that shows visitors to our site by what language they're using.

It follows that there must be a variable on connection that can be interrogated to determine that information?

Would anyone know how to do that, so that we could have this mod display ONLY if the user is connecting using anything except English?

Thanks for any feedback.. :)

Regards,
Doug

[Infopro]

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:


<vb:if condition="$vboptions['enablesearches']">



Just above it place this:


<!-- 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.SIM PLE
}, '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.


/* 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/p/webelements/thread?tid=37e87f3b48c8591e&hl=en

Lots can be done with this. Just depends on how much playtime you have to experiment. :)

[Infopro]

We use Google Analytics and it provides a breakdown that shows visitors to our site by what language they're using.

It follows that there must be a variable on connection that can be interrogated to determine that information?

Would anyone know how to do that, so that we could have this mod display ONLY if the user is connecting using anything except English?

Thanks for any feedback.. :)

Regards,
Doug

Not sure I follow you, but did you add your GA code to this? (marked in red in first post)

As for ONLY display if user is connecting using anything other than English, well, you can look at the google site in an earlier post and select your options yourself. Then just add your new code where this old code is located. This can be set to automatically translate and other things.

[gosiah23]

Infopro, many thanks again! I will give it a try :)

Margaret

[imran_khatri]

but how to add URDU lang in it becouse Google Translater has urdu but this don't have. any sulotion?

[Crogge]

I really like this modification, though I noticed a increased loading time because it is connecting to the Google servers each time. Is there a possibility to use this modification and let it access the Google servers only when you actually need it?

[BadgerDog]

I really like this modification, though I noticed a increased loading time because it is connecting to the Google servers each time. Is there a possibility to use this modification and let it access the Google servers only when you actually need it?

That's what I was trying to say, albeit badly, in my post above, repeated here:

We use Google Analytics and it provides a breakdown that shows visitors to our site by what language they're using.

It follows that there must be a variable on connection that can be interrogated to determine that information?

Would anyone know how to do that, so that we could have this mod display ONLY if the user is connecting using anything except English?

Thanks for any feedback.. :)

Regards,
Doug

[Infopro]

but how to add URDU lang in it becouse Google Translater has urdu but this don't have. any sulotion?

In the code find:
pageLanguage: 'en',

Add this below:
includedLanguages: 'ur'

On the Translate Tools Site (http://translate.google.com/translate_tools) is where you'd generate the code if you need advanced options, you should have a close look there and at the auto generated code it provides.

That's what I was trying to say, albeit badly, in my post above, repeated here:

I'm not sure I understand the increased loading time thing. Pages don't load any slower with this in footer that I can see.

If you mean the same thing as this comment:

getting a constant "transferring data from translate.googleapis.com" in the status bar?!?!

as mentioned earlier, this is google's code. I can't account for the connection or accuracy of this tool. I didn't make the translator, I only added it to vB using the code I've shared here. I do not think that message in the footer of your browser is a problem, nor slowing page load speed when it's not being used.

When it is in use, sure the time it takes translate a page and finish "transferring data from translate.googleapis.com" to your browser there might be some delay.

[Crogge]

...

I'm not sure I understand the increased loading time thing. Pages don't load any slower with this in footer that I can see.

...

Well my forums loads normally in 1-2 seconds for me and with this modification it takes 4-5 seconds minimum because its connecting to Google first even if its not in use (No translation).

[BadgerDog]

Well my forums loads normally in 1-2 seconds for me and with this modification it takes 4-5 seconds minimum because its connecting to Google first even if its not in use (No translation).

Yup ... +1 ...

Anyway, on the other matter, what I'm trying to say ... is it possible to make the execution of this mode conditional?

In other words, wrap the mod in IF THEN code?

ie: If the language is NOT English, then execute this code

<!-- Translate vBulletin -->
<div id="google_translate_element" class="footer_select"></div><script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'en',
multilanguagePage: true,
gaTrack: true,
gaId: 'UA-12345-12',
layout: google.translate.TranslateElement.InlineLayout.SIM PLE
}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<!-- /Translate vBulletin -->


ELSE do not execute the mod....

Is that any clearer and is it possible to create such a conditional? :)

Thanks for any help ...

Regards,
Doug

[Dr.osamA]

Excellent = 5 stars

installed

thank you

[SuperTaz]

Simple and easy. Thank you. Nominated also.

[8thos]

Slowed my site down a lil bit. Uninstalled.

[jitsuboy]

Anyway to put this in the header instead?

[OldSchoolDSL]

Nominated Mod of The Month

This worked wonderfully on my test site, but because I use CometChat... Which already adds to my load ... I will not be able to use this on my community.

[thr45h3r]

Clean easy and works great :)

Marked Installed

Thanks

[BlueCheri]

Great!

Installed and nominated :)

Thanx

[scottct1]

Well my forums loads normally in 1-2 seconds for me and with this modification it takes 4-5 seconds minimum because its connecting to Google first even if its not in use (No translation). I have had to uninstall it from mine because of this issue.

I hope they can fix it as its a great mod, but I was getting to many complaints from people.

[BadgerDog]

I have had to uninstall it from mine because of this issue.

I hope they can fix it as its a great mod, but I was getting to many complaints from people.

If we could get an "if then ..." statement to check for the standard language, then the mod wouldn't execute and hence the Google load delay wouldn't happen, except in the case where the user was connecting with a language other than the site default. If the latter, then I don't think he's going to mind the delay if he's able to use the mod to get the site displayed in his own native language.

Regards,
Doug

[guru1221]

thanks installed

[karlm]

If we could get an "if then ..." statement to check for the standard language, then the mod wouldn't execute and hence the Google load delay wouldn't happen...
seconded.

gr8 idea btw dev.

[LeventX]

Thank you..Installed..

[SkyStryder]

Awesome. I have installed it. Some people have mentioned that it is
slowing down the page load. I believe that will only happen if you
are using the Google Analytics lines. Unfortunately, Google Analytics
does add a delay when the page is loaded. They usually specify to
put it in the header but I put it in the footer to reduce "apparent" load time.
It does mean that if the user aborts before the page is fully loaded, it
won't be counted.

Thank you!
Rick

[COL NIL SATIS]

Installed!!!!!!! great work man

[Marv]

seconded.

gr8 idea btw dev.

If we could get an "if then ..." statement to check for the standard language, then the mod wouldn't execute and hence the Google load delay wouldn't happen, except in the case where the user was connecting with a language other than the site default. If the latter, then I don't think he's going to mind the delay if he's able to use the mod to get the site displayed in his own native language.

Regards,
Doug

I really like this modification, though I noticed a increased loading time because it is connecting to the Google servers each time. Is there a possibility to use this modification and let it access the Google servers only when you actually need it?

That's what I was trying to say, albeit badly, in my post above, repeated here:

Yup ... +1 ...

Anyway, on the other matter, what I'm trying to say ... is it possible to make the execution of this mode conditional?

In other words, wrap the mod in IF THEN code?

ie: If the language is NOT English, then execute this code

<!-- Translate vBulletin -->
<div id="google_translate_element" class="footer_select"></div><script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'en',
multilanguagePage: true,
gaTrack: true,
gaId: 'UA-12345-12',
layout: google.translate.TranslateElement.InlineLayout.SIM PLE
}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<!-- /Translate vBulletin -->
ELSE do not execute the mod....

Is that any clearer and is it possible to create such a conditional? :)

Thanks for any help ...

Regards,
Doug

+1. Anyone ?

[Juggernaut]

The if condition should be doable. I wonder if someone will come up with the code here, will keep an eye out, as I haven't tried anything myself. :)

[Infopro]

I'm not aware of a language conditional. If you have a link to one we could surely use it.

There are usergroup conditionals of course, and an option to use one was posted earlier in this thread.

[MAdotcom]

Very cool thanks!!!

[Baghira]

Wow, Cool. Thanks.

Simple and effective

[LeventX]

Perfect....Thank you.Installed..

[billstelling]

<!-- Translate vBulletin -->
<style>
.goog-te-banner-frame{display: none !important;}
body{top: 0px !important;}
</style>

<style>
.goog-te-balloon-frame{display: none !important;}
font{background: transparent !important;}
</style>

<div id="google_translate_element" class="footer_select"></div><script>
function googleTranslateElementInit() {new google.translate.TranslateElement({
pageLanguage: 'en', gaTrack: true,}, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<!-- /Translate vBulletin -->
there is no pop up in this one and instead it is a list like the theme selector and also the stuff wont pop up when you mouse over text.. much more user friendly.. you can check it out on my site www.thewindowscenter.com. I found the changed code on google dev.
I want to change the powered by google to the right of it instead on under it if anyone can figure that one out. or get rid of that part all together.. either way is fine with me.

[BadgerDog]

there is no pop up in this one and instead it is a list like the theme selector and also the stuff wont pop up when you mouse over text.. much more user friendly.. you can check it out on my site www.thewindowscenter.com. I found the changed code on google dev.
I want to change the powered by google to the right of it instead on under it if anyone can figure that one out. or get rid of that part all together.. either way is fine with me.

Thanks ... :up:

Do you put your gaId: in anywhere, or is it necessary?

Also, any idea how to make the mod appear ONLY if the user acessing the site has his browser set for anything other than English? This is a nice mod, but it does dramatically slow down the home page display by up to a few seconds, depending upon how busy the access is to Google to get the code. It would be great for us if it only went out to Google to get the code and offer the translate option if the accessing user's browser was not set for English.

Regards,
Doug

[billstelling]

no i didn't put it in with it. stopped using adsense and gaId.. you can add that part back if you do.. I guess an andif parameter could be added, I'm just not sure of how to do it for there product. will take a better coder.. I'm still leaning it all. I can do mods and what not to existing code but not good enough you to do my own stuff. I just figure it out by trial and error..
but i do like this one and like you wish it was a bit more configurable.

[raj4x]

I want to change the powered by google to the right of it instead on under it if anyone can figure that one out. or get rid of that part all together.. either way is fine with me.

Add/change to:


layout: google.translate.TranslateElement.InlineLayout.HOR IZONTAL


That should put the text on right side next to box.
Still finding a way to remove the whole thing, might not be possible.

Cheers, Raj.

[raj4x]

Did anyone notice the translation does not "stick"...?

If you select a language on a page/thread and click on new thread, it's back to the default language again?

[TheLastSuperman]

Did anyone notice the translation does not "stick"...?

If you select a language on a page/thread and click on new thread, it's back to the default language again?

Works fine for me navigating, usually takes a second to reload the page - translated of course.... "New Thread" though might be the issue besides you don't want everyone posting in languages you can't admin so best for it to return to your default language as a reminder per say imo.

[raj4x]

Works fine for me navigating, usually takes a second to reload the page - translated of course.... "New Thread" though might be the issue besides you don't want everyone posting in languages you can't admin so best for it to return to your default language as a reminder per say imo.

Yep, works now, thanks. :)

[billstelling]

<!-- Translate vBulletin -->
<style>
.goog-te-banner-frame{display: none !important;}
body{top: 0px !important;}
.goog-te-balloon-frame{display: none !important;}
font{background: transparent !important;}
</style>
<div id="google_translate_element" class="footer_select"></div><script>
function googleTranslateElementInit() {new google.translate.TranslateElement({
layout: google.translate.TranslateElement.InlineLayout.HOR IZONTAL,
pageLanguage: 'en', gaTrack: true,}, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<!-- /Translate vBulletin -->

this is how i have it now.

[UltrasWorldwide]

this is exactly what i was looking for. thanks for posting. I edited it for VERTICAL and placed it in a block....looks great.

[sisterhood]

Wau! Extra Nice Thy u

[MysteriousSoul]

Really nice, thanks :)

[WIJI SEJATI]

Thank You

[galerio]

Uninstall it: google will discontinue the translation tool and you have to pay if you want to use it.

[Infopro]

Not yet they haven't. So far so good I guess. ;)

[The Rocketeer]

On May 26, 2011, Google announced that the Google Translate API had been deprecated and that it would cease functioning on December 1, 2011 "due to the substantial economic burden caused by extensive abuse."

That sucks...

o well.. so far so good ;)

[Infopro]

Should give us plenty of time to use it for creating language packs. :D

[Scalemotorcars]

Im having some issues with jquery and this code. It still works but its pushing any jquery popup over to the right of the forum.

Anyone else run into this.

This is the offending code.

<script>
function googleTranslateElementInit() {new google.translate.TranslateElement({
pageLanguage: 'en', gaTrack: true,}, 'google_translate_element');
}
</script>

[Tag Yazid]

Thanks allot for this

[ngocol]

instaled thanks

[Kraxell]

I have the problem, that i see a complete translator-line at the header ...

Any ideas?

[insidegames]

did this increased traffic?

[gezuvor]

Works perfectly in 4.1.11! Thanks!

[skido]

Thanks ..works great!

this is exactly what i was looking for. thanks for posting. I edited it for VERTICAL and placed it in a block....looks great.

Nice idea ..i did the same :D

[megabink]

Installed on 4.1.11 and it works,thanks.

[ProFifaLeagues]

Thanks ..works great!



Nice idea ..i did the same :D



Would you be kind enough to share the code guys please?

[twolegit]

this is great and working perfect on 4.2 ;) thank you so much!

[addamroy]

Awesome.

Everyone should have this by default.... It can only help. I hadn't realized there was such a simple way to translate my forum!

[marccap]

Excellent bit of kit thanks

[Darkrai]

Awesome work man, thanks :D
One question tho, can we use different translators instead of Google? Thanks in advanced :D

[wildheart]

What a brilliant mod, thank you so much! I have people from all over the world on my site and we really needed it!

[GhostHunter2010]

this is easy as f... to do it lol

[Fongool]

Thx for this ....Installed and working on 4.2.
I used the 2nd code for the navbar...I'm attaching a pic for you to see,.I like it where it is...I just wish I could get it a hair lower, but I'm happy where it came out...I went lower in the code in the navbar and set it there.

Thx again

F

[ejbreeze]

I like it where it is...I just wish I could get it a hair lower
F

Look for this part in the script:

right:200px;top:28px;

And change the pixels to where ever you want it.

[RichieBoy67]

Not a mod but just code from Google.. dont use this. Use the code from Google instead. It is better--

[GhostHunter2010]

i think everyone can do this just go to google make the script an add it :) to ur forum lol

[interfx]

How do I make the word English show up in the translate box? (like the cpanel example shared) Mine is blank until you click on it?

Advice?

[autoescala]

Very good mod!!

[Amaury]

Is it safe to assume the bar gets its styling from the following variables?

input_background
input_border
input_color

[svyrydov]

working fine on 4.2.1

[RichieBoy67]

Ok, I see now. This is not really a mod but rather just a snippet from Google. Instead of using this it works better to go to the Google translate page. place the first section in your headincludes and then the last section in your footer. Do it this way and it will somewhat match your site.

When I first installed this I did it quickly because a client wanted it and I did not even realize it was just a snippet from Google. Funny how people post these like they have created a mod or something.

In addition posting it after </form> may not work for many sites depending on what they have in their footer. I suggest posting it at the very bottom but I also suggest not using this code here but use the code directly from Google translate so you end up with the code in your headincludes.

[goarack]

Thanks That was Pretty simple

[billstelling]

Some css I created to mod it a bit.. After coding this in for vB again today I also noticed that it is persistent even if you close the browser.

https://vborg.vbsupport.ru/external/2015/07/8.png

.goog-te-gadget-simple {
border: none !important;
border-style: solid;
border-radius: 3px;
border-color: rgb(222, 222, 222);
-webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.6);
box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.6);
background: none repeat scroll 0% 0% rgb(244, 244, 244);
font-size: 14pt;
display: inline-block;
margin-top: 23px;
padding-top: 1px;
padding-bottom: 1px;
cursor: pointer;
}
.goog-te-gadget-simple .goog-te-menu-value span {
text-decoration: none;
color: #000 !important;
font: 14px "Droid Sans",sans-serif,Arial,sans-serif;
}
.goog-te-gadget-icon {
background-image: none !important;
border: none !important;
height: 0px !important;
margin-left: 0px !important;
margin-right: 0px !important;
vertical-align: middle;
width: 0px !important;
}
#goog-gt-tt {

visibility: hidden !important;
}
.goog-text-highlight {
background-color: transparent !important;
box-shadow: none !important;
}
.goog-te-banner-frame {
border-color: -moz-use-text-color -moz-use-text-color #FD7D16 !important;
box-shadow: 0 0 8px 1px #FD7D16 !important;
}

[Scalemotorcars]

Just a note that this messes with the center alignment of highslide if you're using it. It works great but I need the image enlarger more than the translator.

[oldfan]

Works great on 4.2.6. php 7.2