Dnny
-
Публикации
64 -
Зарегистрирован
-
Посещение
Сообщения, опубликованные пользователем Dnny
-
-
<div class="blog__inner"> {custom category="1" limit="2" template="shortstory"} <div class="blog__sidebar info-sidebar"> {custom category="1" limit="4" order="date" idexclude="227,225" template="mod/main/blog-main-shorts"} </div> </div
на главной выводятся новости с помощью custom. 2 новости идут с картинкой и описанием по горизонтали, 4 новости сбоку в столбик только названия.
убивает то, что таким образом, при добавлении новостей они повторяются во второй колонке, поэтому приходится лезть в шаблон и ставить id новостей которые стоят по горизонтали: idexclude="227,225"
Я может ошибаюсь, но вроде был способ чтобы исключить из показа не по id новостей, а как то по другому, что-то типа начать новости с 3 в категории что ли. Чтобы новости выводились как на картинке.
-
Важная информация по хостингу SWEB!
Модуль "mod_access_compat" был установлен на сервер, старые директивы ограничения доступа работают на всех версиях PHP.
Так что теперь не надо переходить на дорогие тарифы. Просто надо нормально с ТП пообщаться.
-
22 часа назад, kamensk сказал:
Целенаправленный мазохизм!))
Что мешает перейти на нормальный хостинг? Например: ipipe.ru.
Что людьми движет - цепляться за говнохостинг, да еще с завышенной стоимостью.
Беги!
Я выбрал хостинг в своем городе, я с ним с 2005 года и являюсь их партнером. Получаю очень хорошие бонусы за своих клиентов и мне нравится их техподдержка. А по другим хостингам могу сказать что мне не нравится и панель управления, ни тех поддержка, ни падения серверов. Для меня мой хостинг вполне дешевый, Вы его пробовали чтобы обсуждать его? Или для вас главное побольше халявы? Хотите подешевле, бегите. Обсуждайте свой хостинг в другом месте.
-
После моего вопроса:
ЦитатаНе связано ли техническое ограничение что этот модуль стоит только на VDS? И пользователям хотящим работать на пхп версии 8.1 настоятельно рекомендуется переходить на более дорогостоящие тарифы со своими хотелками?
мне ответили так:
ЦитатаМы запросили у профильных специалистов информацию о возможности установки модуля mod_access_compat на текущий момент, по факту рассмотрения вопроса мы направим уведомление в рамках этой заявки. Благодарим за ожидание.
в общем еще надо подождать.
-
21 минуту назад, celsoft сказал:
Отпишитесь потом о результате, даже интересно получиться у вас или нет )) искренне желаю вам удачи.
Раньше можно было позвонить или написать и в течении часа уже нужные модули стояли и работали. Видимо другая политика, новые люди. Меня не послали оплачивать VDSчто уже хорошо. Ответ был более лаконичен:
ЦитатаНа услуге виртуального хостинга в Apache 2.4 не установлен модуль mod_access_compat, произвести его установку мы не можем в силу технических ограничений услуги. Для использования PHP 7.4 и новее необходимо заменить директивы ограничения доступа на более новые. Общие рекомендации приведены на нашем сайте: https://help.sweb.ru/entry/1035/
В результате пришлось все делать руками. Ну по крайней мере все заработало. :)
-
2 минуты назад, celsoft сказал:
Другие клиенты уже пробовали )) и у них не получилось )), отправляют на тариф дороже всегда, но чем больше будет просить быстрее сделают. Они ссылаются что этот модуль может якобы помешать настроенной работе других сайтов, но это не правда потому что модуль mod_access_compat только добавляет поддержку работы Order deny,allow и больше ничего, соответственно он больше ничему не мешает и не может помешать. Так что я думаю это умышленно сделано как скрытая отправка на более дорогие тарифы где все работает волшебным образом ))
Опыт общения с ними с нужен :) я у них с 2005 года клиент. Возможно студентов набрали в ТП, или старики ленивые стали.
-
Спасибо, пошел дрючить их тех поддержку для начала.
-
Ситуация такая. Обновил с версии 15.1 до версии 15.3. Вылезло что устарел PHP и надо поставить новый, не ниже 8.1
Хостинг SWEB, там кликаеш на настройки и выбираешь. Стояла 2.2 апаче и 7.3 пхп. Поставил 2.4 апаче и 8.1 пхп.
В результате и сайт и админка грузятся без картинок и без css. В чем может быть проблема? Пока вернулся на прежнюю версию апаче и пхп.
Понятно что проблема не в скрипте, что сказать хостинг провайдеру? -
Спасибо что никто не помог. :) Проблема решена.
-
В сверстанном html шаблоне, который я делаю в шаблон dle код такой:
<div class="page__header"> <div class="container"> <div class="breadcrumbs"> <div class="breadcrumbs__buttons"> <a href="index.html" class="breadcrumbs__btn breadcrumbs__btn-home"> <svg> <use xlink:href="#home"></use> </svg> </a> <a href="#" class="breadcrumbs__btn breadcrumbs__btn-back"> <svg> <use xlink:href="#arrow-unline"></use> </svg> </a> </div> <div class="breadcrumbs__links"> <a href="index.html" class="breadcrumbs__item"> <span>Главная</span> </a> <a href="/category/" class="breadcrumbs__item breadcrumbs__item_back"> <span>Категория</span> </a> <a href="#" class="breadcrumbs__item active"> <span>Какая-то страница категории</span> </a> </div> </div> </div> </div>
В стилях так:
.breadcrumbs { margin: 24px 0 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .breadcrumbs__btn svg { width: 16px; height: 16px; fill: #BF9D77; margin-right: 20px; -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } .breadcrumbs__btn svg:nth-child(2) { display: none; } .breadcrumbs__btn:hover svg { fill: #983031; } .breadcrumbs__btn-back { display: none; } .breadcrumbs__btn-back svg { width: 12px; height: 12px; } .breadcrumbs__links { display: -webkit-box; display: -ms-flexbox; display: flex; } .breadcrumbs__item { display: inline-block; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-left: 48px; position: relative; -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } .breadcrumbs__item:first-child { margin-left: 0; } .breadcrumbs__item:first-child:before { display: none; } .breadcrumbs__item:before { content: ""; width: 1px; height: 18px; background-color: #2B323C; opacity: 0.2; -webkit-transform: rotate(-25.77deg) translateY(-50%); -ms-transform: rotate(-25.77deg) translateY(-50%); transform: rotate(-25.77deg) translateY(-50%); position: absolute; top: 50%; left: -23.5px; z-index: 1; } .breadcrumbs__item span { font-family: "Roboto", sans-serif; font-size: 12px; font-weight: 400; color: #2B323C; line-height: 1.5; -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } .breadcrumbs__item:hover span { color: #BF9D77; } .breadcrumbs__item.active span { color: #2B323C; opacity: 0.3; }
Не понимаю как сделать стили в css. Спидбар выводится тегом {speedbar} в tpl:<div class="breadcrumbs__links"> <div class="breadcrumbs__item"> <span>{speedbar}</span> </div> </div>
Если записать в таком виде то выводится так:
<div class="breadcrumbs__links"> <div class="breadcrumbs__item"> <span> <a href="index.html">Главная</a>  »   <a href="/category/">Производство</a>  »  Какая-то страница категории </span> </div> </div>
А мне надо как в первом коде.
-
а... не сталкивался с этим ни разу в DLE за 14 лет и не надо было до некоторого времени. За пояснения спасибо.
-
Допустим в категории есть 50 новостей которые выводятся блоками. В настройках категории установлены шаблоны для короткой и полной новости.
на странице категории ставится два переключателя: для вывода блоками, ну скажем по 4 блока в ряд, и для вывода новостей колонкой.
По сути нас интересуют только шортстори шаблон для вывода каждого вида (блоками или колонкой). Они имеются. Один прописан в настройках категории.
Вопрос, как это можно реализовать? Вывод получается новостей в категории только через custom? И как реализовать переключатель?
-
DLE сайты в принципе очень быстро индексируются. А если ЯВ настроить правильно то почти мгновенно. Главное чтобы хостинг работал без проблем.
-
55 минут назад, celsoft сказал:
То что поисковик знал, он не забывает только от того что вы убрали ссылку. Запретите его в robots.txt для индексирования.
Благодарю!
-
Суть в следующем. Изначально сайт был с 3 шаблонами на разных языках. Переключение шаблонов - переключало языки на сайте. В конце концов от этого избавились разнеся иноязычность на поддомены. Смену скина на сайте ОТКЛЮЧИЛИ. Кеш в движке почистили! Но в ЯВебмастере с разницей в несколько дней по кругу постоянно:
/index.php?action_skin_change=yes&skin_name=Default
/index.php?action_skin_change=yes&skin_name=english
То индексируются, то выпадают с поиска. Искал из в сайтмапе, НЕТУ. В БД НЕТУ! Где эта зараза прячется чтобы в Вебмастере это вообще не появлялось? -
28.06.2022 в 20:12, amigas сказал:
Да конечно открывается , я же в первом сообщении написал как он открывается его видтскопировал полностью до символа.
Пункт 2 прочитал. Все верно , так у меня и выглядит сайт
Но это не помогло. Яндекс вэбмастер не принимает sitemap.xml , попробую еще пару дней его получать потом напишу о результате.
После регистрации сайта в Я.Вебмастере проходит от 1 до 3 недель чтобы ЯВ увидел ваш сайт мап. В разделе Индексирование в кабинете ЯВ добавляете ссылку. И ждете. Если не принимает файл, значит он с ошибками. На плохом хостинге такое бывает. Переформируйте в админке сайта сайтмап, проверте на ошибки через кабинет вебмастера и добавляйте в индексирование.
-
Огромная благодарность, celsoft. В нужную сторону намекнул :) Только лег спать после перепроверки что работает не так, как пришло решение. :) Проблема решена!
Для тех кто не понял в чем суть проблемы у Вас, рассказываю.
У меня в main.tpl категории выводятся в тегах:{*<!-- Вывод основных категорий -->*} [category=1,3,4] {info} {content} {navigation} [/category] {*<!-- /Вывод основных категорий -->*}
Соответственно если набрать в строке адреса несуществующую категорию, то ошибка выдаваться не будет, так как данным кодом ошибка пропивязана строго только к этим категориям, а нам надо ко всем, даже к несуществующим. Поэтому, помимо кода вверху, ниже добавляем в main.tpl
{*<!--Прочие категории-->*} [not-available=main] [not-category=1,3,4] {info} {content} [/not-category] [/not-available] {*<!--/Прочие категории-->*}
[not-available=main] необходимо чтобы не показывалось на главной. теперь 404 страница правильно выдает.
-
У меня такая же проблем на DLE 15. Хостинг sweb
Подскажите как данную проблему решили?
{info} и {content} в main.tpl присутствует.
info.tpl заполнен по дефолту.htaccess стоит новый от 15 движка. в нем добавлен только редирект с www на без www
если набрать в браузере например: site.ru/farfd.html то все нормально, выводит что такой страницы не существует
если набрать например: site.ru/farfd или site.ru/farfd/ то ничего не выводится, там где должна выводится 404 просто тупо съеденное пространство
если набрать например: site.ru/farfd. (c точкой на конце) то вылезает хостинг 404 страница Object not found!
Пробовал использовать опцию "Использовать отдельную страницу для 404 ошибки" получилось все тоже самое что и выше описано.
Полазил в поисковиках, все решения старые, 6 летней давности не подходят.
-
Здравствуйте.
Ситуация такая. На сайте в main.tpl выводится котировки цен на металлы.
<div class="col-md-9 col-sm-8"> <marquee behavior="alternate" scrollamount="1" style="font-size: 10px;"> <div class="header-left"> <ul> <li><font color="#FFA000"><b>LME биржа:</b></font></li> <li>{*<!--Цинк-->*}<font color="#FFA000"><b>Zn:</b></font> {include file="/exchange/zn.tpl"} $/тн. <img src="{THEME}/img/down.gif" style="height: 12px; width: 12px;margin:0px 0px 2px 0px;" title="Цена понизилась"> <!--img src="{THEME}/img/up.gif" style="height: 12px; width: 12px;margin:0px 0px 2px 0px;" title="Цена повысилась"--> {include file="/exchange/zn-diff.tpl"} </li> <li>{*<!--Свинец-->*}<font color="#FFA000"><b>Pb:</b></font> {include file="/exchange/pb.tpl"} $/тн. <img src="{THEME}/img/down.gif" style="height: 12px; width: 12px;margin:0px 0px 2px 0px;" title="Цена понизилась"> <!--img src="{THEME}/img/up.gif" style="height: 12px; width: 12px;margin:0px 0px 2px 0px;" title="Цена повысилась"--> {include file="/exchange/pb-diff.tpl"} </li> <li>{*<!--Олово-->*}<font color="#FFA000"><b>Sn:</b></font> {include file="/exchange/sn.tpl"} $/тн. <img src="{THEME}/img/down.gif" style="height: 12px; width: 12px;margin:0px 0px 2px 0px;" title="Цена понизилась"> <!--img src="{THEME}/img/up.gif" style="height: 12px; width: 12px;margin:0px 0px 2px 0px;" title="Цена повысилась"--> {include file="/exchange/sn-diff.tpl"} </li> <li>{*<!--Медь-->*}<font color="#FFA000"><b>Cu:</b></font> {include file="/exchange/cu.tpl"} $/тн. <img src="{THEME}/img/down.gif" style="height: 12px; width: 12px;margin:0px 0px 2px 0px;" title="Цена понизилась"> <!--img src="{THEME}/img/up.gif" style="height: 12px; width: 12px;margin:0px 0px 2px 0px;" title="Цена повысилась"--> {include file="/exchange/cu-diff.tpl"} </li> </ul> </div> </marquee> </div>
когда-нибудь это конечно перерастет в модуль. Сейчас в данном коде цены выводятся через отдельные шаблоны. То есть в файлах просто цены. Можно ли сделать вывод цен из одного файла типа: {include file="/exchange/price.tpl - 2 строка"} чтобы сами цены на все позиции были в одном файле на разных строках и при выводе указать только с какой строки что брать. Или это можно сделать с помощью php. Или все таки и заказать модуль? :)
-
-
У
Скрытый текстнеплохие шаблоны, адаптированные. Правда не много. Я беру обычные HTML на
Скрытый тексти адаптирую под DLE. В этом нет ничего сложного, на сложный шаблон уходит примерно 5 дней + 2 дня на исправление косяков. Из сложных только магазины. На остальные примерно 2-3 дня уходит.
Рипы дешевые беру на
Скрытый тексти адаптирую под свои нужды, чтобы не создавать нужную структуру самостоятельно. Тут я немного обленился.
-
Не заморачивался раньше, а теперь надо. В профиле я не нашел как сделать. У меня есть лицензия срок которой истек, и чтобы не оплачивать каждый год, хотелось бы обновить лицензию на неограниченную. Как это сделать? Возможно ли это сделать?
Сейчас в профиле можно только продлить годовую лицензию, но не обновить ее до неограниченной. -
[xfvalue_cat-avon-gallery]
Благодарю это я знаю. Доп поля с дефисом работают всегда исправно. И в справке нет того что вы говорите, видимо у вас старая версия скрипта.
-
Всем здравствуйте. Помогите решить, что то завис уже весь день пытаюсь понять как прописать класс в тег li
В шаблоне полной новости галерея выглядит так:
<div class="swiper-container"> [xfvalue_cat-avon-gallery] </div> <div class="swiper-pagination"></div>
В css так:
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.cat-avon-gallery{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.cat-avon-gallery{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.cat-avon-gallery{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.cat-avon-gallery{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.cat-avon-gallery{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .cat-avon-gallery{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .cat-avon-gallery{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.cat-avon-gallery{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.cat-avon-gallery{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .cat-avon-gallery{-ms-perspective:1200px}
есть еще скрипт, но он не грузится в код. Смысл в чем.
если на компе делать обычную html страницу и прописывать так:
<div class="swiper-container"> <ul class="cat-avon-gallery"> <li class="swiper-slide"><img src="img/1.jpg"></li> <li class="swiper-slide"><img src="img/2.jpg"></li> <li class="swiper-slide"><img src="img/3.jpg"></li> <li class="swiper-slide"><img src="img/4.jpg"></li> <li class="swiper-slide"><img src="img/5.jpg"></li> <li class="swiper-slide"><img src="img/6.jpg"></li> <li class="swiper-slide"><img src="img/7.jpg"></li> <li class="swiper-slide"><img src="img/8.jpg"></li> <li class="swiper-slide"><img src="img/9.jpg"></li> <li class="swiper-slide"><img src="img/10.jpg"></li> </ul>
то все работает, но если вставить на сайт нет, то нет, потому что никак не могу сообразить как сделать класс для li
архив с рабочей html версией: slider.rar сам слайдер брал http://idangero.us/swiper/demos/ называется Custom Pagination
Вывод новостей на главной через custom
в Готовые Моды, Хаки, Локализаторы, Советы
Опубликовано:
спасибо. я это и имел ввиду, просто тупанул немного :)