Вход • Регистрация

При нажатии на заголовок новости идет переадресация на главную страницу

  •
  • 02 марта 2017 г.
  • Добрый день,
    Прошу подсказать как можно исправить следующие проблемы:
    1. При нажатии на заголовок новостей которые расположены ниже фразы "Посмотреть все новости в категории" идет переадресация на главную страницу, а не на страницу новости. Проблему можно посмотреть на http://alekseev.biz/novosti/
    2. Как правильно настроить изображения, чтобы они отражались на странице в горизонтальном, а не как сейчас вертикальном формате и размер их был меньше. Проблему можно посмотреть на странице http://alekseev.biz/novosti/alibaba-010317/
    • 03 марта 2017 г. , редакция: 03 марта 2017 г.
    • Вставлю свои 5 копеек. Прокомментирую второй вопрос по поводу изображений.
      Плясать от размеров изображений и как-то перестраивать генератор для этого - не самая лучшая идея. Объясню почему:

      1. Изображение в данном случае - это контент, т.е. наполнитель блока. Блок (его геометрия) в структуре страницы имеет больший приоритет, чем то, что в него система кидает. Блок не должен менять свои горизонтальные размеры в зависимости от содержимого. Иначе вся вёрстка "поедет". Или появится горизонтальная прокрутка.
      Ни то ни другое не допустимо.

      2. Браузер (по моим наблюдением) более бережно уменьшает изображения, чем растровые редакторы и тем более скрипты обработки изображений встроенные в CMS. Иногда разница почти незаметна, а иногда сильно отличается. Лучше вывести изображение размером 500px и ужать его через CSS до 250, чем жать сразу до 250 и выводить мелкое.

      Я сталкивался с подобным, когда мне нужно было выводить логотипы производителей. Также иногда такой подход позволяет делать меньше типоразмеров изображений.

      Теперь предметно. На странице, указанной автором темы, следующая разметка:
      Код
      <div class="news_img">
      <a href="http://">
      <img src="pr.png" alt="" title="" class="block-row-img" width="340" height="310">
      </a>
      </div>

      Я бы сделал следующее:
      1. Убрал из шаблона параметры изображения width="" height=""
        2. Они мешают управлять свойствами изображения из CSS, пропадает гибкость в настройки визуальной части.
      2. Прописал блоку DIV.news_img необходимую ширину (150px) через CSS. Поскольку блок вложенный, правый внешний отступ (margin-right) нужно повесить на него.
      3. Прописал ширину изображения, вложенного в блок DIV.news_img - 100%, а высоту - auto, чтобы оно не искажалось при несоответствии соотношений сторон требуемым размерам. Отступ справа бы убрал.
      Таким образом изображение всегда будет подстраиваться под геометрию родительского блока, а визуально вёрстка страницы всегда будет ожидаемой и адаптивной!



      CSS для участка вёрстки (нужно добавить). Игорь (alexeev), точнее не скажу, т.к. вы не потрудились отключить кэш на сайте и понять - какие стили у вас в каком файле и в какой строке не представляется возможным:
      Код
      .news_img {
      width: 150px;
      margin-right: 15px;
      }

      .block-row-img {
      margin-right: 0;
      width: 100%;
      height: auto;
      }

      Если изображения нужны не выше определённой высоты, можно добавить родительскому блоку изображения:
      Код
      .news_img {
      height: 150px; /* требуемая высота блока */
      overflow: hidden;
      }

      Авторам советов с препарированием изображений рекомендую ознакомиться со старейшим ресурсом The Zen Garden CSS, который пропагандирует философию CSS, а именно изменение внешности страниц путём гибкой настройки только лишь CSS-стилей и использование других средств только тогда, когда возможности CSS исчерпаны. Для того CSS и создавался.
  •
  • 02 марта 2017 г.
  • 1. За вывод ссылок на новости отвечает вьюха news.view.show_block_rel.php, нужно смотреть что в ней происходит.
    2. Картинки у вас подгружаются с размером 340*310, вы потом стилем .block-row-img сжимаете их ширину до 150px. Тут либо пересмотреть стили, либо грузить соответствующий размер. Также можно создать настройку в "Обработке изображений" использовать ее при загрузке картинок при создании статьи.
    •
    • 02 марта 2017 г.
    • Добрый день Евгений,
      Не подскажите как правильно создать соответствующую настройку в "Обработке изображений"? Сейчас это выглядит в настройках новостей:
      Главная новость первая - это картинка загружаемая в размере 510х310 px на главной, Главная новости - это картинка 340х310 px.

      В обработке изображений стоят настройки как в скринах 07 и 03

      В news.view.show_block_rel.php что нужно посмотреть?
      •
      • 02 марта 2017 г.
      • по второму вопросу, вам нужно в стилях убрать ширину вот здесь .block-row-img , а вот здесь .block-text поставит 67%
        •
        • 02 марта 2017 г.
        • Не соглашусь коллега,
          Дизайн мог быть сверстан из определенного шаблона, и все поехало, только от того, что картинки пришли большего размера, чем планировалось.
          •
          • 03 марта 2017 г. , редакция: 03 марта 2017 г.
          • Цитата
            Не соглашусь коллега
            Цитата
            и все поехало, только от того, что картинки пришли большего размера, чем планировалось.

            Взаимно не соглашусь с Вами. Необходимо правильно излагать каскадные стили (css). Если нужно, то могу доказать. Например, приминительно картинок можно задать максимальные и минимальные размеры. И это не все, что можно делать с css (а тем более с html5). Да, все забываю, адаптивный дизайн - это в принципе элементарщина. А если прибавить javascript, так фокусы можно варганить.

            Как-то так.
          • 03 марта 2017 г. , редакция: 03 марта 2017 г.
          • Возможно я и не прав, тогда прописать насильно 340px
          •
          • 03 марта 2017 г.
          • ЗАЧЕМ ЧТО ТО ТРОГАТЬ В ВЁРСТКЕ!????
            - Всё настраивается в самой ЦМС....

            • 03 марта 2017 г. , редакция: 03 марта 2017 г.
            • Дмитрий, в данном случае "через CMS" - это решение "через задницу". Контент-менеджер загрузит не квадратное, а прямоугольное изображение (и будет конфлик геометрии с настройками компрессора). Или ему взбрендит загрузить пару изображений 100х100 (когда блок 150px).

              Постоянно сталкиваюсь с ситуациями, когда контент-менеджер загружает оригинал 1700х1000 для фото 500х500, а где как раз надо 500х500 - грузит 100х100, потому что "других фото пока нет, вот отснимем в следующем месяце...".

              Или вдруг через полгода решат, что нужен другой формат - перегенерировать все загруженные изображения в настройках? Это тот ещё гемор может получиться в зависимости от настроек хостинга, кол-ва фото и прочих условий.
          • 03 марта 2017 г. , редакция: 03 марта 2017 г.
          • Цитата
            Дизайн мог быть сверстан из определенного шаблона, и все поехало, только от того, что картинки пришли большего размера, чем планировалось.
            Тоже не соглашёсь. Если шаблон "едет" от того, что в него "прилетело" изображение не того размера или пара лишних буковок, значит он плохо свёрстан и его надо доделывать/переделывать.
        •
        • 03 марта 2017 г.
        • Человек роется где надо - только не так как надо...
      •
      • 03 марта 2017 г.
      • Цитата
        Не подскажите как правильно создать соответствующую настройку в "Обработке изображений"?

        Лучше не указывать для обработки и ширину и высоту. Тем более не нужно ставить галку "уменьшать по меньшей стороне". Иначе результат будет сильно зависеть от того, какой исходник загружают - квадратный или прямоугольный и с каким соотношением сторон.

        Если нужны фото одинаковой ширины: ставьте ширину какую нужно, а высоту - больше в несколько раз. Тогда исходный файл будет гарантировано жаться по ширине независимо от высоты. Ширина файлов будет одинаковой.

        С высотой наоборот.

  • 03 марта 2017 г.
  • Что касается дизайна сайта. Покупался диафановский шаблон "йога" и допиливался партнером диафана под адаптивность.
    Изначально я загружаю картинку размером 510х310, которая появляется в крайней левой новости на главной. Раньше было всё нормально с картинками на второстепенных страницах, но была проблема в том, когда публиковалась новая новость, то предыдущая на главной сдвигалась вправо и картинка не уменьшалась до 340х310, а обрезалась вместе с текстами и лицами по краям, что смотрелось не очень хорошо. Я настроил так как сейчас на скринах. Проблема с обрезанием на главной ушла, но появилась эта. Правда я не заметил, после этих изменений или после того, как я добавил один раздел в новостях. Раньше разделов в новостях не было, поэтому все тематики шли в "общей куче".
    • 03 марта 2017 г.
    • С картинками проблема в .block-row-img

      К нему надо добавить
      Код
      height: auto;

      А то сейчас у изображения объявлено 340*310, а стилем ширина переопределятся в 150, а высота остается старая. Вот и кривь.
  •
  • 03 марта 2017 г.
  • Виталий
    .block-row-img в какой подпапке должен быть расположен моего шаблона?
    Блок должен быть записан в таком виде:
    img[Attributes Style] {
    heigh: auto;

    Строка Width должна быть удалена?

    • 03 марта 2017 г.
    • Цитата
      .block-row-img в какой подпапке должен быть расположен моего шаблона?

      у-у-у-у....
      Вообще-то это параметр для свойства класса в custom/my/css/style.css (или где он там лежит у вас)...
      В целом, понятно, что Вы очень далеки от верстки. Лучше наймите себе верстальщика, там работы на пару минут за 100-200 рублей на телефон
  •
  • 03 марта 2017 г.
  • Цитата
    Если нужны фото одинаковой ширины: ставьте ширину какую нужно, а высоту - больше в несколько раз. Тогда исходный файл будет гарантировано жаться по ширине независимо от высоты. Ширина файлов будет одинаковой.

    С высотой наоборот.


    Павел, получается, что ширина нужна разная. Движение картинки новости начинается с размера 510х310, потом она сдвигается в право, при появлении очередной новости и принимает размер 340х310 на главной, а на второстепенных страницах и в тесте самой новости там вообще другие размеры CMS формирует.

    Я хотел бы попробовать вариант с css. Где и как в css это правильно прописать? Попробую - увидим, что измениться.
  • 03 марта 2017 г.
  • Цитата
    у-у-у-у....
    Вообще-то это параметр для свойства класса в custom/my/css/style.css (или где он там лежит у вас)...
    В целом, понятно, что Вы очень далеки от верстки. Лучше наймите себе верстальщика, там работы на пару минут за 100-200 рублей на телефон


    Виталий, Вы правы я очень далек от верстки. Да в общем-то и вопрос был задан в разделе для новичков. Просто хотелось понять, что к чему и самое главное из-за чего это могло произойти. Я в css никакие изменения не вносил, почему тогда возникла это проблема? Диафан продает "кривой шаблон" или это проблема CMS или я неправильно выставил настройки изображений или обработку изображений?
  • 03 марта 2017 г.
  • Есть ли желающие исправить эту проблемку и вторую, которая указана в начальном сообщении?
  •
  • 07 марта 2017 г.
  • Спасибо всем. Проблема рассосалась сама-собой.

Новости

  • Вышла очередная сборка DIAFAN.CMS 7.2.2
  • 18 июня
  • В сборке большое обновление demo-шаблона, дополнительная защита от спама, улучшение YML-импорта и еще много важного и интересного.
  • Не пропустите сборку DIAFAN.CMS 7.1.4
  • 24 апреля
  • В новой сборке совершили революцию в структурировании кастомизированной информации в шаблонах, добавили авторегистрацию пользователей, усовершенствовали защиту от спама, актуализировали накопительную скидку, а также улучшили производительность и стабильность работы системы.
  • Сборка DIAFAN.CMS 7.1.3
  • 12 января
  • После выхода сборки 7.1 мы выпустили уже три патча, в каждом из которых улучшаем административную часть сайта. Сборка DIAFAN.CMS 7.1.3 уже доступна к установке. 
Все новости