[Tutorial] Avatar image selection

Go down

[Tutorial] Avatar image selection Empty [Tutorial] Avatar image selection

Post by System32 on August 28th 2018, 12:53 am

Hello there,
Have you ever experienced the ugly look once you try to pick some default avatar? You most likely recall long rectangles and small images inside it with radio button on top.

Step 1
Go to Administrator panel > Display > Templates > Profile > profile_avatar_gallery
Step 2
Click on modify button and do as I did:
[Tutorial] Avatar image selection Screen10
Be careful to add ID where I did.
Step 3
Now go to your CSS page: Admin panel > Display > Colors > CSS
There add as I did on this image:
[Tutorial] Avatar image selection Screen11
HOW IT LOOKS LIKE
Please understand that this is only the basic tutorial how to change this. You may upgrade it as you wish. I will show you the new look after changes:
[Tutorial] Avatar image selection Screen12

Conclusion
As you can see, there are no huge gaps between avatars, radio button has transparent background. Yet, you can change that if you want to. That'all. Enjoy. [Tutorial] Avatar image selection 1f60a


Last edited by System32 on August 28th 2018, 8:39 am; edited 1 time in total
System32
System32
Forumember

Male Posts : 93
Reputation : 13
Language : Serbian,English

View user profile http://paganism.forumotion.com/

Back to top Go down

[Tutorial] Avatar image selection Empty Re: [Tutorial] Avatar image selection

Post by Jadster on August 28th 2018, 2:36 am

Cool Tutorial @System32! Keep it up!
Jadster
Jadster
Helper
Helper

Male Posts : 656
Reputation : 69
Language : English
Location : Omaha, NE

View user profile https://ygoduelists.forumotion.com

Back to top Go down

[Tutorial] Avatar image selection Empty Re: [Tutorial] Avatar image selection

Post by SLGray on August 28th 2018, 6:09 am

Thanks for sharing this tutorial.  Does this also change it in the AP?


[Tutorial] Avatar image selection Slgray10
[Tutorial] Avatar image selection Ssshfm13

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 47967
Reputation : 3373
Language : English
Location : United States

View user profile https://help.forumotion.com/

Back to top Go down

[Tutorial] Avatar image selection Empty Re: [Tutorial] Avatar image selection

Post by System32 on August 28th 2018, 8:36 am

@SLGray wrote:Thanks for sharing this tutorial.  Does this also change it in the AP?
Can you please be more specific. What AP stands for. It could be Administration Panel. If so, what you wanted to ask me.
System32
System32
Forumember

Male Posts : 93
Reputation : 13
Language : Serbian,English

View user profile http://paganism.forumotion.com/

Back to top Go down

[Tutorial] Avatar image selection Empty Re: [Tutorial] Avatar image selection

Post by SarkZKalie on August 28th 2018, 11:25 am

Thank you for sharing us.
Does this also change it in the AP?
They are separate [Tutorial] Avatar image selection 1f601


[Tutorial] Avatar image selection Sarkzk10
SarkZKalie
SarkZKalie
Support Moderator
Support Moderator

Male Posts : 1173
Reputation : 192
Language : English

View user profile https://www.rotavn.xyz/

Back to top Go down

[Tutorial] Avatar image selection Empty Re: [Tutorial] Avatar image selection

Post by SLGray on August 28th 2018, 10:36 pm

AP = administration panel


[Tutorial] Avatar image selection Slgray10
[Tutorial] Avatar image selection Ssshfm13

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 47967
Reputation : 3373
Language : English
Location : United States

View user profile https://help.forumotion.com/

Back to top Go down

[Tutorial] Avatar image selection Empty Re: [Tutorial] Avatar image selection

Post by System32 on August 29th 2018, 8:19 am

@SLGray wrote:AP = administration panel

I did not check it.
System32
System32
Forumember

Male Posts : 93
Reputation : 13
Language : Serbian,English

View user profile http://paganism.forumotion.com/

Back to top Go down

[Tutorial] Avatar image selection Empty Re: [Tutorial] Avatar image selection

Post by YoshiGM on September 6th 2018, 3:42 am

So, with this you change the appearance of the avatars in the defaul pack.
Not bad
YoshiGM
YoshiGM
Forumember

Male Posts : 919
Reputation : 120
Language : Spanish & English
Location : Mexico

View user profile http://asistencia.foroactivo.com/u21373

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum