Sidebar Creator

User 495092 Photo


Registered User
259 posts

I really want to be able to create a sidebar on my site that I can add to every page in the same spot. It would be nice if there were an add-on or separate program where we can create the sidebar (colors, add widgets with links, size, etc.) and then just add it into our pages, like we add html or jukebox, etc.

T.
User 122279 Photo


Senior Advisor
14,649 posts
Online Now

I take it you are using VSD. I think I would do it as follows: Create the pages you want in VSD, and leave an empty space either left or right, depending on where you want the sidebar to appear.

Then create a new page (New project, not linked to the other pages) in the width and height that you want for your sidebar, and place navigation, ads, whatever you want to have in it.

Then back to the main pages. Open the html tool and insert an iframe width and height of the sidebar.

<iframe src="path to sidebar.html" width="200" height="600" frameborder="0">

</iframe>

Adjust the dimensions to match your sidebar file, and then copy this to all the pages. If you want a frameborder to appear, change the 0 to 1.

Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 495092 Photo


Registered User
259 posts

Hmmm.......sounds complicated. I'll have to test it out. I open a totally NEW project and new page, so close out of my current website project? I can't just create a new page within my current project (just not upload it)?
User 187934 Photo


Senior Advisor
20,271 posts

Yes you can use a new page within the current project.;)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 495092 Photo


Registered User
259 posts

I created the page with those dimensions. I inserted the iframe of the same size. How do I get the stuff I added on that new page into the iframe?

nevermind.....got it! I wonder now if there's a way to make the sidebar/iframe somewhat transparent??

And thank you!
User 495092 Photo


Registered User
259 posts

I guess I do need to upload that page though now, huh? Or nothing will show up!
User 122279 Photo


Senior Advisor
14,649 posts
Online Now

Yes, you do need to upload. What I meant by creating a new project was that the sidebar page was not supposed to be linked to any page other than by the iframe.

Re transparent, I'm not a VSD user, but Eric is. I'm sure he has some ideas :)
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 495092 Photo


Registered User
259 posts

Ok, I was able to move everything over and add it to the right side of each page. As for transparency, I just made the background color the same as my webpage. Still not sure if I like the look, but it should be fine for now.

www.violaduo.com

Thanks for the help!!

T.
User 495092 Photo


Registered User
259 posts

Update: Sidebar stopped working. It worked fine when I first uploaded it. The buttons all took me where I wanted them to (FB, Twitter, etc.). But then I noticed when I'd click on them recently, it didn't do anything. It had the correct links, but only went there if I right-clicked to open in a new window. Someone else tried it in IE and said they clicked on it and a message in that window (in the sidebar) that said the page wouldn't load. I use Chrome.

Anyway, I had to delete the sidebar. I was able to add all the buttons and everything individually, but it took a long time to place them all in the same spot on every page. Oh well....nice try.

T.
User 187934 Photo


Senior Advisor
20,271 posts

Tanya, If you get them looking the way you like on one page you can select each one while holding the shift key down. This will allow you to select them all and the right click copy. Now go to each page that you want them on and select paste. As long as you don't scroll each page, as you paste the elements to each page, they will end up in the same position as the original page.:)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.