National Flags

Request for index page icon change - National Flags

Request for index page icon change

by Xymox2017 » Thu May 11, 2017 10:21 am

The FLAGS category on the index page, which shows the country flags have this now:

Flag icon
[x] users

(where [x] shows the number of users for that country).

As most people do not know which flag belongs to which country, I would like to request a change to the display of the icons.

Example 1:

Flag icon
Country name (x)


Example 2:

Flag icon
(x) Country name


Example 3:

Flag icon
Country name
[x] users

(where [x] shows the number of users for that country).
Xymox2017
Registered User
Posts: 40
Joined: Tue Mar 07, 2017 3:06 pm

Re: Request for index page icon change

by RMcGirr83 » Thu May 11, 2017 1:38 pm

Hover over the flag image
Former Modifications/Extensions Team Member | My extensions | github | All requests for support via PM will be ignored
Appreciate the extensions/mods/support then you can support me by buying a beer 🍺
User avatar
RMcGirr83
Former Team Member
Posts: 22105
Joined: Wed Jun 22, 2005 4:33 pm
Location: Your display
Name: Rich McGirr

Re: Request for index page icon change

by Xymox2017 » Fri May 12, 2017 6:52 am

RMcGirr83 wrote:Hover over the flag image
I know.
Request is to show it without hovering on the index.
Xymox2017
Registered User
Posts: 40
Joined: Tue Mar 07, 2017 3:06 pm

Re: Request for index page icon change

by RMcGirr83 » Fri May 12, 2017 10:38 am

You are free to take the code and modify it however you see fit.
Former Modifications/Extensions Team Member | My extensions | github | All requests for support via PM will be ignored
Appreciate the extensions/mods/support then you can support me by buying a beer 🍺
User avatar
RMcGirr83
Former Team Member
Posts: 22105
Joined: Wed Jun 22, 2005 4:33 pm
Location: Your display
Name: Rich McGirr

Re: Request for index page icon change

by Xymox2017 » Sun Apr 22, 2018 7:07 am

So, I decided to make a change to the flag images to show the info I needed.
Instead of displaying the country name as text somewhere around the image, the flag image contains the ISO country code.

To display the complete country name is problematic as some countries have a long name and having the full names is somewhat distracting.
To use the 3 letter ISO code is enough to identify the flag's country.

I used ImageMagick to add the ISO codes using batch processing.
The text fits exactly in the spare free area so the image is not changed in height/width.

Examples below. The original flag image, the one having 2 code ISO and one having 3 code ISO:

United states of America
us_original.png
us_original.png (629 Bytes) Viewed 168 times
us_ISO2.png
us_ISO2.png (1.02 KiB) Viewed 148 times
us_ISO3.png
us_ISO3.png (1.11 KiB) Viewed 240 times

The netherlands
nl_original.png
nl_original.png (442 Bytes) Viewed 216 times
nl_ISO2.png
nl_ISO2.png (814 Bytes) Viewed 119 times
nl_ISO3.png
nl_ISO3.png (893 Bytes) Viewed 228 times


The image filenames stay the same so by uploading the changed flags and replacing the original ones is enough.

Below the complete set of images.
The archive contains the batch file to process the images.
It contains the images having 2 and 3 ISO code and also versions having the filename in ISO 3.

You can modify the batchfile to make your own set and determine which text, which font and where to put the text in the image yourself.

CountryFlags.zip
(1.41 MiB) Downloaded 43 times
Xymox2017
Registered User
Posts: 40
Joined: Tue Mar 07, 2017 3:06 pm