Replace image buttons with css

Note: We are moving the topics of this forum and it will be deleted at some point

Publish your own request for comments/change or patches for the next version of phpBB. Discuss the contributions and proposals of others. Upcoming releases are 3.2/Rhea and 3.3.
ecwpa
Registered User
Posts: 181
Joined: Mon Jan 24, 2005 2:10 am
Contact:

Re: [RFC] Replace image buttons with css

Post by ecwpa » Tue Nov 20, 2012 3:39 pm

Now that you're doing this I was wondering if it's a good idea to implement font icons, here's an example.

The advantage is that you can resize a font icon without losing quality, you also can change it's color and since we can use advanced CSS techniques we can also use text-gradients, shadows, etc.

We don't have to use that font icon package so It might be even smaller than 40kb for the whole package.


The big concern is of course, compatibility, browsers must be compatible with web fonts and CSS3.
Slightly better English than it was in 2005, still improving :D

User avatar
EXreaction
Registered User
Posts: 1555
Joined: Sat Sep 10, 2005 2:15 am

Re: [RFC] Replace image buttons with css

Post by EXreaction » Tue Nov 20, 2012 6:11 pm

Do you know what browsers that may be compatible with? The only mention of compatibility on that website is that it works in IE7; it does not mention other browsers or other versions as far as I could find.

ecwpa
Registered User
Posts: 181
Joined: Mon Jan 24, 2005 2:10 am
Contact:

Re: [RFC] Replace image buttons with css

Post by ecwpa » Tue Nov 20, 2012 6:39 pm

Since it's just a web font, compatibity depends on @font-face, if the browser supports it then it'll work. Here's a font-face compatibility list. I tested it myself on Chrome, IE8, Firefox, Opera and the Android browser (ICS), Chrome for Android also renders it correctly.
Slightly better English than it was in 2005, still improving :D

User avatar
EXreaction
Registered User
Posts: 1555
Joined: Sat Sep 10, 2005 2:15 am

Re: [RFC] Replace image buttons with css

Post by EXreaction » Tue Nov 20, 2012 6:53 pm

That's a pretty cool website, I will have to save that one :)

User avatar
Arty
Former Team Member
Posts: 985
Joined: Wed Mar 06, 2002 2:36 pm
Location: Mars
Contact:

Re: [RFC] Replace image buttons with css

Post by Arty » Tue Nov 20, 2012 7:36 pm

That's a great idea.
EXreaction wrote:Do you know what browsers that may be compatible with?
It should work with all browsers.

User avatar
callumacrae
Former Team Member
Posts: 1046
Joined: Tue Apr 27, 2010 9:37 am
Location: England
Contact:

Re: [RFC] Replace image buttons with css

Post by callumacrae » Wed Nov 21, 2012 10:11 am

That's really not what fonts are designed for, though.
Made by developers, for developers!
My blog

User avatar
nickvergessen
Former Team Member
Posts: 733
Joined: Sun Oct 07, 2007 11:54 am
Location: Stuttgart, Germany
Contact:

Re: [RFC] Replace image buttons with css

Post by nickvergessen » Wed Nov 21, 2012 11:40 am

callumacrae wrote:That's really not what fonts are designed for, though.
Even Twitter Bootstrap is going to switch to a webfont instead of using images for the icons. Not designed for, yes. But the effort is great.
Member of the Development-TeamNo Support via PM

DocSommer
Registered User
Posts: 13
Joined: Sun Dec 09, 2012 12:27 pm

Re: [RFC] Replace image buttons with css

Post by DocSommer » Sun Dec 09, 2012 6:38 pm

I'm all +1 for this idea. Btw. - speaking of CSS solutions: Is there already a RFC for changing round courners from image-overlay to css?

I modified my own prosilver and got no complaints from my users so far.

User avatar
Ger
Registered User
Posts: 293
Joined: Mon Jul 26, 2010 1:55 pm
Location: 192.168.1.100
Contact:

Re: [RFC] Replace image buttons with css

Post by Ger » Sun Dec 09, 2012 7:26 pm

DocSommer wrote:Is there already a RFC for changing round courners from image-overlay to css?
That's already taken care of and merged back in April. (click)
You might want to use the search function before asking those questions (or simply check the source of Area51).
Above message may contain errors in grammar, spelling or wrongly chosen words. This is because I'm not a native speaker. My apologies in advance.

DocSommer
Registered User
Posts: 13
Joined: Sun Dec 09, 2012 12:27 pm

Re: [RFC] Replace image buttons with css

Post by DocSommer » Sun Dec 09, 2012 9:04 pm

thx - it just crossed my mind while I was writing my reply, that's why I said "btw". I would have taken more time for investigating before starting a new thread about this.

Post Reply