Welcome to the Alb Forum! Smile

You are not connected. Please login or register

View previous topic View next topic Go down Message [Page 1 of 1]

1 Post Buttons Hover Image on Thu Jun 16, 2011 8:24 am

This is a simple tutorial on how to make a hover (on mouse over) image change with simple CSS only and for faster loading.

First, you have to make your image.
Normally, to make 2 states, you'll have to make 2 images, like this:

Normal Image


Hover Image


Next thing is to create the CSS code that will handle our "hover image".

The CSS Code:
-----------------

You can just copy and paste it into your CSS Stylesheet

BUT! remember to change the Icon url (Internet address) for the (Post new topic, Reply to topic, New posts [ Locked ], and ''Post new topic'' for the PM image. )

To do that you must go into your ACP » Display » Pictures and Colors » Pics management » Advanced Mode Buttons.

The url's are:
Post new topic: replace the Icon url with this '' http://hitskin.com/themes/15/69/75/i_post.gif ''

Reply to topic:replace the Icon url with this

http://hitskin.com/themes/15/69/75/i_reply.gif




Still working... Wink



View user profile http://albforum.forumotion.net

2 Re: Post Buttons Hover Image on Fri Jul 15, 2011 11:45 am

Is only for phpbb3?

View user profile

3 Re: Post Buttons Hover Image on Wed Aug 03, 2011 1:45 pm

The Unique wrote:Is only for phpbb3?
YES:d

View user profile

Sponsored content


View previous topic View next topic Back to top Message [Page 1 of 1]

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

 

Free forum | © PunBB | Free forum support | Contact | Report an abuse | Free forum