- Регистрация
- 09.11.2015
- Сообщения
- 2 494
- Реакции
- 16
Карты Судьбы для подписочного сервера!
Source: Карты Судьбы для подписочного сервера!
HTML:
<p style="text-align: center;">Друзья!</p>
<p style="text-align: center;"><b style="text-align: start;">С 25 июня по 9 июля? </b><span style="text-align: start;">с помощью Карт Судьбы и Компасов Покровителя каждый игрок подписочного сервера может принять участие в поисках сокровищ.</span></p>
<p style="text-align: center;"><img height="191" width="597" src="http://allods.mail.ru/images/news/NewsCardsOfDestinySent2015.png" /></p>
<p>В поисках клада вам могут попасться предметы для продления подписки, Души для смены класса, астральные репликаторы, универсальные инструменты, упаковки амальгамы,? <b>различные боевые эликсиры</b>? и даже? <b>визитная карточка Очень Уважаемого Гоблина (180 дней)</b>!</p>
<center>
<!-- ################################################################################# -->
<style>
.block-a {
display: block;
width: 612px;
padding: 0;
margin: 0 0 0 -15px;
}
.block-a__decor {
display: block;
height: 10px;
margin:10px 0;
background: transparent url(/static/img/block-a/block-a__decor.png) no-repeat 50% 0;
}
.block-a__heading {
text-align: center;
font-family: AllodsRegular;
display: block;
margin: 0 73px;
font-size: 22px;
padding: 0 0 16px 0 !important;
position: relative;
color: #210f05;
}
.block-a__heading:before {
content: " ";
display: block;
position: absolute;
left: 0;
top:0;
height: 100%;
width: 73px;
background: transparent url(/static/img/block-a/block-a__heading--left.png) no-repeat 50% 10px;
}
.block-a__heading:after {
content: " ";
display: block;
position: absolute;
right: 0;
height: 100%;
top:0;
width: 73px;
background: transparent url(/static/img/block-a/block-a__heading--right.png) no-repeat 50% 10px;
}
.block-a__viewport {
width: 612px;
height: 402px;
position: relative;
background: transparent url(/static/img/block-a/block-a__video--poster.jpg) no-repeat 0 0;
}
.block-a__video {
width: 612px;
height: 402px;
position: relative;
}
.block-a__screen {
position: absolute;
top: 0;
left: 0;
width: 612px;
height: 402px;
background: transparent url(/static/img/block-a/block-a__viewport.png) no-repeat 0 0;
z-index: 10;
}
.block-a__selector {
display: block;
padding: 26px 0 8px 0;
text-align: center;
list-style: none;
}
.block-a__icon {
cursor: pointer;
width: 90px;
list-style: none;
height: 90px;
background: transparent url(/static/img/block-a/block-a__icons.png) no-repeat 0 -90px;
position: relative;
display: inline-block;
font-size: 0;
text-indent: -9999em;
}
.block-a__icon--active:after {
content: " ";
width: 90px;
height: 90px;
position: absolute;
top: 13px;
left: 0;
background: transparent url(/static/img/block-a/block-a__icons--active.png) no-repeat 0 0;
}
.block-a__icon--1 {
background-position: 0 -90px;
}
.block-a__icon--1:hover,
.block-a__icon--1.block-a__icon--active {
background-position: 0 0;
}
.block-a__icon--2 {
background-position: -90px -90px;
}
.block-a__icon--2:hover,
.block-a__icon--2.block-a__icon--active {
background-position: -90px 0;
}
.block-a__icon--3 {
background-position: -180px -90px;
}
.block-a__icon--3:hover,
.block-a__icon--3.block-a__icon--active {
background-position: -180px 0;
}
.block-a__icon--4 {
background-position: -270px -90px;
}
.block-a__icon--4:hover,
.block-a__icon--4.block-a__icon--active {
background-position: -270px 0;
}
.block-a__icon--5 {
background-position: -360px -90px;
}
.block-a__icon--5:hover,
.block-a__icon--5.block-a__icon--active {
background-position: -360px 0;
}
</style>
<!-- &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& -->
<div id="block-a-0" class="block-a">
<div style="padding: 10px 0;">
<hr class="block-a__decor"/>
<h2 class="block-a__heading">Жало боевой скорпикоры</h2>
<div class="block-a__viewport">
<video autoplay="autoplay" loop class="block-a__video" poster="/static/img/block-a/block-a__video--poster1.jpg">
<source src="/files/videos/block-a-0/01.webm" type="video/webm">
<source src="/files/videos/block-a-0/01.mp4" type="video/mp4">
</video>
<div class="block-a__screen"></div>
</div>
<ul class="block-a__selector">
<li class="block-a__icon block-a__icon--2" data-fn="02" title="Жало боевой скорпикоры">Жало боевой скорпикоры</li>
<li class="block-a__icon block-a__icon--3" data-fn="03" title="Жало горной скорпикоры">Жало горной скорпикоры</li>
<li class="block-a__icon block-a__icon--4" data-fn="04" title="Жало пламенной скорпикоры">Жало пламенной скорпикоры</li>
</ul>
<hr class="block-a__decor"/>
</div>
</div>
<!-- &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& -->
<script>
(function() {
var videoPath = decodeURIComponent("%2Ffiles%2Fvideos%2Fblock-a-0%2F");
var block = document.getElementById("block-a-0");
var selectorItems = block.getElementsByClassName("block-a__icon");
var video = block.getElementsByTagName("video")[0];
var sources = video.getElementsByTagName("source");
function handleSelector(e) {
video.setAttribute("poster",videoPath+e.target.getAttribute("data-fn")+".jpg");
sources[0].setAttribute("src",videoPath+e.target.getAttribute("data-fn")+".webm");
sources[1].setAttribute("src",videoPath+e.target.getAttribute("data-fn")+".mp4");
video.load();
$(".block-a__heading",block).html(e.target.innerHTML);
$(selectorItems).removeClass("block-a__icon--active");
$(e.target).addClass("block-a__icon--active");
}
$(".block-a__icon").on("click",handleSelector.bind(this));
$(video).onload = function(){console.log("load")}.bind(this);
})();
</script>
<!-- ################################################################################# -->
</center>
<p>? </p>
<p class="block-alert red">Обратите внимание, что подписочное время после использования соответствующего предмета будет добавлено только? <b>при следующем входе в игру</b>. Запечатанное хранилище душ распаковывается в души со? <b>сроком жизни 14 дней</b>.</p>
<ul>
</ul>
<p style="text-align: center;"><img src="https://allods.mail.ru/images/news/MountScorpionMetal_29.png"/></p>
<h2 style="text-align: center;"><a href="http://allods.mail.ru/strongbox.php">Перейти на страницу акции</a>? |? <a target="_blank" href="http://allods.mail.ru/forums/showthread.php?t=136614">? уководство по акции</a></h2>
<p style="text-align: center;">Карты Судьбы можно добыть в качестве трофея за убийство монстров или? <b>купить у Затейниц</b>? в столице фракции.</p>
<p style="text-align: center;"><b>Акция продлится с 12:30 25 июня</b><b><b>? по 23:59 9 июля</b></b></p>
<p style="text-align: center;">Удачи в поисках!</p>
Source: Карты Судьбы для подписочного сервера!