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.
User avatar
Un1matr1x
Registered User
Posts: 48
Joined: Mon Sep 07, 2009 10:18 pm

Re: Replace image buttons with css

Post by Un1matr1x » Tue Mar 12, 2013 4:38 pm

EXreaction wrote:Fonts are either bold or not bold, while varying levels of bold are in spec, they are not usable in any browser I know of.
The level of "bolderness" isn't browser-dependent, it depends on the font-family you're using.

F.e. Arial, Verdana and Times don't support "bolder", but Dosis does.

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

Re: Replace image buttons with css

Post by EXreaction » Tue Mar 12, 2013 4:51 pm

DavidIQ wrote:Yes but I think the "Post Reply" text in the button could do with a bit of boldness at least. Should stand out from the other elements in that area, which right now it does not really stand out.
There is a ticket for this. Due to browser and font behaviors, it's difficult to make the text look better for everyone (it was being investigated a bit).

User avatar
DionDesigns
Registered User
Posts: 51
Joined: Sat Apr 21, 2012 4:29 am
Location: Uncertain due to momentum
Contact:

Re: Replace image buttons with css

Post by DionDesigns » Tue Mar 12, 2013 8:22 pm

Arial 14px bold will be very close to the look of the 3.0.x image-based buttons.

Arial is a supported font on all Windows and Mac desktop/notebook systems, as well as all iPhones and iPads. Android devices only have one sans-serif font (Droid Sans), and at 14px bold, it looks even better for the buttons than does Arial. So:

Code: Select all

font-family: Arial,sans-serif
font-size: 14px;
font-weight: bold;
will get the job done.

And while I'm at it, how about replacing "Andale Mono" with "Lucida Console" for CODE tags? Meaning, this:

Code: Select all

	font: 0.9em Monaco, "Andale Mono","Courier New", Courier, mono;
to this:

Code: Select all

	font: 0.9em Monaco, "Lucida Console","Courier New", Courier, mono;
Andale Mono hasn't existed in Windows systems since 2002...Lucida Console replaced it in XP SP1 due to licensing issues. In addition, Lucida Console is the Windows equivalent to the Monaco font used on Mac desktop/notebook systems and iPads/iPhones, so this change would result in code boxes looking the same on all systems. (Don't ask me to open an RFC. Not gonna happen for something so miniscule and so easy to change.)

Danielx64
Registered User
Posts: 304
Joined: Mon Feb 08, 2010 3:42 am

Re: Replace image buttons with css

Post by Danielx64 » Tue Mar 12, 2013 11:48 pm

edited.
Last edited by Danielx64 on Wed May 29, 2013 4:37 am, edited 1 time in total.

Danielx64
Registered User
Posts: 304
Joined: Mon Feb 08, 2010 3:42 am

Re: Replace image buttons with css

Post by Danielx64 » Wed May 29, 2013 4:36 am

Hello,

Just wondering if this is going to be in 3.1?

Thankyou :)

User avatar
Pony99CA
Registered User
Posts: 986
Joined: Sun Feb 08, 2009 2:35 am
Location: Hollister, CA
Contact:

Re: Replace image buttons with css

Post by Pony99CA » Wed May 29, 2013 8:13 pm

*Daniel wrote: Just wondering if this is going to be in 3.1?
Some of it already seems to be here. If you copy text in the Post Reply button, you get:
Post Reply
The Quote button doesn't seem to be done, though.

Steve
Silicon Valley Pocket PC (http://www.svpocketpc.com)
Creator of manage_bots and spoof_user (ask me)
Need hosting for a small forum with full cPanel & MySQL access? Contact me or PM me.

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

Re: Replace image buttons with css

Post by nickvergessen » Fri May 31, 2013 2:55 pm

Currently only the big buttons were replaced. They need some more fixing before we focus the little ones
Member of the Development-TeamNo Support via PM

User avatar
Arty
Registered User
Posts: 972
Joined: Wed Mar 06, 2002 2:36 pm
Location: Mars
Contact:

Re: Replace image buttons with css

Post by Arty » Fri May 31, 2013 4:27 pm

I don't see how small buttons could be changed for prosilver. They require tiny font that won't look the same in all browsers.

So only large buttons are implemented.

Danielx64
Registered User
Posts: 304
Joined: Mon Feb 08, 2010 3:42 am

Re: Replace image buttons with css

Post by Danielx64 » Sat Jun 01, 2013 12:08 am

Arty wrote:I don't see how small buttons could be changed for prosilver. They require tiny font that won't look the same in all browsers.

So only large buttons are implemented.
Fair enough :)

User avatar
Pony99CA
Registered User
Posts: 986
Joined: Sun Feb 08, 2009 2:35 am
Location: Hollister, CA
Contact:

Re: Replace image buttons with css

Post by Pony99CA » Sat Jun 01, 2013 1:09 am

Arty wrote:I don't see how small buttons could be changed for prosilver. They require tiny font that won't look the same in all browsers.
:?: The font in the Quote button looks about the same size as the text here does. How bad does this look: QUOTE or Quote. Here it is smaller: QUOTE or Quote.

Steve
Silicon Valley Pocket PC (http://www.svpocketpc.com)
Creator of manage_bots and spoof_user (ask me)
Need hosting for a small forum with full cPanel & MySQL access? Contact me or PM me.

Post Reply