Quote


This time I will not write in English. You can always translate yourself, knowing the language, or use an online translator and translate into your native language. I hope for your understanding.


Представляю вашему вниманию новый стек для цитат, который можно использовать на своём сайте для показа цитат пользователей. Можно использовать слайдер, чтобы показать несколько сменяющих друг друга цитат или разместить несколько цитат в стеке Columns.

Две версии стека, бесплатная (с минимальными настройками) и полная версия.

Что есть в бесплатной версии:

  • поля для ввода Имени и Ресурса
  • выбор количества звёзд
  • установка аватарки
  • выбор формы аватарки (круглая или квадратная)


В полной, платной, версии больше различных настроек.

Настройки в платной версии:

  • поля для ввода Имени и Ресурса
  • настройка цвета и размера текста, наклон текста, выбор шрифта (Google Fonts)
  • выбор количества звёзд и настройка цвета
  • добавление текста для звёзд с возможностью выбора цвета
  • установка аватарки
  • выбор формы аватарки (круглая или квадратная), применение границы с выбором цвета

Для текста самой цитаты:
  • выбор шрифта из Google Fonts
  • цвет и размер шрифта, наклон текста
  • line-height, letter spacing, word spacing
  • установка фона
  • добавление границы слева и значка цитирования, с возможностью настройки их цвета
  • анимация набора текста (эффект печатающей машинки)

Также внизу настроек можно выбрать направление написание текста, слева направо или справа налево (LTR - RTL). Пример этой настройки можно посмотреть в конце примеров, перед скриншотами настроек.


-      -      -      -

Version 1.0.2


RapidWeaver 7/8
Stacks 3.5+


Released: 04.2021


Free version


Full version


0 Likes
Stacks Image 1002

Examples:

Free version:
Name
Resource
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.
Name
Resource
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.

Full (paid) version:
Name
Resource

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.

Name
Resource

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.

Name
Resource
5

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.

Name
Resource

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.

Name
Resource

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.

With slider stack:
  • Name
    Resource
    - 5 stars

    Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.

  • Name
    Resource
    - 4,5 stars

    Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.

  • Name
    Resource
    - 4,5 stars

    Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.

Experimental option, for writing from right to left:
נקראסוב
שירים

פעם, בעונת חורף קרה, יצאתי מהיער, היה כפור קשה

Settings
Free version:
Stacks Image 1142

Full version:
Stacks Image 537
Stacks Image 1012
© 2021 Wondrousss |