I was working with my navigation bar on Ning 3.0 and tried anchoring it to the bottom of the browser. It refuses to float right on the bottom of the browser. I decided to experiment with another direction. Has anyone tried to do a Vertical navigation bar on 3.0? If you have, how did it go? I am unsure how to approach that one,, If you know how, could you please share it with me?

Views: 418

Reply to This

Replies to This Discussion

Do you mean Vertical, since the default is horizontal? If yes, sorry I have not created a Vertical on Ning 3.0.



Yeah, sorry, I just said it wrong. I will change it in the discussion.

Jen, I have been working more on doing the Vertical Navigation bar on 3.0. I think it has turned out OK... If you would like to check it out, here is the URL: http://stabilitytrek.ning.com/

wow nice  how you do that, and where do youget the basic css for what you did nice 

I wrote the CSS for most of it myself and took the advice of other designers on other parts. Here is the CSS section I used to make the Navbar do as I wanted:

header .navbar {
background: url(http://i54.photobucket.com/albums/g104/lexcon42/Comments/lssnv.jpg)repeat;
border:5px solid transparent;
width: 130px;
top: 0;
margin-top: 0px;
margin-bottom: 15px;
margin-right: 0px;
background:transparent url(http gif png or jpg) repeat-x;
padding-top: 0;
height: auto;
width: 130px;
border:2px solid #C6B358;

I have managed to do my nav in a vertical bar, but it has some kinks and bugs so I have much work to do on it.

I have found one problem with the new Vertical nav I created for my 3.0... I never use cell phones or those type of devices. A friend who does showed me pics which reveal the Vertical Nav I created does not work well with them... Not even sure how to make it interactive... Grrrrrrrrrrrr

Sorry, I should have mentioned that. It will be difficult to make it work well with responsive design. You'll have to set special styles for the different type of devices, gets a bit complicated.



© 2022   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

VIP Ning Tips