How to copy a style + add images to navbar links

[abdulbasitsaeed]

Hi there, everyone! :)

I was considering making some changes to my current style, which is the default vB 4 style. Just to make sure I don't mess up with anything, I wanted to make a copy of the default style and make any changes in that copy. Could someone please guide me how to go about with this? All I could think of was to export the current default style and then to import the .xml file once again with a different name. Would that work?

Secondly, I have seen several articles / tutorials on how to add links to the vB 4 navbar. Is it possible to add icons / images along with the link as well? e.g. add a home icon in the Home tab (on the left of "Home" text). If so, where exactly would I need to add the image source for the desired icon?

Thank you in advance. :)

[abdulbasitsaeed]

OK, regarding my second query. This is what I've done.

I opened the template "blog_navbar_link" and here found the following code:

<li><a class="navtab" href="blog.php{vb:raw session.sessionurl_q}">{vb:rawphrase blogs}</a></li>

Then, I changed it to this:

<li><a class="navtab" href="blog.php{vb:raw session.sessionurl_q}"><img class="inlineimg" src="http://forums.pakfellows.com/images/icons/Homepage/blog.png" border="0" />{vb:rawphrase blogs}</a></li>

This inserted the image in the correct place (see screenshot), but I would like to have it so that the word "Blogs" remains in the center of the tab, i.e. both image and text are inline instead of Blogs being pushed down. Any help please?

[abdulbasitsaeed]

Anybody please???