Include 1 css file and have all the worlds' flagofs all countries regions silhouettes on your site. Tell everyone who uses a lot of regions silhouettes to use this link, so it will be in everyone's cache!
In the head of your html file:
<link
rel="stylesheet"
type="text/css"
href="//cloud.github.com/downloads/marcolino/world-flags-extended-sprite/flags32.css"
/>In the body of your html file:
<ul class="f32">
<li class="flag north-america">Northern America</li>
<li class="flag south-europe">Southern Europe</li>
<li class="flag west-asia">Western Asia</li>
...
</ul>The regions corresponding to the codes are:
- 'africa': Africa
- 'america': America
- 'anctartic': Anctartic
- 'asia': Asia
- 'australia-newzealand': Australia and New Zealand
- 'caribbean': Caribbean
- 'central-america': Central America
- 'east-africa': Eastern Africa
- 'east-asia': Eastern Asia
- 'east-europe': Eastern Europe
- 'europe': Europe
- 'japan': Japan
- 'melanesia': Melanesia
- 'middle-africa': Middle Africa
- 'north-africa': Northern Africa
- 'north-america': Northern America
- 'north-europe': Northern Europe
- 'oceania': Oceania
- 'south-africa': Southern Africa
- 'south-america': Southern America
- 'south-central-asia': South-central Asia
- 'south-east-asia': South-eastern Asia
- 'south-europe': Southern Europe
- 'west-africa': Western Africa
- 'west-asia': Western Asia
- 'west-europe': Western Europe
SHOULD BECOME (From "World Regions Based on United Nations Country Grouping"):
- 'africa': Africa
- 'asia': Asia
- 'caribbean': Caribbean
- 'central-america': Central America
- 'eastern-europe': Eastern Europe
- 'europe': Europe
- 'middle-east': Middle East
- 'north-america': North America
- 'oceania': Oceania
- 'south-america': South America
If a previously visited site uses this same code, the file is already in the cache of the user and doesn't need to be downloaded again.