How do I create a side tab, with content of my choice?

[Damien Hannah]

Hello there creators. Today, I am looking for something that may be simple, hopefully. :)

I would like a side tab that says "Information" or "Info" and when it slides out, I can have my network mission statement, explanation, instructions, highlights, etc.

I'll likely need a scrollbox inside the slide out sidebar tab. (can be a lightbox pop up when sidebar clicked, instead of a drawer.)

Anybody able to help me out with this?

Thank you everyone, take care!

[Mat]

Thats pretty solid wish lol, it ain't easy.

Let me show you my sample work so you can look at it. brb

[Damien Hannah]

Ok, thank you Mat.

[Mat]

Sample link

You can keep this and customize it as you like, or you can use opencube.com if you want to have different look or design.

Good Luck

[Damien Hannah]

That is excellent! However not quite what I was looking for. I don't think I was specific enough.

I'm looking for a tab at the side of the screen that stays there. When you click it, it slides out from the left, and gives information in a "drawer" style slide out box, or a "lightbox" after clicking the tab on the side of the screen.

It's basically hidden, and a little tab sticks out that says "info"

(I'm not using my header, I want the option to give people network information if the initial impression is not good enough.

Thanks Mat.

[Mat]

Damien i understand that but the sample is to show you what the design or the box look like,

would be awesome if you have link or screenshot for it tho

http://www.1stwebdesigner.com/wp-content/uploads/2010/07/css3-slide...

http://wpaoli.building58.com/2009/09/jquery-tab-slide-out-plugin/

[Damien Hannah]

That one is cool too! If that could be on the left sidebar instead of the top, that would be cool probably. :)

I'll watch for a sidetab and share the screenshot when I find it.

[Mat]

You haven't clicked the second link right? lol

Anyway here is the full code and demo:  http://www.building58.com/examples/tabSlideOut.html

To see the demo, click "Contact" tab, its on the left side.

Good Luck!

[Damien Hannah]

You're right, I had not clicked the second one. :) That is exactly what I was looking for! Thank you! :)

[Mat]

You welcome Damien!

[Matt Whisenant]

Curious if you got this to work on your ning network.......

[Damien Hannah]

I did get it to work, however it conflicted with my jquery tabs, so I chose against having the tab at the side.

Since then I have created a landing page that does the trick just right, (I hope, anyways.)

[Matt Whisenant]

is the slide out something i can do with a plus network vs pro and do i have to belong to a site that hosts jquery script or can i implement without it?