[CSS] Flag user

Flag user - Credits to Lucky

As to enable users to set the flag of your country in your profile?
First we need to create a personalized profile:
Admin Panel - Users and Groups - Profiles - Profile fields - Add

Next In Add A Field:

Type : select -> Images list
Name : Your choise (Flag, Country...) Color: Your choise
Necessarily filled ? select -> No
Display : select -> Profil; select -> Messages
Display type : select-> Icon
Who can modify the profile field value ? select-> Member himself
Display this field for users that are at least : select->Members
Separator : select -> Line jump


Do not forget to save.
Next: In Users -> Profiles -> Profile fields -> Add -> Images list -> Actions -> Click

In Image Address put a link and in Alternate text put the name of country...


For another link click again Add
... And when you finished click ->Save

Now in Urs profile you'll see:
Personalized profile (Country, Flag... etc) the flags of country
and you can choose flag of yours country


Finaly result:


NOTE: If your flags is not in horizontal list U can put in CSS this code:
phpBB2

Code:

.profile_field_list li {
display: inline;
}

phpBB3

Code:

.profile_field_list li{
display: inline-block;
}

Invasion

Code:

.profile_field_list li {
display: inline;
}

Your tutorial must be compactible and fully functional with Punbb version.

Also, please re-read the submission form for tutorial proposal again. https://punbb-design.forumotion.com/t3-submit-a-tutorial-read-carefully

Thank you,
Punbb.biz Staff Team