[Аллоды]Шкатулка Святого Воителя в Лавке Редкостей!

Регистрация
09.11.2015
Сообщения
3 161
Реакции
16
Шкатулка Святого Воителя в Лавке Редкостей!

HTML:
<p style="text-align: center;">Друзья!</p>
<p style="text-align: center;">Только что в продаже появились <strong>шкатулки Святого Воителя</strong>.  Открывая их, вы можете стать обладателем одного из трех эффектных  оружейных окрасов. При использовании окраса на полгода улучшается  внешний вид всего вашего арсенала, а также становятся зрелищнее боевые анимации персонажа!</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: 402px;
                                        position: relative;
                                        background: transparent url(https://allods.cdn.gmru.net/media/video/wp/wwwBGweapon.png) 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(https://allods.mail.ru/images/news/icons_hp_aug18.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="https://allods.cdn.gmru.net/media/video/wp/WeaponBGApl.png">
                                                <source src="http://allods.mail.ru/files/videos/HollyPower082018/wwwVers_SunGuardian.webm" type="video/webm">
                                            </video>
                                            <div class="block-a__screen"></div>
                                        </div>

                                        <ul class="block-a__selector">
                                            <li class="block-a__icon block-a__icon--1 block-a__icon--active" data-fn="wwwVers_SunGuardian" title="Святое оружие Солнечного Витязя">Святое оружие Солнечного Витязя</li>
                                            <li class="block-a__icon block-a__icon--2" data-fn="wwwVers_MoonGuardian" title="Святое оружие Лунного Витязя ">Святое оружие Лунного Витязя</li>
                                            <li class="block-a__icon block-a__icon--3" data-fn="wwwVers_BloodGuardian" title="Святое оружие Кровавого Витязя">Святое оружие Кровавого Витязя</li>
                                        </ul>
                                        <hr class="block-a__decor"/>
                                    </div>
                                </div>
                                <!-- &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&    -->
                                <script>
                                    (function() {
                                        var videoPath = decodeURIComponent("http://allods.mail.ru/files/videos/HollyPower082018/");
                                        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");

                                            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><span style="text-align: center;">Кроме того, владелец такого окраса получает небольшой бонус к атакующим характеристикам. </span>Бонус к характеристикам зависит от класса:</p>
<ul>
<li>У волшебника и жреца на 20 единиц увеличивается параметр двойной атаки.</li>
<li>У барда, язычника и воина на 20 единиц увеличивается сила критического урона.</li>
<li>У инженера, храмовника и разведчика на 20 единиц увеличивается стремительность.</li>
<li>У некроманта, мистика и демонолога на 20 единиц увеличивается шанс критического урона.</li>
</ul>
<p>Кроме того, каждый из трёх новых обликов добавит 50 ед. к кровожадности.</p>
<p>При активации любого из окрасов оружия станет доступен весь имеющийся  в  наличии арсенал окрасов. Кроме того, с помощью контекстной покупки  доступны <strong>источники Чистого Света</strong>, специальные предметы для активации Святого оружия. С их помощью можно пробудить мощь имеющегося Святого оружия на <strong>3 месяца</strong> без покупки нового!</p>
<p style="text-align: left;">Открыв <strong>шкатулку Святого Воителя</strong>, вы можете получить следующие предметы:</p>
<table style="margin: 0 auto;" class="top100_table" border="0" align="center">
<tbody>
<tr>
<td valign="top"><img height="64" width="64" src="http://allods.mail.ru/images/news/PowerKnightWeapon.png" />
</td>
<td valign="top">
<p><b>Святое оружие Солнечного Витязя</b></p>
</td>
</tr>
<tr>
<td valign="top"><img height="64" width="64" src="http://allods.mail.ru/images/news/PowerKnightLightWeapon.png" />
</td>
<td valign="top">
<p><b>Святое оружие Лунного Витязя</b></p>
</td>
</tr>
<tr>
<td valign="top"><img height="64" width="64" src="http://allods.mail.ru/images/news/PowerKnightDarkWeapon.png" />
</td>
<td valign="top">
<p><b>Святое оружие Кровавого Витязя</b></p>
</td>
</tr>
<tr>
<td valign="top"><img height="64" width="64" src="http://allods.mail.ru/images/news/holyweaponpart.png" />
</td>
<td valign="top">
<p><strong>Осколок Святого оружия</strong></p>
<p>Объединив 100 таких осколков, вы получите Святое оружие в одном из нескольких обличий.</p>
</td>
</tr>
<tr>
<td valign="top"><img height="64" width="64" src="http://allods.mail.ru/images/news/BadgeWeapons_0818.png" />
</td>
<td valign="top">
<p><strong>Обломок Святого оружия</strong></p>
<p>За эти обломки вы можете приобрести у Затейниц любое Святое оружие из предыдущих акций.</p>
</td>
</tr>
</tbody>
</table>
<p style="text-align: center;">
Обратите  внимание — открывая <strong>шкатулки Святого Воителя</strong>, персонаж не получает коллекционные  монеты. Еженедельные розыгрыши также не проводятся.</p>
<p style="text-align: center;"><b>Внимание, данное предложение ограничено по времени действия, спешите!</b></p>
<p style="text-align: center;">Приятной игры!</p>

Source: Шкатулка Святого Воителя в Лавке Редкостей!
 
Сверху Снизу