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

Missile

  • Живу я здесь
  • 808
  • 80
Хочется на сайте получить примерно такой результат:

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

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

Taatshi

  • Support Team
  • 4803
  • 453
  • Верстаем и немножко кодим. Обращайтесь ;)
Re: Гуру вёрстки, пoдcкажите решение?
« Ответ #1 : 14.01.2017, 21:06:09 »
Это невозможно подсказать не видя кода той фигни, которой Вы все это выводите.

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

effrit

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

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

Missile

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

*

beliyadm

  • Профи
  • 8368
  • 1527
  • Севастополь == Россия
Re: Гуру вёрстки, пoдcкажите решение?
« Ответ #4 : 15.01.2017, 01: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

  • Живу я здесь
  • 808
  • 80
Re: Гуру вёрстки, пoдcкажите решение?
« Ответ #5 : 15.01.2017, 05:30:59 »
Цитировать
Вот есть какой то крутой но платный, не использовал https://revolution.themepunch.com/jquery-news-rotator/
О, спасибо, очень интересно.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Вопрос к Гуру: как это работает?

Автор ЖанБатист

Ответов: 17
Просмотров: 1878
Последний ответ 05.07.2012, 19:20:12
от netmind
Добавить новый корпоративный стиль (стили) для ускореной вёрстки - не получается

Автор Alex N

Ответов: 2
Просмотров: 10292
Последний ответ 20.10.2008, 22:58:16
от Alex N