PDA

View Full Version : [vB] I need help with my theme



Meti
10-09-2008, 01:29 PM
Hey,
I'm currently creating MetiDesigns forum's theme.
Anyways, everything looks allright. But I want to change the navigation where the link are (on top).
I want to create it as a background image, and when hovered, it comes up another image.

Am I able to do this with vB?
If yes, please tell me how ;)

Nereo
10-09-2008, 05:13 PM
It may be possible but I have never seen it :P

Google it? :D

Meti
10-09-2008, 06:06 PM
i dunno what to search :P

Favourtism
10-09-2008, 11:55 PM
Hey

Im not too sure on what you mean, have you got a link?

Meti
11-09-2008, 02:17 PM
You know the navigation, where those links are:

User CP Blogs Chat Arcade FAQ Buy VIP Calendar New Posts Search Quick Links Log Out

The background of that. It's currently blue here.
But i want it to be a image i create, and then when i hover it, it changes to another box.

Snex
11-09-2008, 02:50 PM
It may be possible but I have never seen it :P

Google it? :D
Why post and get your count up?


You know the navigation, where those links are:


The background of that. It's currently blue here.
But i want it to be a image i create, and then when i hover it, it changes to another box.
I used to have a code for it, I will try and see if I can find it for you and send it to you on MSN. I think I know where it is.

Meti
11-09-2008, 06:51 PM
Ok. Hope you'll find it :)
+rep if you do :D

Fehm
11-09-2008, 08:11 PM
Found something that may help you


<div class="bmw_navigation bmn_hnav"> <ul> <li class="bmn_sec-news"> <a href="http://www.example.com/news/index.shtml">News</a> </li> <li class="bmn_sec-biz"> <a href="http://www.example.com/biz/index.shtml">Business</a> </li> <li class="bmn_sec-sports"> <a href="http://www.example.com/sports/index.shtml">Sports</a> </li> <li class="bmn_sec-arts"> <a href="http://www.example.com/arts/index.shtml">Arts &amp; Entertainment</a> </li> <li class="bmn_sec-living"> <a href="http://www.example.com/living/index.shtml">Living</a> </li> <li class="bmn_sec-opinion"> <a href="http://www.example.com/opinion/index.shtml">Opinion</a> </li> </ul> <span class="bmn_clearNav"> </span></div>
/* set default height/width of navigation images --------------- */div.bmn_hnav li { width: 80px }div.bmn_hnav a { height: 20px }/* general layout styles for image navigation ------------------ */div.bmn_hnav li { display: block; float:left; background-repeat: no-repeat;}div.bmn_hnav a { display: block; font-size: 1px; text-indent: -999999em; overflow: hidden; background-repeat: no-repeat;}div.bmn_hnav ul li a:hover,div.bmn_hnav ul li.bmn_active a { background-image: none;}div.bmn_hnav span.bmn_clearNav { height:0px; font-size:0px; display:block; width: 0px; overflow:hidden; clear:left;}
/* set section-specific images --------------------------------- *//* news */div.bmn_hnav li.bmn_sec-news a { /* default image */ background-image: url(http://www.example.com/navpix/hnav-news.gif);}div.bmn_hnav li.bmn_sec-news { /* rollover image */ background-image: url(http://www.example.com/navpix/hroll-news.gif);}/* sports */div.bmn_hnav li.bmn_sec-sports a { /* default image */ background-image: url();}div.bmn_hnav li.bmn_sec-sports { /* rollover image */ background-image: url();}

Its strange, i used it on my old forum ^^ lol

Want to hide these adverts? Register an account for free!