Language icon - replacing with flags icons

  I have installed 3 languages in my dolphin.  
English
Japanese
Portuguese

  But some people just do not try to click on that globe-icon.  Usualy because they don´t know what it is.
   So, I created one icon with all 3 languages to replace the original.

  Here the HOW-TO

---------------------------------

1-  I used Photoshop Cs2 to create one icon image with 11 px height. (should not be more than 16 px Height)
* (I copied the flags from Dolphin and on top menu > Image convert it to RGB)
2- after click on top menu FILE > Save to Web and choose to save as png24
3- save the file with the name tm_item_languages.png

4- Login into your FTP and go to yoursite/templates/base/images/icons 
5- rename the existing image from:  tm_item_languages.png to tm_item_languages-original.png (in case you want to reverse it later)....
6- upload into this directory the image you created. Just double check if it is named as: tm_item_languages and if it is in PNG format.

7- Now Go to templates/base/css/top_menu.css
8- Open to edit the file and search for:  
    .topMenu b span.down img {
9- Bellow it comment the next line only (width). it is CSS, so use /* and */ to comment the line.  If you do not make it, the icon will remain 4-squared with the default proportion of 16 px x 16 px.  But your image should be probably lager than it and with max 16 px height .  Attached you can get mine image.  It is 11 pixels height but with 48 pixels width.
   The code should look like this:

 .topMenu b span.down img {

/*width: 16px;*/

height: 16px;

    margin: 8px auto 7px auto; 

10- Clear the cache in FTP (do not delete .htaccess) and clear the cache_public too.
11- Reload the page and check the results.

 Attaching the image for English, Japanese and Portuguese.  I hope this time it upload to you. 

Oh... someone told me to make changes on tmpl_uni and not at Base.   I don´t know how to do it.

go to templates/tmpl_uni/ instead of templates/base ;)

I would prefer a topic how to change the language dropdown to a simple two (three,four...) flags solution on which you can simply click

trunky, i am searching for a solution like this also ...

 or.
Copy base and rename to tmpl_yourtemplatename ... and make changes there..

A topic "how to change the language dropdown to a simple two (three,four...) flags solution on which you can simply click"...  that is too long title for a topic :-)

Trunky, thanks for drop by