The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Vertical Navbar

View previous topic View next topic Go down

Vertical Navbar

Post by antiher0 on April 16th 2011, 9:36 am

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!

antiher0
Forumember

Posts : 26
Reputation : 0
Language : English

Back to top Go down

Re: Vertical Navbar

Post by Mystic_gohan2 on April 16th 2011, 10:09 am

i guess that needs template editing .

Mystic_gohan2
Forumember

Posts : 700
Reputation : 30
Language : English

Back to top Go down

Re: Vertical Navbar

Post by Base on April 16th 2011, 11:55 am

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
Forumaster

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

http://forumotionhub.net

Back to top Go down

Re: Vertical Navbar

Post by antiher0 on April 16th 2011, 1:02 pm


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

antiher0
Forumember

Posts : 26
Reputation : 0
Language : English

Back to top Go down

Re: Vertical Navbar

Post by Base on April 16th 2011, 2:19 pm

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
Forumaster

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

http://forumotionhub.net

Back to top Go down

Re: Vertical Navbar

Post by DigitalCyanide on April 16th 2011, 6:46 pm

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 ))



DigitalCyanide
Forumember

Male Posts : 66
Reputation : 0
Language : English

Back to top Go down

View previous topic View next topic Back to top


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