Файл: inc/_header.php
Строк: 180
<html>
<head><title>Авто-Форсаж- Аккаунт - Ферма</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<meta name="description" content="Экономическая игра">
<meta name="keywords" content="Заработок на покупке и сборке автомобилей, вложения, заработать, денежная ферма, заработать на ферме">
<link href="/style/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/js/functions.js"></script>
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
<script type="text/javascript" src="/js/easyTooltip.js"> </script>
<script src="/jquery.bxSlider.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#slider1').bxSlider();
});
</script>
</head>
<body>
<div class="wrap">
<div class="header">
<div class="logo"><a href="/"><div class="logotip">
<div id="rotateText"><img src="/img/cool.png"><img src="/img/coolt.png"></a></div>
<div id="rotateText">
</div>
<div class="top2"><a href="/reklama">Реклама</a></div>
<div class="top2"><a href="/stat">Статистика</a></div>
<div class="top2"><a href="/otziv">Отзывы</a></div>
<div class="top2"><a href="/marketing">Маркетинг</a></div>
<div class="top2"><a href="/faq">FAQ</a></div>
<div id="top-menu" style="
width: 183px;
height: 279px;
background: url(/img/top-menu.png);
position: relative;
left: 850px;
top: -150px;
z-index: 300;
"></div>
<div id="top-menu-1" style="
width: 89px;
height: 42px;
position: relative;
left: 862px;
top: -410px;
z-index: 300;
cursor: pointer;
"onclick="window.open('http://fermesbp.bget.ru/news');
"></div>
<div id="top-menu-3" style="
width: 98px;
height: 42px;
position: relative;
left: 848px;
top: -408px;
z-index: 300;
cursor: pointer;
"onclick="window.open('http://fermesbp.bget.ru/about');
"></div>
<div id="top-menu-2" style="
width: 89px;
height: 40px;
position: relative;
left: 863px;
top: -405px;
z-index: 300;
cursor: pointer;
"onclick="window.open('http://fermesbp.bget.ru/contacts');
"></div>
<div id="top-menu-5" style="
width: 255px;
height: 180px;
background: url(/img/ert.png);
position: relative;
left: 633px;
top: -395px;
z-index: 300;
"></div>
<div id="top-menu-6" style="
width: 89px;
height: 116px;
position: relative;
left: 718px;
top: -571px;
z-index: 500;
cursor: pointer;
"onclick="window.open('http://fermesbp.bget.ru/top');
"></div>
<div id="top-menu-7" style="
width: 81px;
height: 105px;
position: relative;
left: 675px;
top: -664px;
z-index: 500;
cursor: pointer;
"onclick="window.open('http://fermesbp.bget.ru/competition');
"></div>
<div id="top-menu-8" style="
width: 71px;
height: 96px;
position: relative;
left: 776px;
top: -753px;
z-index: 500;
cursor: pointer;
"onclick="window.open('http://fermesbp.bget.ru/contest');
"></div>
<div id="top-menu-4" style="
width: 66px;
height: 60px;
position: relative;
left: 66px;
top: -783px;
z-index: 500;
cursor: pointer;
"onclick="window.open('http://fermesbp.bget.ru/rules');
"></div>
<div id="top-menu-9" style="
width: 255px;
height: 61px;
background: url(/img/lent2.png) no-repeat;
position: relative;
left: 642px;
top: -819px;
z-index: 600;
">Конкурсы...</div>
</div>
</div>
<div class="content">
<div class="cl-left"><?PHP include("inc/_menu_left.php"); ?></div>
<div class="cl-right">
<style type="text/css">
#rotateText {
-moz-transform: rotate(-12deg);
-webkit-transform: rotate(-12deg);
-o-transform: rotate(-12deg);
height: 100px; /* размеры задаем сразу с учетом, что будет повернут на 90 градусов */
width: 100px;
padding: 55px 0px 0px 0px;
margin: 0px 0 -50px 16px; /* подтягиваем отступы, образовавшиеся во время вращения */
}
</style>
<!--[if IE]>
<style type="text/css">
#rotateText {
writing-mode:tb-rl;
height: 100px; /* для IE размеры остаются как обычно */
width: 200px;
margin: 0; /* и отступы корректировать не нужно */
}
</style>
<![endif]-->
<script type="text/javascript" src="path-to/jquery-1.3.2.min.js"></script> <!--jquery для простых манипуляций с объектами-->
<script type="text/javascript" src="path-to/bdetect.js"></script> <!--скрипт для определения браузера и его версии-->
<script type="text/javascript">
function vertText()
{
var browser = browserDetect(1),
browserName = browser[0],
browserVer = browser[1],
browserVerPoints = browser[2];
browserVer = parseFloat(browserVer+"."+browserVerPoints);
/* внедрять SVG будем только для Opera версии ниже 10.51 и FF ниже 3.5 */
if((browserName=="Opera" && browserVer<10.5) || (browserName=="Firefox" && browserVer<3.5))
{
var el = jQuery("#rotateText"),
text = el.text(), /* запоминаем текст */
textLen = text.length,
textFontStyle = el.css("font-style"), /* узнаем текущие парамеры текста */
textFontSize = el.css("font-size"),
textColor = el.css("red"),
elWidth = el.css("height"), /* определяем первоначальную ширину блока (в стилях она равна высоте) */
elHeight = 250, /* подбираем высоту чтобы текст одной строкой поместился */
textPosY = -180, /* подбираем координаты, чтобы текст не прилипал к границам блока */
textPosX = 0;
/* имя шрифта задаю непосредственно в элементе SVG text - по другому не хотел восприниматься */
/*
обнуляем текущий текст и добавляем SVG объект с повернутым текстом c сохраненными параметрами текста
*/
el
.css({margin: "0", width: elWidth, height: elHeight+"px"})
.text('')
.append("<object type="image/svg+xml" data="data:image/svg+xml; charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg'><text x='"+textPosX+"' y='"+textPosY+"' font-family='Arial' font-size='"+textFontSize+"' fill='"+textColor+"' transform='rotate(90)' text-rendering='optimizeSpeed'>"+text+"</text></svg> "></object>");
}
}
window.onload=vertText; /* при загрузке страницы вызываем функцию поворота текста */
</script>
<script>
$(document).ready(function(){
$("#top-menu-6").easyTooltip({
tooltipId: "easyTooltip4",
content: '<center><div class="fr-te-gr">ТОП 10:</p></div>'
});
});
</script>
<script>
$(document).ready(function(){
$("#top-menu-7").easyTooltip({
tooltipId: "easyTooltip4",
content: '<center><div class="fr-te-gr">Конкурс рефералов:</p></div>'
});
});
</script>
<script>
$(document).ready(function(){
$("#top-menu-8").easyTooltip({
tooltipId: "easyTooltip4",
content: '<center><div class="fr-te-gr">Видеоконкурс:</p></div>'
});
});
</script>
<script>
$(document).ready(function(){
$("#top-menu-4").easyTooltip({
tooltipId: "easyTooltip4",
content: '<center><div class="fr-te-gr">Правила:</p></div>'
});
});
</script>
<style>
#easyTooltip{
color: #2C3719;
margin:0 10px 1em 0;
width:250px;
padding:8px;
height: 35px;
background: rgba(255, 255, 255, 0.72);
border:1px solid #7C7C79;
line-height:130%;
border-radius: 15px 15px 15px 15px;
box-shadow: rgb(243, 252, 57) 0px 0px 5px 0px;
z-index:500;
}
#easyTooltip h3{
margin:0 0 .5em 0;
font:13px Arial, Helvetica, sans-serif;
text-transform:uppercase;
}
#easyTooltip p{
margin:0 0 .5em 0;
}
#easyTooltip img{
background:#fff;
padding:1px;
border:1px solid #e1e1e1;
float:left;
margin-right:10px;
}
#easyTooltip4{
color: #2C3719;
margin:0 10px 1em 0;
/*width:100px;*/
height: 35px;
padding:8px;
background: rgba(0, 0, 0, 0.52);
line-height:100%;
border-radius: 5px 5px 5px 5px;
z-index:500;
}
#easyTooltip5{
padding:8px;
/*background: rgba(255, 255, 255, 0.72);*/
background:#333;
color: #eee;
border:1px solid #7C7C79;
line-height:130%;
border-radius: 15px 15px 15px 15px;
z-index:500;
}
</style>