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

Missile

  • Завсегдатай
  • 1098
  • 90 / 1
Хочу сделать себе такую же штуку, как в шапке сайта из данной демки для Вордпресса.
Для тех, кому лень переходить по ссылке:

Называется слайдером, хотя там ничего не скроллится - да мне и не нужно. Хочу именно такой вот графический анонс выбранных мною статей с акцентом на одной из них. То есть, самая большая картинка - для самой важной новости. Widgetkit так не умеет, сразу скажу. GK Image Show тоже (он вообще заброшен, похоже). На JED копаться очень тяжело, т.к. в половине случаев к расширениям нет ни скриншотов, ни демок.

Шаблон у меня - на UIKit 2. В принципе, я могла бы сделать custom HTML и руками вставлять текст и ссылки, но я не знаю, в какую сторону копать. Grid - не совсем то, Masonry - тоже. Здесь два правых блока составляют по 50% высоты от левого, при этом нижний правый также разделён на 2.
*

khan-alex

  • Давно я тут
  • 647
  • 30 / 1
Хочу сделать себе такую же штуку, как в шапке сайта из данной демки для Вордпресса.
Для тех, кому лень переходить по ссылке:

Называется слайдером, хотя там ничего не скроллится - да мне и не нужно. Хочу именно такой вот графический анонс выбранных мною статей с акцентом на одной из них. То есть, самая большая картинка - для самой важной новости.
Вот что-то похожее на gantry 5.
*

Missile

  • Завсегдатай
  • 1098
  • 90 / 1
Вот что-то похожее на gantry 5.
Да, идеально бы подошло. Это particle Top News.
К сожалению, у меня - не Gantry5.
*

khan-alex

  • Давно я тут
  • 647
  • 30 / 1
Да, идеально бы подошло. Это particle Top News.
К сожалению, у меня - не Gantry5.
Да, это Top News (Joomla). Не знаю на сколько актуален для вас данный "слайдер" (который не слайдер  ;D), но сам framwork очень даже симпатичен и, кстати, эта студия inspiretheme.com большинство particles выполняет с поддержкой UlKit, ну и в сам шаблон он конечно запилен.
*

Missile

  • Завсегдатай
  • 1098
  • 90 / 1
У меня шаблон покупной от YooTheme, он хоть и старый уже, но меня всем устраивает, и я не хочу его менять. И я много разных форм подгоняла под UIKit, много где у меня стили вручную прописаны.
Слайдером эта штука в демке называется (tie-slider), ссылку на которую я приводила выше. Я-то вижу, что это не слайдер, а просто grid. В JED видела нечто похожее, называется "Metro что-то там" (по аналогии с плитками Windows), но там нельзя акцентировать внимание на отдельном блоке, сделав его больше остальных по размеру. 
*

effrit

  • Легенда
  • 10132
  • 1118 / 13
  • effrit.com
так берете grid + доп классы для выставления высоты.
у Top News высота жестко задана.
ну или без фреймворка, но тогда надо будет media писать для big.

Код
	<div class="big lt">
Я - большой левый блок!
</div>
<div class="big rt">
<div class="med">
Я - средний правый блок!
</div>
<div class="smo lt">Мелкий 1</div>
<div class="smo rt">Мелкий 2</div>
</div>

CSS
Код
.big{
width:50%;
height:400px;
}
.med{width:100%}
.smo, .med{
height:200px;
}
.smo{
width:50%;
background: #eee;
}
.lt{float:left}
.rt{float:right}
*

Missile

  • Завсегдатай
  • 1098
  • 90 / 1
Цитировать
так берете grid + доп классы для выставления высоты.
у Top News высота жестко задана.
ну или без фреймворка, но тогда надо будет media писать для big.
Можно, конечно. Но, всё-таки, с модулем удобнее будет, потому что у меня тут в Custom HTML получится код на целую страницу A4 (сама разметка блоков+overlay с заголовком и всплывающим текстом). Наверное, ещё и JS придётся прикручивать. Я думала, может, кто-то готовое решение видел; на JED очень сложно что-то найти, т.к. демки либо безобразные, либо их вообще нет. 
*

effrit

  • Легенда
  • 10132
  • 1118 / 13
  • effrit.com
так берете самый простой модуль, который картинку кажет и меняете ему шаблон, чтобы вручную не перебивать каждый раз новости
*

khan-alex

  • Давно я тут
  • 647
  • 30 / 1
так берете grid + доп классы для выставления высоты.
у Top News высота жестко задана.
ну или без фреймворка, но тогда надо будет media писать для big.
Конечно, при должной реализации, такой метод удобнее и проще.
*

effrit

  • Легенда
  • 10132
  • 1118 / 13
  • effrit.com
что-то байт странно сработал  ;D но раз плюс получен, то вот вам всем
https://yadi.sk/d/p9x67knk4z7USA
шаблон для mod_articles_news
соответственно, создаем этот модуль в админке, ставим там вывод 4х последних статей из нужной категории, в качестве шаблона выбираем bignews
если среди статей будет избранная, то она и попадет в большой квадрат.
если нет, то будет взята последняя из списка.
*

Missile

  • Завсегдатай
  • 1098
  • 90 / 1
@effrit, огромное спасибо! Пришлось как нельзя кстати :)
*

Missile

  • Завсегдатай
  • 1098
  • 90 / 1
типа, с 8 Марта!  ;D
Да, спасибо большое за подарочек и поздравление  *DRINK*
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Хочется такой слайдер

Автор olderman

Ответов: 1
Просмотров: 625
Последний ответ 30.07.2019, 10:09:11
от sivers
Слайдер тем с фото

Автор sheina

Ответов: 2
Просмотров: 692
Последний ответ 15.04.2019, 12:34:24
от AlexK
Слайдер и прозрачная полоска внизу

Автор ROMERO

Ответов: 1
Просмотров: 710
Последний ответ 27.01.2019, 16:32:40
от AlekVolsk
Слайдер похожий на этот

Автор wishlight

Ответов: 10
Просмотров: 1130
Последний ответ 16.11.2018, 17:20:10
от draff
Адаптивный слайдер с текстом

Автор Stasweb

Ответов: 2
Просмотров: 962
Последний ответ 16.11.2018, 12:51:25
от khan-alex