<script type="text/javascript">
//Добавляем новые вкладки в наше меню
//В поле data-tab-rec-ids="39707098" прописываете номера показываемых блоков для этой вкладки
//В этом месте >Estoque< прописываете надпись для вкладки
//Чтобы уменьшить кол-во вкладок просто удалите нижние строки
/*6 вкладка*/ $('.t395__wrapper').append('<div class="t395__tab t395__width_20" data-tab-rec-ids="162291714"><div class="t395__title t-name t-name_xs">e-mail маркетинг </div></div>');
/*7 вкладка*/ $('.t395__wrapper').append('<div class="t395__tab t395__width_20" data-tab-rec-ids="162291713"><div class="t395__title t-name t-name_xs">социальные сети</div></div>');
/*8 вкладка*/ $('.t395__wrapper').append('<div class="t395__tab t395__width_20" data-tab-rec-ids="162291712"><div class="t395__title t-name t-name_xs">копирайтинг</div></div>');
/*9 вкладка*/ $('.t395__wrapper').append('<div class="t395__tab t395__width_20" data-tab-rec-ids="162291711"><div class="t395__title t-name t-name_xs">SEO</div></div>');
/*10 вкладка*/ $('.t395__wrapper').append('<div class="t395__tab t395__width_20" data-tab-rec-ids="162291710"><div class="t395__title t-name t-name_xs">юзабилити</div></div>');
/*6 вкладка*/ $(".t395__select").append( $('<option value="162291714">e-mail маркетинг</option>'));
/*7 вкладка*/ $(".t395__select").append( $('<option value="162291713">социальные сети</option>'));
/*8 вкладка*/ $(".t395__select").append( $('<option value="162291712">копирайтинг</option>'));
/*9 вкладка*/ $(".t395__select").append( $('<option value="162291711">SEO</option>'));
/*10 вкладка*/ $(".t395__select").append( $('<option value="162291710">юзабилити</option>'));
</script>
<style>
/*Применяем стили к новым вкладкам */
.t395__title{
color:#436187;
font-size:15px;
font-weight:400;
padding-top:12px;
padding-bottom:12px;
}
/*Фиксируем высоту новых вкладок */
.t395__tab_active .t395__title {
padding-bottom: 16px;
padding-top: 16px;
}
/*Распределяем вкладки по ширине 180px */
.t395__width_26 {
width: 260px !important;
}
/*Привязка слева друг от друга */
.t395__tab{
float: left; middle
}
/*Эффект наведения на вкладки*/
.t395__tab:hover{
box-shadow: 1x 1px 5px 1px #000000;
}
/*Тень для фото*/
.t196__img {
box-shadow: 1px 1px 1px 1px #FFFFFF;
}
/*Отображать свёрнутое меню до такой ширины*/
@media screen and (max-width: 650px) {
.t395__wrapper_mobile {
display: block;
}
}
/*Отображать развёрнутое меню до такой ширины*/
@media screen and (max-width: 650px) {
.t395__wrapper {
display: none !important;
}
}
</style>