Анонс
<script type="text/javascript" src="http://en58.ru/165/slider.js"></script>
<script type="text/javascript">// <![CDATA[
$(document).ready(function(e) {
$('.pnz_menu a').bind('click', function() {
$('.pnz_menu ul li a').removeClass('selected');
$(this).addClass('selected');
});
});
// ]]></script>
<p><link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:400,400italic&subset=latin,cyrillic" rel="stylesheet" type="text/css" /></p>
<style type="text/css"><!--
.pnz_item p,
.pnz_item h1 {
margin: 3px 10px 3px 20px;
color: #fff4df;
}
.pnz_item h1 {
font-weight: bold;
font-size: 22px;
}
.pnz_item p { font-size: 18px; }
#pnz_slider-wrap { /* Оболочка слайдера и кнопок */
max-width:600px;
margin: 0;
padding: 0;
}
#pnz_slider { /* Оболочка слайдера */
max-width:600px;
height:760px;
overflow: hidden;
position:relative;
margin: 0;
padding: 0;
text-align: center;
}
.pnz_slide { /* Слайд */
width:100%;
height:100%;
margin: 0;
padding: 0;
z-index: 10;
}
.pnz_menu {
position: absolute;
z-index: 20;
font-family: 'Roboto Condensed', sans-serif;
}
.pnz_text {
position: absolute;
z-index: 20;
font-family: 'Roboto Condensed', sans-serif;
}
.pnz_text {
top: 55px;
width: 100%;
padding: 30px 0;
}
.pnz_menu {
top: 20px;
width: 100%;
height: 50px;
z-index: 20;
}
.pnz_menu ul {
list-style-type: none;
position: relative;
margin-top: 0px;
padding-left: 0px;
}
.pnz_menu li {
height: 40px;
display: inline-block;
padding-right: 10px;
margin-top: 0px;
}
.pnz_menu a {
color: #ffffff!important;
display: block!important;
font-size: 20px!important;
height: 100%!important;
line-height: 40px!important;
padding: 5px!important;
text-decoration: none!important;
width: 100%!important;
}
.pnz_menu a:hover, .pnz_menu a.selected {
color: #db3f46!important;
text-decoration: none!important;
margin: 0px!important;
}
.pnz_item a{
color: #db3f46;
}
.pnz_item a:hover {
color: #FF636A;
}
--></style>
<div width="100%" align="center"><img src="http://d2.endata.cx/data/games/26535/anons40_1.jpeg" alt="" width="600" />
<div id="pnz_slider-wrap">
<div id="pnz_slider">
<div class="pnz_menu">
<ul>
<li><a class="selected" href="#">Об игре</a></li>
<li><a href="#">Допы</a></li>
<li><a href="#">Контакты</a></li>
</ul>
</div>
<div class="pnz_text" style="display: block;">
<div class="pnz_item">
<h1>40° по Менделееву<br />[игра, посвященная началу Сезонов 2017 года]</h1>
<p> </p>
<p style="font-size: 13px;"><strong>Формат игры: пешеходка + схватка + точки (по блокам)</strong></p>
<p style="font-size: 13px;"><strong>Структура игры: логика + поиск</strong></p>
<p style="font-size: 13px;"><strong>Количество игроков в команде: не более 7 (максимум 5 в поле)</strong></p>
<p style="font-size: 13px;"><strong>Время игры: <em>уточняется</em></strong></p>
<p style="font-size: 13px;"><strong>Взнос: 300 рублей с команды</strong></p>
</div>
</div>
<div style="font-family: 'Roboto Condensed', sans-serif; background: url('http://d2.endata.cx/data/games/26535/anons40_bg.jpg') bottom center no-repeat; background-color: black; max-width: 600px; height: 760px;" align="bottom">
<p style="color: #ff636a; padding-top: 310px; font-weght: bold; font-size: 16px;">ПАРТНЁР ИГРЫ</p>
<p style="padding-top: 10px;"><a href="https://vk.com/lampovayart_golova"><img src="http://d2.endata.cx/data/games/26535/lamphead.png" alt="" /></a></p>
</div>
<div class="pnz_content_wrap" style="display: none;">
<div class="pnz_item">
<h1>40° по Менделееву<br />[игра, посвященная началу Сезонов 2017 года]</h1>
<p> </p>
<p style="font-size: 13px;"><strong>Формат игры: пешеходка + схватка + точки (по блокам)</strong></p>
<p style="font-size: 13px;"><strong>Структура игры: логика + поиск</strong></p>
<p style="font-size: 13px;"><strong>Количество игроков в команде: не более 7 (максимум 5 в поле)</strong></p>
<p style="font-size: 13px;"><strong>Время игры: <em>уточняется</em></strong></p>
<p style="font-size: 13px;"><strong>Взнос: 300 рублей с команды</strong></p>
</div>
</div>
<div class="pnz_content_wrap" style="display: none;">
<div class="pnz_item">
<h1>Не забыть</h1>
<p> </p>
<p style="font-size: 13px; font-weight: bold;">Фонарь каждому полевому игроку</p>
<p style="font-size: 13px; font-weight: bold;">Заряженный телефон с пополненным балансом</p>
<p style="font-size: 13px; font-weight: bold;">Письменные принадлежности (блокнот, ручка)</p>
<p style="font-size: 13px; font-weight: bold;">Приложение 2GIS в телефоне</p>
<p style="font-size: 13px; font-weight: bold;">1-2 <s>пьющих</s> выпивающих игроков в команде</p>
</div>
</div>
<div class="pnz_content_wrap" style="display: none;">
<div class="pnz_item">
<h1>Связь с авторами</h1>
<p> </p>
<p style="font-size: 13px; font-weight: bold;"><a href="/UserDetails.aspx?uid=1510494" target="_blank">triff</a>, +7 (937) 412-23-99, <a href="http://vk.com/triff" target="_blank">http://vk.com/triff</a></p>
<p> </p>
<p style="font-size: 13px; font-weight: bold;"><a href="/UserDetails.aspx?uid=1277213" target="_blank">mad_boy</a>, +7 (937) 911-20-20, <a href="http://vk.com/mad__boy" target="_blank">http://vk.com/mad__boy</a></p>
</div>
</div>
</div>
</div>
</div>