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.
Atramez_Zeton
Registered User
Posts: 32
Joined: Mon May 08, 2006 10:14 am

Re: Replace image buttons with css

Post by Atramez_Zeton » Fri Dec 14, 2012 10:56 pm

that means more work in RTL styling and changing font for Tahoma in Arabic "Vendra is not always the best choice", either way its better for mobiles usage so +1

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

Re: Replace image buttons with css

Post by Danielx64 » Mon Feb 04, 2013 12:52 am

Have this not been merge yet?

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

Re: Replace image buttons with css

Post by EXreaction » Mon Feb 04, 2013 4:18 am

Partially merged, the large buttons now are not using images.

User avatar
emosbat
Registered User
Posts: 43
Joined: Fri Aug 24, 2012 8:49 am

Re: Replace image buttons with css

Post by emosbat » Mon Feb 04, 2013 11:53 am

any plan to use css sprites?

sajaki
Registered User
Posts: 86
Joined: Mon Jun 21, 2010 8:28 pm

Re: Replace image buttons with css

Post by sajaki » Mon Feb 04, 2013 1:40 pm

as long as we have the choice of specifying an image through css this change doesn't seem too harmful.

Senky
Extension Customisations
Extension Customisations
Posts: 314
Joined: Thu Jul 16, 2009 4:41 pm

Re: Replace image buttons with css

Post by Senky » Wed Feb 06, 2013 9:20 pm

I just wonder, why it is different from the original buttons? It is not as difficult to immitate text from the images better. Just try to add this lines to the styles:

Code: Select all

.buttons div a {
	text-transform: uppercase;
	word-spacing: -5px;
	font-weight: 500;
}
.bolder {
	font-weight: bolder;
}
It would require to wrap either first word of the button, or all the others, to differentiate the boldness, but it at least is more eye catching (and closer to the original images), than the version used now, IMHO.

MaFeSa
Registered User
Posts: 69
Joined: Sun Aug 26, 2012 1:44 pm

Re: Replace image buttons with css

Post by MaFeSa » Sun Mar 10, 2013 1:19 pm

You're right, it looks much better

User avatar
DavidIQ
Customisations Team Leader
Customisations Team Leader
Posts: 1831
Joined: Thu Mar 02, 2006 4:29 pm
Location: Earth
Contact:

Re: Replace image buttons with css

Post by DavidIQ » Tue Mar 12, 2013 1:07 am

Senky wrote:I just wonder, why it is different from the original buttons? It is not as difficult to immitate text from the images better. Just try to add this lines to the styles:

Code: Select all

.buttons div a {
	text-transform: uppercase;
	word-spacing: -5px;
	font-weight: 500;
}
.bolder {
	font-weight: bolder;
}
It would require to wrap either first word of the button, or all the others, to differentiate the boldness, but it at least is more eye catching (and closer to the original images), than the version used now, IMHO.
Ticket + pr? :mrgreen:
Image

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 1:52 am

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.

User avatar
DavidIQ
Customisations Team Leader
Customisations Team Leader
Posts: 1831
Joined: Thu Mar 02, 2006 4:29 pm
Location: Earth
Contact:

Re: Replace image buttons with css

Post by DavidIQ » Tue Mar 12, 2013 4:07 pm

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.
Image

Post Reply