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). Пример этой настройки можно посмотреть в конце примеров, перед скриншотами настроек.


I present to your attention a new stack for quotes that you can use on your site to display user quotes. You can use the slider to show multiple successive quotes or place multiple quotes on the Columns stack.

Two versions of the stack, free (with minimal settings) and full version.

What's in the free version:
• fields for entering Name and Resource
• choice of the number of stars
• installation of an avatar
• choice of avatar shape (round or square)


The full, paid, version has more different settings.

Settings in the paid version:
• fields for entering Name and Resource
• setting the color and size of text, text slant, font selection (Google Fonts)
• selection of the number of stars (with the ability to turn them off) and color adjustment
• adding text for stars with a choice of colors
• installation of an avatar
• the choice of the shape of the avatar (round or square), the use of a border with the choice of color

For the text of the quote itself:
• font selection from Google Fonts
• font color and size, text slant
• line-height, letter spacing, word spacing
• setting the background
• adding a border to the left and a citation icon, with the ability to customize their color
• animation of typing (typewriter effect)

Also, at the bottom of the settings, you can select the direction of writing the text, from left to right or from right to left (LTR - RTL). An example of this setting can be found at the end of the examples, before the screenshots of the settings.


-      -      -      -

Version 1.0.3


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 |