Tweet
Hi everybody,
many of us have been using the standard buttons provided with BV for our Nav Bar. In some cases, ready made buttons just don't suit our needs or our site style. Someone has tricky-solved the problem by using an image as a button, that is linking the image to the page url. However this has an inconvenient: You have to either embbed the text to your image, so you have to create a lot of different button images, one for every link, or you have to put the button text over your image, which lets you with a"dead" area over the button, that is an area where the link dosn't work.
But it is really easy to create a button image that you can save in the BV library, so you can always use the same button for your Nav Bar and change directly the text content, style and size.
These are the steps you have to follow:
1. Create your button image, as you like it. You will need a graphics program to do that: Photoshop, Corel, Paint or other. In this example I will use - I hope with her permission - a ready button image found at http://www.sleepybumblebee.girlonthehill.co.uk/ by Girl On The Hill, a member of our forum.
Im'm using it because I liked it very much. These are the images:
for the main button image
for the mouseover image
Of course you may create any other button image, or even use a picture.
It is important that the height/lenght ratio of your image is suitable for your site needs. It is NOT important to have it already in the final dimensions. You can use PIXResizer to resize it afterwards
2. Save the images as button.jpg and button_over.jpg
3. At this point, if it is required, resize your images to their final size. Usually lenght is 120 - 140 pixels, height is 20 - 40 pixels.
4. Save the images in the BV button library folder: it usually is C\programs\BlueVoda Website Builder\navbar.
You are done! You can use the BV Nav bar and going in Style, choose your new button images for normal and mouseover. One more tip: if you save them in the library under the names of 0_button.jpg and 0_button_over.jpg, they will appear first in the list of available buttons
many of us have been using the standard buttons provided with BV for our Nav Bar. In some cases, ready made buttons just don't suit our needs or our site style. Someone has tricky-solved the problem by using an image as a button, that is linking the image to the page url. However this has an inconvenient: You have to either embbed the text to your image, so you have to create a lot of different button images, one for every link, or you have to put the button text over your image, which lets you with a"dead" area over the button, that is an area where the link dosn't work.
But it is really easy to create a button image that you can save in the BV library, so you can always use the same button for your Nav Bar and change directly the text content, style and size.
These are the steps you have to follow:
1. Create your button image, as you like it. You will need a graphics program to do that: Photoshop, Corel, Paint or other. In this example I will use - I hope with her permission - a ready button image found at http://www.sleepybumblebee.girlonthehill.co.uk/ by Girl On The Hill, a member of our forum.
Im'm using it because I liked it very much. These are the images:
for the main button image for the mouseover imageOf course you may create any other button image, or even use a picture.
It is important that the height/lenght ratio of your image is suitable for your site needs. It is NOT important to have it already in the final dimensions. You can use PIXResizer to resize it afterwards
2. Save the images as button.jpg and button_over.jpg
3. At this point, if it is required, resize your images to their final size. Usually lenght is 120 - 140 pixels, height is 20 - 40 pixels.
4. Save the images in the BV button library folder: it usually is C\programs\BlueVoda Website Builder\navbar.
You are done! You can use the BV Nav bar and going in Style, choose your new button images for normal and mouseover. One more tip: if you save them in the library under the names of 0_button.jpg and 0_button_over.jpg, they will appear first in the list of available buttons
Comment