Технический сбой

Сайт временно работает в режиме только для чтения, идут восстановительные работы. Приносим свои извинения за неудобства.
DLE FAQ » Стол заказов » Вкладки как на кинопоиске

Вкладки как на кинопоиске

 giranski    стол заказов    Стол заказов    4793    22 комментария

хочу сделать себе строки с скриншотами и трейлером, что бы при нажатии виваливаловась на подобе как на кинопоске,только у них переходит по ссылке

 Фото к примеру

22 комментария

bratoz
Юзер

bratoz - -

Отвтет тут - dimox.name/universal-jquery-tabs-script/
giranski
Юзер

giranski - -

вообще ничего не понял,напишите пошаговую установку
bratoz
Юзер

bratoz - -

Нужно доп. поля использовать что бы распределить по вклакдам
ОСНОВНАЯ ИНФОРМАЦИЯ | ТРЕЙЛЕР | КАДРЫ

Для начала создай хотя бы 1 доп. поле например trailer
Далее зайди на сайт по ссылке выше
Скопируй код и вставь его в main.tpl перед </body>

<script>
(function($) {
$(function() {

  $('ul.tabs').delegate('li:not(.current)', 'click', function() {
    $(this).addClass('current').siblings().removeClass('current')
      .parents('div.section').find('div.box').hide().eq($(this).index()).fadeIn(150);
  })

})
})(jQuery)
</script>


Далее идёшь в fullstory.tpl

Вставляешь в нужное место вкладки
<div class="section">
  <ul class="tabs">
    <li class="current">Основаня инфа</li>
    <li>трейлер</li>
  </ul>
  <div class="box visible">
    {fullstory}
  </div>
  <div class="box">
    [xfield_trailer]
  </div>
</div><!-- .section -->


Почитай про доп. поля инфу

Тут написанно поверхностно. Приеду домой, может напишу более подробнее
Hronos
Юзер

Hronos - -

А можно сделать чтоб там были ссылки на материал?
ПафНутиЙ
Админ

ПафНутиЙ - -

Да, просто добавить нужные ссылки в нужное место.
Каков вопрос - таков и ответ. Просто помните об этом.
Hronos
Юзер

Hronos - -

Тоесть в дополнительное поле вбивать ссылку на материал?
bratoz
Юзер

bratoz - -

Сначала прочитай для чего доп. поля. Там всё легко и просто.
giranski
Юзер

giranski - -

***Комментарий удален***
giranski
Юзер

giranski - -

сделал как написал bratoz вот что получилось:
 скрин
DatiX
Юзер

DatiX - -

так там и так уже все по полочкам разложено.. куда подробнее =)
giranski
Юзер

giranski - -

всё сделал как написано но не выходить,то что получилось я вставил в предедущем коменте скрин
giranski
Юзер

giranski - -

нашол ещё проще и кручеdicim.net/?p=1962
но создать можно только одну вкладку,в чём проблема помогите...
Heon
Юзер

Heon - -

bratoz,дал вам самый лучший вариант,используйте его,он работает везде.
semper
Юзер

semper - -

Спасибо bratoz, что поделился очень хорошей реализацией, и что самое главное минимум кода.

Вопрос к профи: как сделать не активную вкладку?
Например, если вкладка не содержит никакой информации она закрашивается в серый цвет и становится не кликабельной (подобное есть на кинопоиске и киномании). Это просто необходимо в случае доп.полей.

С уважением,
Андрей!
Sander
PHP-developer

Sander - -

За финансовое вознаграждение могу сделать
SanDev.pro - мой блог.

Telegram: @sandev
Skype: Sander8804
semper
Юзер

semper - -

Я подумаю... tongue

А вообще сколько стоят твои услуги? К примеру, если мне нужно то, что я писал выше, и еще вдабавок к этому расширенный вывод доп.полей - радио кнопки (radio) и чекбоксы (checkbox), а также модифицированный селект/список (select), чтобы список был не только текстовым, но и с картинками.

 Продолжение...
 Пример:
semper
Юзер

semper - -

ПафНутиЙ
Админ

ПафНутиЙ - -

Подобные сайты лучше делать не на DLE ))))
Каков вопрос - таков и ответ. Просто помните об этом.
semper
Юзер

semper - -

Цитата: ПафНутиЙ
Подобные сайты лучше делать не на DLE ))))

