Tweet
Hi everybody,
I'm honored to start this new section on the Forum. I think that all of us have had problems sometimes in acheiving something that others have already found out how to do.
So the thought has been to create a section in the Forum where everyone can post anything that in his opinion might help others. It can be a Tip, a Trick, a Script, anything to help move things over. Having everything toghether, without the need to go through the entire forum searching.
Please share your experience with others. You will also get ideas from this
section of the forum
As for starters, here comes a Tip on
How to create or modify Nav Bar buttons to better suit the style of your site.
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 used a ready button image found at http://www.sleepybumblebee.girlonthehill.co.uk/ by Girl On The Hill, a member of our forum.
I'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 with the name you want, f.e. as button.jpg and button_over.jpg. You can also use any other image format supported by BV
3. At this point, if it is required, resize your images to their final size. You can use the Voda PIXResizer, a very friendly, 2 minutes to learn program from Voda. For those who never heard about it, it is here:
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.
The same tip can also be used to simply resize Nav bars. If you like certain buttons but they are too small or too big for your pages, go directly to step 3. Load and resize the images of the buttons you have chosen from the BV library, and go the rest of the steps down.
Thanks to everybody, and please, even if this section is now on the air, we still want your opinion, your feedback. Please vote on the pol at:
I'm honored to start this new section on the Forum. I think that all of us have had problems sometimes in acheiving something that others have already found out how to do.
So the thought has been to create a section in the Forum where everyone can post anything that in his opinion might help others. It can be a Tip, a Trick, a Script, anything to help move things over. Having everything toghether, without the need to go through the entire forum searching.
Please share your experience with others. You will also get ideas from this
section of the forum
As for starters, here comes a Tip on
How to create or modify Nav Bar buttons to better suit the style of your site.
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 used a ready button image found at http://www.sleepybumblebee.girlonthehill.co.uk/ by Girl On The Hill, a member of our forum.
I'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 with the name you want, f.e. as button.jpg and button_over.jpg. You can also use any other image format supported by BV
3. At this point, if it is required, resize your images to their final size. You can use the Voda PIXResizer, a very friendly, 2 minutes to learn program from Voda. For those who never heard about it, it is here:
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.
The same tip can also be used to simply resize Nav bars. If you like certain buttons but they are too small or too big for your pages, go directly to step 3. Load and resize the images of the buttons you have chosen from the BV library, and go the rest of the steps down.
Thanks to everybody, and please, even if this section is now on the air, we still want your opinion, your feedback. Please vote on the pol at:
Comment