Floating botton

Floating botton

by Emmanuel Garcia

HTML

<div id="sidebar">Didebar</div>
<div>


ds
d
sd
sd
sd
sd
sd

sddsdsd
sd
sd
sd
s
ds
ds
d
sd
sd


<h1>
ds<p>
ddddd
</p>
ds
</h1>
</h1>

<h1>
ds<p>
ddddd
</p>
ds
</h1>
</h1>
<h1>
ds<p>
ddddd
</p>
ds
</h1>
</h1>
<h1>
ds<p>
ddddd
</p>
ds
</h1>
<h1>
ds<p>
ddddd
</p>
ds
</h1>
</h1>
<h1>
ds<p>
ddddd
</p>
ds
</h1>
<h1>
ds<p>
ddddd
</p>
ds
</h1>
</h1>
<h1>
ds<p>
ddddd
</p>
ds
</h1>
<h1>
ds<p>
ddddd
</p>
ds
</h1>
</h1>
<h1>
ds<p>
ddddd
</p>
ds
</h1>
<h1>
ds<p>
ddddd
</p>
ds
</h1>
</h1>
<h1>
ds<p>
ddddd
</p>
ds
</h1>
</h1>
s
dsd</div>
<div id="floatingbox">
<a href="http://www.kaisteventures.com/kaiste1/contact-us">FAVORITES</a>/</div>





<p id="addBookmarkContainer"></p>

CSS

#floatingbox2 {
position: fixed;
left: 1px;
top: 100px;
width:80px;
height:80px;
z-index:9999;
 }
 
 #floatingbox {
position: fixed;
left: 1px;
top:150px;
width:80px;
height:80px;
z-index:9999;
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
padding:10px;
}
 
 #floatingbox a {
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  background: #e04226;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

#floatingbox a:hover {
  background: #002E59;
  text-decoration: none;
}