Необоснованный ответ.
1. Почему лучше не на DLE? (факты)
2. Если не на DLE создавать подобные сайты, то на чем?
3. Какая CMS лучше по вашему мнению?
ПафНутиЙ
Админ

ПафНутиЙ - -

1.
- DLE - дырявый двиг, хоть и мало дыр, но они имеют место быть ибо один человек не в силах уследить за всем + человеческий фактор.
- DLE - двиг для варезников и сайтов охватывающих большую тематику, но для узких тематик он мало пригоден без серьёзных модификаций, и как следствие - потеря возможности обновляться, а это не есть гуд...
- У ДЛЕ связь между компонентами движка очень слабая. т.е. не получится сделать группировку новостей по 2 и более привязкам (применимо к киносайту: актёры, год выхода, жанр, качество, и т.д.)

2. Как это не банально звучит, но если вы хотите делать серьёзный проект - Ваш лучший друг - битрикс (да дорого, но поверьте - оно того стОит)

3. Идеальный вариант - самопис. Но это ещё дороже чем Битрикс-Кластер :) (самая жирная редакция)

Ну а если очередной кино-сайт, заполняемый граббером с кинопоиска - тогда вы вообще зря паритесь по поводу оформления)) и так попрёт.
Каков вопрос - таков и ответ. Просто помните об этом.
semper
Юзер

semper - -

Цитата: ПафНутиЙ
DLE - дырявый двиг, хоть и мало дыр

Мда... ситуация конечно не ахти.

Цитата: ПафНутиЙ
Как это не банально звучит, но если вы хотите делать серьёзный проект - Ваш лучший друг - битрикс (да дорого, но поверьте - оно того стОит)

Битрикс - тот еще монстр, при первом же знакомстве с ним очень разочаровала не продуманная система навигации, приходится тратить лишнее время, на то чтобы запомнить где че лежит. На малых скоростях инета (от 64 до 128 Кб/с), страницы грузятся по 2-3 секунды, если не больше. Меню не содержит кратких подсказок, приходится пользоваться справкой, что не очень удобно. Про остальное сказать больше нечего не могу, т.к. испытывал демо версию, уверен в оплаченной функционал намного больше, как и большого геморроя с ним. Похоже основная задача Битрикс нацелена на корпоративные коммерческие сайты и компании, для частных пользователей мне кажется такой движок не под силу осилить, даже в составе из 2-х человек.

Цитата: ПафНутиЙ
Идеальный вариант - самопис. Но это ещё дороже чем Битрикс-Кластер :) (самая жирная редакция)

Самопис - конечно хорошо, но моих знаний недостаточно чтобы написать полноценный сайт, я больше силен в верстке чем в программировании, может быть в будущем, когда закончу учебу, смогу написать пару строчек кривого кода:)

Будем надеяться, что DLE со временем станет более функциональным и гибким движком... хотя по оф.данным их больше заботит скорость выполнения скрипта нежели гибкость и динамичность. Большинство функций добавляются с запозданием, в то время как могли быть реализованы в более ранних версиях. Вот если б они создавали доп.модули в подарок к движку - это намного бы облегчило задачу остальным более привередливым пользователям fellow

Кстати, спасибо за ответ ПафНутиЙ. Все таки хочется чтобы кто-нить реализовал мою идею выше. Готов платить за работу.
ПафНутиЙ
Админ

ПафНутиЙ - -

Я работаю с битриксом (в составе команды разработчиков) уже третий месяц, и могу точно сказать, что:
1. Он на самом деле не сложен и мне, как верстальщику довольно легко даётся, не смотря на обилие php в шаблонах (собственно шаблоны состоят на 90% состоят из переменных и вских условий и выборок).
2. Для того, чтобы понять "как оно там всё устроено", достаточно пройти курсы обучения (их можно найти на оффсайте совершенно бесплатно). Да там замудрённая система шаблонизации, но когда начинаешь работать, понимаешь, что не такая уж и мудренная)))) просто некоторые шаблоны рекурсивно перебираются движком (при необходимости).
3. Как ни странно, но там на самом деле очень продуманная система навигации, как в админке (та же настройка инфоблоков), так и построение меню сатйта (без всяких записей в БД, только то, что лежит в соответствующих файлах). Т.е. можно управлять меню и делать его таким, каким нужно на каждой странице сайта, реально на каждой, вплоть до отдельно взятого элемента (ака новость).

