Гуру вёрстки, пoдcкажите решение?

  • 5 Ответов
  • 362 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

*

Оффлайн Missile

Хочется на сайте получить примерно такой результат:

То есть, чтобы иллюстрация к заглавной новости выводилась в виде бэкграунда в блоке. Или это можно сделать только руками? Руками-то я смогу, но это непродуктивно.
Заодно вопрос: как лучше выровнять заголовок по нижней границе того текстового блока, что справа? Дело в том, что высота правого блока может быть разной - в зависимости от количества строк текста. Сделать в обоих блоках position: absolute; bottom: 0px;?

P.S. Автоматический цензор вырезал из заголовка слово "подскажите". Пришлось заменить некоторые буквы на латинские.

*

Оффлайн Taatshi

Re: Гуру вёрстки, пoдcкажите решение?
« Ответ #1 : 14.01.2017, 23:06:09 »
Это невозможно подсказать не видя кода той фигни, которой Вы все это выводите.

Видела примерно такие новостные слайдеры, Вам там осталось бы только картинку растянуть на весь блок, то есть чисто CSS подправить. Поищите на JED
ВЕРСТКА, САЙТЫ ПОД КЛЮЧ, УДАЛЕНИЕ ВИРУСОВ, МИГРАЦИЯ НА JOOMLA 3  /  ОТЗЫВЫ 
Минимальная ставка за платные услуги 1000 рэ Связь: telegram - Taatshi, почта - Taatshi на яндексе.

*

Оффлайн effrit

  • *****
  • 7438
  • [+]822 / [-]7
  • effrit.com
    • Просмотр профиля
    • effrit.com
Re: Гуру вёрстки, пoдcкажите решение?
« Ответ #2 : 14.01.2017, 23:21:55 »
ставите новостной модуль, который нравится, и слегка правите шаблон.
это не CSS, а php.
надо получить картинку новости и вывести её в style="background: ... "

выравнивание можно через js реализовать, как вариант.
но вам уже сказали, что абстрактные вопросы порождают такие же ответы :)

*

Оффлайн Missile

Re: Гуру вёрстки, пoдcкажите решение?
« Ответ #3 : 15.01.2017, 02:06:50 »
Цитировать
Это невозможно подсказать не видя кода той фигни, которой Вы все это выводите
Да ничем пока не вывожу, это просто планы и теории. Увидела такое решение на сайте и стало интересно, как они это делают. Руками-то я легко сделаю; правый блок, например, можно вообще отдельным модулем выводить, типа стандартного списка новостей.
Цитировать
Видела примерно такие новостные слайдеры, Вам там осталось бы только картинку растянуть на весь блок, то есть чисто CSS подправить.
Об том и речь, чтобы растянуть. Допустим, можно News Show Pro GK5 от Гавика использовать.
Цитировать
это не CSS, а php.
надо получить картинку новости и вывести её в style="background: ... "
Я вот тоже подумала, что чистым CSS тут не обойтись.


*

Оффлайн beliyadm

  • ********
  • 8341
  • [+]1590 / [-]63
  • Севастополь == Россия
    • Просмотр профиля
    • записки нетрезвого кодера
Re: Гуру вёрстки, пoдcкажите решение?
« Ответ #4 : 15.01.2017, 03:05:22 »
Есть вроде готовые модули подобного вывода материалов\новостей, но по сути тут можно брать любой подходящий JS плагин и прикручивать к тому же стандартному модулю latestnews.
У материала в поле изображение вступительного\полного текста есть картинка, она кладется как фон всего блока на уровне HTML модуля. А дальше стандартно стилями работать
Вот есть какой то крутой но платный, не использовал https://revolution.themepunch.com/jquery-news-rotator/
Вот еще из подобных http://www.jqueryrain.com/?1F61ecbk
А вообще вот здесь поищите, может есть уже полностью почти подходящий https://extensions.joomla.org/category/news-display/articles-display
Все истины, которые я хочу вам изложить, — бесстыдная ложь.
Записки нетрезвого кодера || -=Joomla FAQ=- || -=все плохо=- || skype: beliyadm_pb

*

Оффлайн Missile

Re: Гуру вёрстки, пoдcкажите решение?
« Ответ #5 : 15.01.2017, 07:30:59 »
Цитировать
Вот есть какой то крутой но платный, не использовал https://revolution.themepunch.com/jquery-news-rotator/
О, спасибо, очень интересно.