<script type="text/javascript">$(document).ready(function(){
$(".left-options .option").hover(function(){
$(".left-options .tooltip p").text($(this).attr("data"));
$(".left-options .tooltip").show();
$(".left-options .tooltip").offset({top:$(this).offset().top,left:$(this).offset().left+60});
},function(){
$(".left-options .tooltip").hide();
});
$(window).scroll(function(){
var windowpos = $(window).scrollTop();
if(windowpos < 5) {
$(".left-options .top").fadeOut(500);
} else {
$(".left-options .top").fadeIn(500);
}
});
var windowpos = $(window).scrollTop();
if(windowpos < 5) {
$(".left-options .top").fadeOut(500);
} else {
$(".left-options .top").fadeIn(500);
}
$.fn.scrollToTop=function(){
$(this).click(function(){
$("html, body").animate({scrollTop:0},"normal");
});
};
$(".left-options .top").scrollToTop();});</script><div class="lm">
<div class="left-options nomain">
<div class="background"></div>
<div class="tooltip" style="display: none; top: 102px; left: 60px;"><p>Наверх</p></div>
<div class="options-block">
<div class="option home" data-id="1" data="На главную" onclick="location.href='/'" style="background-position: 9px -174px;"></div>
<div class="option back" data-id="2" onclick="history.go(-1)" data="Назад"></div>
<div class="option top" data-id="3" data="Наверх" style="display: none;"></div>
<div style="background-color: rgb(37, 184, 249); border-bottom: 1px solid rgb(100, 201, 226); background-position: -232px 9px;" class="option newoption new4" data-id="4" data="Текст описания" onclick="location.href=''"></div><div style="background-color: rgb(37, 184, 249); border-bottom: 1px solid rgb(100, 201, 226); background-position: 14px -355px;" class="option newoption new5" data-id="5" data="Текст описания" onclick="location.href=''"></div><div style="background-color: rgb(37, 184, 249); border-bottom: 1px solid rgb(100, 201, 226); background-position: -232px -33px;" class="option newoption new6" data-id="6" data="Текст описания" onclick="location.href=''"></div></div>
</div>
</div><style type="text/css">.left-options{width: 60px;height: 100%;position: fixed;top: 0;left: 0;z-index: 500;}.left-options .background{width: 100%;height: 100%;position: absolute;background: rgb(35, 38, 72);opacity: 0.1;z-index:500;}.left-options .option{color: white;text-shadow: 0px 0px 2px rgb(17, 17, 17);font-size: 30px;cursor: pointer;z-index:600;position: relative;width:100%;height: 50px;opacity: 0.5;border-bottom: 1px solid rgb(100, 201, 226);}.left-options .back{background: url(
http://hello-site.ru/main/images/leftmenu-sprite.png) no-repeat rgb(37, 184, 249);background-position: -171px -74px;}.left-options .top{background: url(
http://hello-site.ru/main/images/leftmenu-sprite.png) no-repeat rgb(37, 184, 249);background-position: -294px -76px;display:none;}.left-options .home{background: url(
http://hello-site.ru/main/images/leftmenu-sprite.png) no-repeat rgb(37, 184, 249);background-position: -109px -119px;}.left-options .message{background: url(
http://hello-site.ru/main/images/leftmenu-sprite.png) no-repeat rgb(37, 184, 249);background-position: -109px 9px;}.left-options .search{background: url(
http://hello-site.ru/main/images/leftmenu-sprite.png) no-repeat rgb(37, 184, 249);background-position: -232px -33px;}.left-options .like{background: url(
http://hello-site.ru/main/images/leftmenu-sprite.png) no-repeat rgb(37, 184, 249);background-position: -48px 8px;}.left-options .construct{background: url(
http://hello-site.ru/main/images/leftmenu-sprite.png) no-repeat rgb(37, 184, 249);background-position: -294px 8px;}.left-options .option:hover{opacity:0.9;}.left-options .tooltip{display: none;position: absolute;background: rgb(250, 250, 250);padding: 5px 7px 4px;opacity: 1;left: 100px;font-size: 9px;font-family: "Source Sans Pro", sans-serif;text-transform: uppercase;letter-spacing: 0.1em;line-height: 14px;text-align: center;width: 100px;background: rgb(220, 78, 82);color: white;font-weight: bold;}.tooltip p{margin:0;}.left-options .option.newoption{background:url(
http://hello-site.ru/main/images/leftmenu-sprite.png) no-repeat rgb(37,184, 249);background-position: -49px 9px;}.left-options > p{display:none;}</style>
Контент-модули
Продвижение сайта
Управление сайтом