Custom Profile Contact Icons

For support and discussion related to templates, themes, and imagesets in phpBB 3.2.
User avatar
cprgolds
Registered User
Posts: 441
Joined: Thu Oct 11, 2007 5:49 am
Location: Portland, Oregon

Re: Custom Profile Contact Icons

Post by cprgolds » Fri Jul 13, 2018 3:15 am

BTW, this is the revised icons_contact.png that I created.
mod_contacts.png
(temp name on the file)
mod_contacts.png (15.69 KiB) Viewed 216 times

User avatar
Hanakin
Infrastructure Team Member
Infrastructure Team Member
Posts: 703
Joined: Wed Dec 30, 2009 8:14 am
Name: Michael Miday
Contact:

Re: Custom Profile Contact Icons

Post by Hanakin » Fri Jul 13, 2018 3:37 pm

They are not font-awesome they are handled via an image sprite. A sprite uses css background position cords and element size to render the appropriate image.

Font-awesome icons can only use 1 colours per icon which we opted not to use in 3.2 also because they did not have all of the icons at the time.

It this and many other reasons why we are overhauling the icons in 3.3 to allow for the use of svg/font/png in that order of fallback.

User avatar
cprgolds
Registered User
Posts: 441
Joined: Thu Oct 11, 2007 5:49 am
Location: Portland, Oregon

Re: Custom Profile Contact Icons

Post by cprgolds » Sat Jul 14, 2018 12:41 am

OK, got the change to work. Added one line in colours.css and used the revised icons_contact.png shown earlier. Then clear cache in both the board and my browser, and voila!

Code: Select all

/* Profile & navigation icons */
.pm-icon				{ background-position: 0 0; }
.email-icon				{ background-position: -21px 0; }
.jabber-icon				{ background-position: -80px 0; }
.phpbb_icq-icon				{ background-position: -61px 0 ; }
.phpbb_wlm-icon				{ background-position: -182px 0; }
.phpbb_aol-icon				{ background-position: -244px 0; }
.phpbb_website-icon			{ background-position: -40px 0; }
.phpbb_youtube-icon			{ background-position: -98px 0; }
.phpbb_facebook-icon			{ background-position: -119px 0; }
.phpbb_googleplus-icon			{ background-position: -140px 0; }
.phpbb_skype-icon			{ background-position: -161px 0; }
.phpbb_twitter-icon			{ background-position: -203px 0; }
.phpbb_yahoo-icon			{ background-position: -224px 0; }
.phpbb_zynga_prof-icon                  { background-position: -264px 0; }
2018-07-13.png
2018-07-13.png (15.45 KiB) Viewed 169 times
Thanks All for the assistance

Post Reply

Return to “[3.2.x] Styles Support & Discussion”

Who is online

Users browsing this forum: No registered users and 4 guests