В общем пелести битрикса - тема для отдельного разговора. Попробуйте демку 11-й версии, и попытайтесь не просто тупо ковырят, а за те три часа, что дают на юзание демки, создайте чтото конкретное. Например пару свзанных между собой инфоблоков))) с настройкой выводимого контента.
Каков вопрос - таков и ответ. Просто помните об этом.
  • Puxlik | Telegram Sender 13
    Фото Puxlik
    Puxlik
    Telegram Sender
    Версию 17.1 поддерживает ?
  • TeraMoune | Не загружается изображение [Ошибка HTTP] ... 2
    Фото TeraMoune
    TeraMoune
    Не загружается изображение [Ошибка HTTP]. Как исправить?
    В этой версии есть фрагментация загрузки файла когда загружаемый файл разделяется на фрагменты, по умолчанию 1 фрагмент 1.5мб. (И у вас написано лимиты на файл 4мб и картинки 5.86мб, этого достаточно чтобы принимать 1.5мб фрагменты) И если бы была проблема с весом или чем-то подобным то об этом бы сервер сообщил. Сервер отдал 500 ошибку это значит что угодно, нужно смотреть ответ от сервера в консоли разработчика или логах.
  • RedFox | Не загружается изображение [Ошибка HTTP] ... 2
    Фото RedFox
    RedFox
    Не загружается изображение [Ошибка HTTP]. Как исправить?
    "Некоторые картинки загружаются, но большинство нет."

    Сначала не обратил внимания, но видимо проблема в этом. Все, что больше 100Кб, не загружается. Что странно, поскольку в php у меня следующие значения:
    post_max_size = 100M
    upload_max_filesize = 100M
    max_file_uploads = 20

    Полагаю, где-то еще надо увеличить размер загружаемой картинки, но где?
  • LMakc | Модуль читалка pdf 1
    Фото LMakc
    LMakc
    Модуль читалка pdf
    Не начинай, я заплатил сегодня штраф за підручники. Сейчас очень сложно с этим.
  • ssssss | Сделать подсчет количества символов в ко ... 5
    Фото ssssss
    ssssss
    Сделать подсчет количества символов в комментариях
    Есть актуальный плагин под 17 версию? (только количество символов! без наворотов... записей куда-либо и т.п.) *ББ-редактор
  • alex.sg.spb | Как вывести информацию о обновлении ново ... 8
    Фото alex.sg.spb
    alex.sg.spb
    Как вывести информацию о обновлении новости, но на время?
    вопрос, в продолжение поста. Помогите с кодом вывода инфо UPDATE на краткой новости, так чтобы не нужно было нажимать внутри новости при редактировании галочку?
  • Kentavr | Как вместо %20 в адресной строке подстав ... 9
    Фото Kentavr
    Kentavr
    Как вместо %20 в адресной строке подставлять символ + между словами ???
    Спасибо огромное. Этот вариант самый простой и рабочий!
  • derebas | Как вместо %20 в адресной строке подстав ... 9
    Фото derebas
    derebas
    Как вместо %20 в адресной строке подставлять символ + между словами ???
    К черту htaccess давайте проще

    к href добавьте id="xfield_value"
    <a href="/company/[xfvalue_company]/" id="xfield_value">[xfvalue_company]</a>

    И добавьте скрипт обработчик 
    <script>
document.addEventListener('DOMContentLoaded', function() {
    const links = document.querySelectorAll('a#xfield_value');

    links.forEach(link => {
      let href = link.getAttribute('href');

      if (href) {
        href = href.replace(/ /g, '+');
        link.setAttribute('href', href);
      }
    });
  });
</script>
  • Kentavr | Как вместо %20 в адресной строке подстав ... 9
    Фото Kentavr
    Kentavr
    Как вместо %20 в адресной строке подставлять символ + между словами ???
    Так сайт не работает вообще. Браузер выдает такое

    Страница недоступна Сайт ... выполнил переадресацию слишком много раз.
    Попробуйте удалить файлы cookie.

    ERR_TOO_MANY_REDIRECTS

    Куки чистил не помогает
  • derebas | Как вместо %20 в адресной строке подстав ... 9
    Фото derebas
    derebas
    Как вместо %20 в адресной строке подставлять символ + между словами ???
    Попробуйте так
    RewriteEngine On
    RewriteCond %{REQUEST_URI} %20
    RewriteRule (.*)%20(.*) $1+$2 [N]
    RewriteRule (.*) $1 [R=301,L]
наверх