The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Vertical Navbar

4 posters

Go down

Vertical Navbar Empty Vertical Navbar

Post by antiher0 Sat 16 Apr - 1:36

Is there any way to get my nav to go vertical instead of horizontal? Has anyone done this before? I couldn't find anything doing a quick search so if someone could post a quick link that would be great.

Cheers!
avatar
antiher0
Forumember

Posts : 26
Reputation : 0
Language : English

Back to top Go down

Vertical Navbar Empty Re: Vertical Navbar

Post by Mystic_gohan2 Sat 16 Apr - 2:09

i guess that needs template editing .
avatar
Mystic_gohan2
Forumember

Posts : 700
Reputation : 30
Language : English

Back to top Go down

Vertical Navbar Empty Re: Vertical Navbar

Post by Base Sat 16 Apr - 3:55

Actually, it's possible through CSS. May I have a link to your forum please so that I can take a look? Thanks. Very Happy
Base
Base
Forumaster

Male Posts : 10386
Reputation : 1695
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

Back to top Go down

Vertical Navbar Empty Re: Vertical Navbar

Post by antiher0 Sat 16 Apr - 5:02


You can find the site here

I wanted to be able to create a navbar down the right hand side of my header image,

thanks for taking a look
avatar
antiher0
Forumember

Posts : 26
Reputation : 0
Language : English

Back to top Go down

Vertical Navbar Empty Re: Vertical Navbar

Post by Base Sat 16 Apr - 6:19

I'm not sure how to get it to go down the side of your header image, but here's the CSS code to make it vertical:

Code:
#page-footer, div.navbar, div.navbar ul.linklist {
    display: table-caption !important;
}

Smile
Base
Base
Forumaster

Male Posts : 10386
Reputation : 1695
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

Back to top Go down

Vertical Navbar Empty Re: Vertical Navbar

Post by DigitalCyanide Sat 16 Apr - 10:46

One way to do this would be to create a custom widget and place all links in there. You can even use buttons as the links. All you need is the HTML code for an image link and place a line break between them.

Code:
<a href="URL To Page Here" target="_blank"> <img src="URL To Image Here"> </a>
<br />  ( causes a line break ( space between them ))


avatar
DigitalCyanide
Forumember

Male Posts : 66
Reputation : 0
Language : English

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum