Change login button to image



Hire Us!Download Video(0)Comments



For most of you the account module uses a simple form button for users to submit their username/password when logging into your website. It is 2006 and simple form buttons are now considered a thing of the past. It is time to upgrade and add a nice button image or any image as your login button.
The process is easier than most think. This tutorial will teach you how to add an image as your submit button.

Example:(if you are not already logged in you will see the login image submit button)
Your Account login

Files to edit:
modules/Your_Account/index.php

Steps :
1. First open modules/Your_Account/index.php and find the function below

Within that function we need to find the submit button :

2. We will change the submit type to an image and add the src link to the image. You can treat this code the same as a normal image by adding or removing borders and so on. Change the above codes to the following:

Done!

Change the src link to the actual path to your button image on your server. You will also note I added a style with boder:0px. This is used to get rid of that ugly border that surrounds the image.

That's it! Enjoy and please Back Up as usual before making any major changes.



Hire Us!Download Video(0)Comments