Floating Sidebar Menu - Dreamweaver Tutorial - 1 of 2

[HowTosh]

NICE Video!

How can you just do, like: No animation when it floats but just that its stay were it is and the page scrolls under it..? Please answer.

[samurai0073]

Thanks mate!!! I really appriciate all of ur works, keep postin more of it :)

[joshanator1]

doesn't anyone use DW on a pc anymore? I know it's an Adobe product

but it used to be mostly for pc's. PS was for mac software

[DreamWeaverTutorial]

@joshanator1 Yes, I do. I just previewed the page in safari.

[RetroAges]

Hi is there a way to make this side bar relative to my page? I don't want it at the edge of the page or off-set from the side. I'd like it to run along the edge of my content which is centred with a fixed width.

[DreamWeaverTutorial]

@RetroAges you can control the postition of the x and y axis in the javascript file.

[RetroAges]

@DreamWeaverTutorial Isn't that just relative to the top left of the page? If I resized my page wouldn't it stay in the same place relative to the window (and not to the content?)

[DreamWeaverTutorial]

@RetroAges You could put the code for the menu into a div surrounding your wrapper and make that position: relative and it will no longer attach to the widow of your browser.

[Ramzan1956]

How can I make premium account to my site? So when a user signs up, he will be asked: what type of account do you want to have? And insert there: normal, premium, power, gold, platinum and lifetime. How to create a script for that? I have 1 SQL database. I want to create for each type of account the time that they have that type of account. After that the account will downgrade itself to the normal type. I want the users that have premium accounts to be able to download files from my website.

[TIAG0NUNES]

Is there a way to insert this one on my wordpress page? (tiagonunes.us) - I want to change it to a google adsense adbar, and I want it to stay aside the main slide, but I don't want the bar to mess with the other page elements, when I reduce the window size. Is that possible??????????????????????­?????????????????

Thanks in advance! =)

[DreamWeaverTutorial]

@TIAG0NUNES to unit attaches to your browser window so wherever the browser edge is, you will find the floating side bar. You can move it away from the browser windo using the x and y axis.

[bobsmith]

#sidebar { Position: Fixed; Left: 0; Top: 50; background: #FFFFFF; border: 2px solid #0886c5; width: 60px; z-index: 2; } Just make a Div tag, ID = sidebar Before the closing div tag, Add any anchor tag you wish :) TADA!

[DreamWeaverTutorial]

@bobsmith that's the standard css way to create it but it won't animate and that's the whole point of this tutorial as well as creating a social networking widget with rollover buttons using dreamweavers swap image behavior

[bobsmith]

@DreamWeaverTutorial True sir, your tut was great; just thought i'd put the basic code for those who are just after it. :)

[CoolDising]

Hi whats up? the tutorial is great but I have a problem I can't download the excercise. So can you help me?

See you

[DreamWeaverTutorial]

@CoolDising right click and save link to desktop in firefox

[CoolDising]

@DreamWeaverTutorial Thanks for helping me!

[DopeBeatsProductions]

oh and i realized that in mozila firefox the images are not rollover and not clickable

[DopeBeatsProductions]

i been on your website. it's great thats how i got it to work. becuase i am doing a html website, i folowed your html instructions. but i might have not done it right becuase

on every web browser it floats on a different position, iether in the middle of the side of the page, or all the way in the bottom hiding 2 of my social networks, and the page scrolls down limitless becuase of the floating item. can u help me resolve this ?

[mstuie]

This video dont load for me.. :S

[troglodyte3344]

@mstuie its working !