October 23rd, 2012AWM: CSS menu translated to different languages using google translator
Knowledge Base support case for AllWebMenus, abstracted and stripped of all user’s private info.
Initial Email From: Anthony
Initial Email Subject: Multilingual Menu Question?
Support Case Month: March 2012
We spoke a while back about using a version of AllWebMenus that could be translated into different languages. You had mentioned (although I've lost the email) something about using a 'CSS version' to accommodate that but it wasn't available yet.
1. Is this still possible?
2. And where/how do I get it to start working with it?
As always thank you for your wonderful support.
Sincerely,
Anthony
Reply From: Likno Customer Support
Yes, the CSS menu is available, but please remind me. Did you have a menu in a CMS (e.g. Joomla, Drupal, WordPress etc.)?
How did you want to use this?
Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter
Reply From: Anthony
We will actually be trying to put this menu into an ecommerce system called Interspire. My programmer seems to think that it will work.
Any thoughts?
PS - And how do I use the CSS menu? Is it already within the application somewhere or what?
Sincerely,
Anthony
Reply From: Likno Customer Support
Hello again,
The CSS menu is an option within AllWebMenus. Using this option, the menu will ignore any structure you have defined within the application and will instead try to build itself using a UL/LI structure in your page.
If Interspire produces a UL/LI structure, then this can be used and transformed into a menu.
Clicking on the question mark image will give you more info on this. Clicking on the “settings” link of the “UL/LI” feature will also give you sample code for what you need to have in your page.
Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter
Reply From: Anthony
Ok, I am wondering if you can help me with some honest and well thought out direction.
· Here is one of your menus created using CSS at www.govland.com. Here is a link to how Google translates it at http://goo.gl/F7ZEz.
· Here is another one of your menus created using CSS at www.securebydesign.co/index.htm. Here is a link to how Google translates it at http://goo.gl/h8rgc
You can see that styling properties get all messed up (ie. blue & purple links, or colors other than what I defined).
----------------------------------------------------
Now, I am building a new website at www.abinterfaces.com/airborne-labs-international . I hope to use your CSS menu system for both navigation bars at the top but they both must work with Google Translation and not look bad.
How do keep the styles in tact (ie. prevent default blue and purple link colors etc)?
As always, I truly appreciate any help that you can provide! You guys are the best.
PS - Here is a website that uses the feature without busting things up as an example at www.literacyforlife.org (choose 'Spanish' in button at top).
Sincerely,
Anthony
Reply From: Likno Customer Support
Dear Anthony,
I see that you are using the “UL/LI” method, but these are not CSS menus – they are still JS menus. I suggest that you try using CSS menus to see if this works better with Google Translate (it should):
Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter
Tags: CMS, CSS, css menu, drop-down menu, drupal, ecommerce, google, javascript menu, Joomla, jquery, js menu, language, LI, Menu, multilingual menu, page, sliding menu, structure, style+, translator, UL, website, wordpress