<div class="footer">-- This is your floating footer --</div>
Place this code into the Body html of an a HTML box.
<style type="text/css">
.footer {
background-color: #cdcdcd;
height: 100px;
text-align: center;
font-size:10px;
color:#CC0000;
font-family:Verdana;
padding-top: 10px;
width: 1000px;
position:fixed;
bottom: 0px;
}
</style>
Now just add the image files to VSD and change the code to reflect the name of your files and their location
<style>
div.floating-nav {position:fixed;}
</style>
<div class="floating-nav">
<a href="http://coffeecup.com/"><img src="fixednav/coffeecup.png" /></a>
</div
>
Place this code into the Header html of an a HTML box.
FLOATING FOOTER
<style>
div.floating-menu {position:fixed;background:#fff4c8;border:1px solid #ffcc00;width:150px;z-index:100;}
div.floating-menu a, div.floating-menu h3 {display:block;margin:0 0.5em;}
</style>
<div class="floating-menu">
<a href="http://coffeecup.com/">CoffeeCup</a>
<a href="http://www.coffeecup.com/forums/">CC Forum</a>
<a href="http://www.google.com">Google</a>
</div>
Here's the code for floating or fixed links. Paste this into the body of the HTML box.
Change the links to fit your site.
Back to Progrower.coffeecup.com
Here's the code for floating or fixed button. Paste this into the body of the HTML box.