- Регистрация
- 09.11.2015
- Сообщения
- 2 512
- Реакции
- 16
Воины: Мечезвон
Source: Воины: Мечезвон
HTML:
<p>Для настоящего воина нет мелодии слаще, чем звуки битвы. Поэтому и праздник воинов называется характерно — Мечезвон. Его отмечают на заре лета,? <strong>с 2 по 6 июня</strong>.? </p>
<p style="text-align: center;"><img src="http://allods.mail.ru/images/catalog/Warrior22.png" width="350" height="350" /></p>
<p>В эти дни все ? атники, Солдаты, Вояки, Бойцы и Преторианцы прибывают в столичные города, чтобы меряться мускулами, слушать рассказы ветеранов и пить добрый эль в компании товарищей по оружию.</p>
<p>Кроме того, если вы — воин, то в дни Мечезвона можете приобрести парадный доспех.</p>
<!-- ################################################################################# -->
<p>
<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,serif !important;
display: block;
margin: 0 73px;
font-size: 22px !important;
padding: 0 0 16px 0 !important;
position: relative;
color: #210f05;
font-weight: bold !important;
}
.block-a__heading:before {
content: " ";
display: block;
position: absolute;
left: -10px;
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: -10px;
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: 500px;
position: relative;
background: transparent url(https://allods.cdn.gmru.net/files/videos/23122015/BG_Exo20.jpg) no-repeat 0 0;
}
.block-a__video {
width: 612px;
height: 500px;
position: relative;
}
.block-a__screen {
position: absolute;
top: 0;
left: 0;
width: 612px;
height: 500px;
background: transparent url("https://allods.cdn.gmru.net/files/videos/23122015/block-a__viewport_2.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(https://allods.cdn.gmru.net/files/videos/13052016/icons_exo3.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>
</p>
<!-- &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& -->
<div class="block-a" id="block-a-0">
<div style="padding: 10px 0;">
<hr class="block-a__decor" />
<h2 class="block-a__heading">Парадная форма Воина</h2>
<div class="block-a__viewport"><video poster="https://allods.cdn.gmru.net/files/videos/23122015/BG_Exo20.jpg" class="block-a__video" autoplay="autoplay"> <source type="video/webm" src="https://allods.cdn.gmru.net/files/videos/01062016/IMWarriorEvent.webm"></source> <source type="video/mp4" src="https://allods.cdn.gmru.net/files/videos/01062016/IMWarriorEvent.mp4"></source> </video>
<div class="block-a__screen"></div>
</div>
<hr class="block-a__decor" />
</div>
</div>
<!-- &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& -->
<p>
<script type="text/javascript"><!--
(function() {
var videoPath = decodeURIComponent("https%3A%2F%2Fallods.cdn.gmru.net%2Ffiles%2Fvideos%2F13052016%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>
</p>
<!-- ################################################################################# -->
<p>Приобрести такой костюм можно только в дни «Мечезвона» (2—6 июня), поэтому если он вам понравился — не откладывайте посещение Лавки ? едкостей. Кстати, покупка доступна персонажам всех классов!</p>
<table width="400" border="0" style="margin:0 auto;">
<tbody>
<tr>
<td colspan="3" style="text-align: center;"><img height="8" width="400" src="http://allods.mail.ru/images/news/sep_in.gif" /></td>
</tr>
<tr>
<td style="vertical-align:middle;"><img height="64" width="64" src="http://allods.mail.ru/images/catalog/%5ECBD4D4FC54B1EEE66F22FEBCDCFFEB86B73886A3B1EE600702%5Epimgpsh_fullsize_distr.jpg" />
</td>
<td style="vertical-align:middle; padding:10px;">
<p><strong>Парадная форма Воина</strong><strong>:</strong> плащ, головной убор и доспех!</p>
</td>
<td style="vertical-align:middle;">300 <img height="11" width="20" src="http://allods.mail.ru/images/catalog/ukri.png" />
</td>
</tr>
<tr>
<td colspan="3" style="text-align: center;"><img height="8" width="400" src="http://allods.mail.ru/images/news/sep_in.gif" /></td>
</tr>
<tr>
<td style="vertical-align:middle;"><img height="64" width="64" src="http://allods.mail.ru/images/catalog/^2587CEA5617DB65A6E04984C560D765B5C4FB4722982E13CAB^pimgpsh_fullsize_distr.png" />
</td>
<td style="vertical-align:middle; padding:10px;"><strong>Парадный головной убор Воина
</strong></td>
<td style="vertical-align:middle;">
<p>100 <img height="12" width="20" src="http://allods.mail.ru/images/catalog/ukri.png" /></p>
</td>
</tr>
<tr>
<td colspan="3" style="text-align: center;"><img height="8" width="400" src="http://allods.mail.ru/images/news/sep_in.gif" /></td>
</tr>
<tr>
<td style="vertical-align:middle;"><img height="64" width="64" src="http://allods.mail.ru/images/catalog/^CBE461AB13B54B07CE134B3A944E0C992875C74EDD2620F8D9^pimgpsh_fullsize_distr.png" />
</td>
<td style="vertical-align:middle; padding:10px;"><strong>Парадный доспех Воина
</strong></td>
<td style="vertical-align:middle;">
<p>150 <img height="11" width="20" src="http://allods.mail.ru/images/catalog/ukri.png" /></p>
</td>
</tr>
<tr>
<td colspan="3" style="text-align: center;"><img height="8" width="400" src="http://allods.mail.ru/images/news/sep_in.gif" /></td>
</tr>
<tr>
<td style="vertical-align:middle;"><img height="64" width="64" src="http://allods.mail.ru/images/catalog/^C440742CDDD91DAFA11178A0D668F32DC10A6D6DE4595C452B^pimgpsh_fullsize_distr.png" />
</td>
<td style="vertical-align:middle;padding:10px;"><strong>Парадный плащ Воина
</strong></td>
<td style="vertical-align:middle;">
<p>80 <img height="11" width="20" src="http://allods.mail.ru/images/catalog/ukri.png" /></p>
</td>
</tr>
<tr>
<td colspan="3" style="text-align: center;"><img height="8" width="400" src="http://allods.mail.ru/images/news/sep_in.gif" /></td>
</tr>
</tbody>
</table>
<p>Как всегда, узнать более подробную информацию о празднике можно не выходя из игры (по умолчанию — горячая клавиша «H»).</p>
<p style="text-align: center;">Желаем приятной игры!</p>Source: Воины: Мечезвон
