Badge stack


Create badges for your stacks.

Two types with switch: round, for a single FontAwesome icon (or a single number or letter), and with corners, for multiple icons or text.

For text there is a choice of font: Default, Arial, Fonts Stack. Also in the settings, there is a font size, weight, and color.

For the badge itself, you can configure its size, location, distance from the edge, shape, padding, selecting background: color or gradient (and select a direction from the list).

You can only make an Badge, for example, to display numbers or links to a social network.
In the settings, you can set a link and make a tooltip for it using the free PopDrop stack.

Buttons "Other":
1 - adding a border with a color and size setting.
2 - adding a slope with selecting the angle of inclination.
3 - adding a pulsing effect around the badge with size, color and time settings.
4 - adding a floating/jump affect.

By choosing the square shape of the badge, you can make an inscription in two lines. To do this, you will need to turn off the size of the badge and adjust the line height, and select the text alignment. To make two lines of text, enter an <br> between the text you want to separate.


When using Foundry tooltips, you can specify the location of the tooltips. To do this, in the link settings, add data-placement in the Name field, and write a place (top, bottom, left or right) in the Value field.


-      -      -      -

Version 1.0.6


RapidWeaver 7/8
Stacks 3.5+


Released: 08.2020


Accept the following payment methods:
• PayPal
• Visa (including Visa Electron)
• Mastercard
• Maestro
• AMEX
• Discover
• Diner's Club


There is also a Badge Image version


Examples:

Stacks Image 1060
1
Stacks Image 1062
Stacks Image 1068

With floating (jump) with shadow, and hover with PopDrop:

With Shadows-2 stack:

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris.
Text
Stacks Image 1306

With Alert stack:

!
A
B
C
Stacks Image 1371
SALE
NEW
Stacks Image 1256
Badge stack
Stacks Image 1259
Stacks Image 1264
Updates:

Version 1.0.1 - Added the jump effect (or floating).
Version 1.0.2 - Added location on two more sides: left center and right center. Added shadow for Jump effect. The "Others" buttons are now enabled one at a time to avoid conflicts between them. By default, the Border with the value 0 is enabled. The background and border colors are now with transparent.
Version 1.0.3 - Added the center position of the Badge. Added the ability to enable another border. Added the ability to enable displaying the Badge when the cursor is hovering. Added a thin border for the Pulse. Added a small shadow for the Border (the border size must be zero).
Version 1.0.4 - The code was slightly rewritten. Removed the choice of the FontAwesome font. Now you can use plain code instead of Unicode, even in conjunction with plain text. Added a button for adding a link for the Badge. Now the Badge can be used without a drop zone for stacks.
Version 1.0.5 - Now you can set the width equal to the height for a square shape. The Overflow was moved and added by the button to the More. Increased the size of the distance in the minus direction. Some fix.
Version 1.0.6 - Added line height change. Added padding height adjustment (for square shape). Added the ability to set a different size of the radius of the corners (for a square shape). Added text alignment (for square shape). Added disabling of setting badge size.

© 2020 Wondrousss |