How To Individually Style Translator Pro Flags?
October 19th, 2006 by Angsuman Chakraborty§ Translator Contents
Translator Plugin Pro flags can be individually styled to fully customize to your needs. This allows you to place them in unique locations on your page, style them to your needs and more. For example we used this property to rotate the flags using Javascript to create a dynamic logo for taragana network on our test site.
Each flag is enclosed in an anchor tag with unique id. So to access the german flag you should write the folllowing CSS:
#flag_de img {
width: 18x
height: 12px
}
The full list if CSS descriptors you can use to access the flags are:
| German Flag | #flag_de img |
| Spanish Flag | #flag_es img |
| French Flag | #flag_fr img |
| Italian Flag | #flag_it img |
| Portuguese Flag | #flag_pt img |
| English Flag | #flag_en img |
| Japanese Flag | #flag_ja img |
| Chinese Flag | #flag_zh-CN img |
| Korean Flag | #flag_ko img |
You can find more about customizing the flags here.
Note: Angsuman’s Translator Plugin Pro (features, testimonials, get software) is a professionally designed plugin which provides automatic machine translation of your blog in eight different languages - German, Spanish, French, Italian, Portuguese, Japanese, Korean and Chinese. It is search engine optimized, supports WordPress widgets, uses nice permalinks, super-fast (cacheable) and lots more.
Filed under CMS Software, Headline News, How To, PHP, Pro Blogging, Translator Plugin Pro, Web, Web Services, WordPress | | RSS 2.0 | Trackback this Article | Email this Article
Add to Technorati Favorites
October 19th, 2006 at 10:52 am
[...] You can find more about customizing the flags here. [...]
October 24th, 2006 at 6:10 am
[...] Replaceable flags. The default flags shipped with Translator plugin can be easily replaced with your own versions. This allows you to create look-and-feel for your blog with your unique flags, makes your translator special from the others. [...]