[rz] Inner Border *** UPD 2020-Apr-22 ***

This section contains extensions that were created by [rz] who has sadly passed away.
These extensions are no longer available, but the discussions may still be helpful for some users.
Forum rules
*** IMPORTANT INFO REGARDING [RZ] EXTENSIONS ***

This section contains extensions that were created by [rz] who has sadly passed away.
These extensions are no longer available or supported, but the discussions may still be helpful for some users.
Locked
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

[rz] Inner Border *** UPD 2020-Apr-22 ***

Post by [RZ] »

[rz] Inner Border v1.3.0.2

A lightweight solution to display custom, colorful and live borders over almost any element.

Some features:

- Custom colors, margins, opacity and size for borders.
- Static or fade-in/out effect on mouse over/out.
- Individual time factors for both fade-in and fade-out effects.
- Multi-instance and multiple elements configuration that share the same settings.
- Mouse and/or keyboard support to properly "highlight" the element with the border.
- Maximum backward and cross-browser compatibility.
- Lightweight, no extra dependencies and no jQuery required.

...and many more!


DEMO


HTML 4.01 Transitional
W3C compliant


* New in version 1.3.0.2

- Solves sizes issues and inconsistencies on chromium-based browsers when a layout grid has borders.

* New in version 1.3.0.1

- An image can be used for the border (small images will be repeated as a texture, big ones will be shown cut down to the border).

* New in version 1.3

- Improved support for mobiles that prevents scheme distortions due to the address bar auto-hide.
- Optionally, the border does not overlap clickable elements behind it (requires modern browsers).
- Fixed a wrong browser width calculation.

* New in version 1.2.1

- Added classes support (useful for i.e. LayoutGrid objects).
- Improved color handler.
- Improved breakpoint handler.
- Improved keyboard mode.

* New in version 1.2

- Breakpoint to change border parameters.
- Fixed an angle misplacing when using big values for radius.
- Minor code tweaks.

* New in version 1.1

- Added support for dynamically hidden/visible elements (previous versions work only with visible elements).
- Improved code (better performance with smaller code).

* New in version 1.0.2

- Added support for 'body' and 'browser' as virtual elements.
- Improved support for forms.
- Improved support for elements with dynamic content and/or that change their size programmatically.

* New in version 1.0.1

- Added transparent/opaque color mode to borders (besides the custom global opacity levels).
- Optionally, preserves angled corners on mixed borders with different colors and transparent/opaque modes.
- Fixed an inconsistency in bottom border color set.


How to use?

1. Design your page as you usually do (with images, layers, etc).
2. Drag and drop this extension and enter the element names that you want to add inner borders.
3. If you need specific border settings for different elements, repeat the step #2.
4. Setup the additional properties and behavior you want.
5. Preview or publish.

Enjoy!
Last edited by [RZ] on Wed Apr 22, 2020 7:27 am, edited 8 times in total.
User avatar
Rob
 
 
Posts: 175
Joined: Sun Jan 29, 2012 2:54 pm
Location: MN
Contact:

Re: [rz] Inner Border

Post by Rob »

I haven't had time to look into it seriously but I've often wanted to find an easy way to add an inner shadow to an image (standalone, slideshow, rollover text, or inside a layer) as opposed to a drop shadow. Not sure if its reasonable with todays UX and design standards but I've always liked the look of it. Thoughts?
The Website Guy - MN
Small Business Web Design
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Inner Border

Post by [RZ] »

depends on what you need to target and how you want to design your site...
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Inner Border *** UPD 2016-Jul-18 ***

Post by [RZ] »

* New in version 1.0.1

- Added transparent/opaque color mode to borders (besides the custom global opacity levels).
- Optionally, preserves angled corners on mixed borders with different colors and transparent/opaque modes.
- Fixed an inconsistency in bottom border color set.
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Inner Border *** UPD 2016-Aug-17 ***

Post by [RZ] »

* New in version 1.0.2

- Added support for 'body' and 'browser' as virtual elements.
- Improved support for forms.
- Improved support for elements with dynamic content and/or that change their size programmatically.
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Inner Border *** UPD 2016-Dec-30 ***

Post by [RZ] »

* New in version 1.1

- Added support for dynamically hidden/visible elements (previous versions work only with visible elements).
- Improved code (better performance with smaller code).
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Inner Border *** UPD 2017-Jul-31 ***

Post by [RZ] »

* New in version 1.2

- Breakpoint to change border parameters.
- Fixed an angle misplacing when using big values for radius.
- Minor code tweaks.
User avatar
zinc
 
 
Posts: 2146
Joined: Sat Dec 08, 2007 3:06 pm
Location: London, United Kingdom
Contact:

Re: [rz] Inner Border *** UPD 2017-Jul-31 ***

Post by zinc »

Great & vital update!!! Cheers RZ!
Running WYSIWYG Web Builder since 2007...
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Inner Border *** UPD 2017-Jul-31 ***

Post by [RZ] »

thank you! :)
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Inner Border *** UPD 2018-Oct-07 ***

Post by [RZ] »

* New in version 1.2.1

- Added classes support (useful for i.e. LayoutGrid objects).
- Improved color handler.
- Improved breakpoint handler.
- Improved keyboard mode.
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Inner Border *** UPD 2020-Jan-01 ***

Post by [RZ] »

* New in version 1.3

- Improved support for mobiles that prevents scheme distortions due to the address bar auto-hide.
- Optionally, the border does not overlap clickable elements behind it (requires modern browsers).
- Fixed a wrong browser width calculation.
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Inner Border *** UPD 2020-Mar-06 ***

Post by [RZ] »

* New in version 1.3.0.1

- An image can be used for the border (small images will be repeated as a texture, big ones will be shown cut down to the border).
User avatar
zinc
 
 
Posts: 2146
Joined: Sat Dec 08, 2007 3:06 pm
Location: London, United Kingdom
Contact:

Re: [rz] Inner Border *** UPD 2020-Mar-06 ***

Post by zinc »

[RZ] wrote: Fri Mar 06, 2020 7:04 am * New in version 1.3.0.1

- An image can be used for the border (small images will be repeated as a texture, big ones will be shown cut down to the border).
Wonderful addition! Thank you RZ!
Running WYSIWYG Web Builder since 2007...
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Inner Border *** UPD 2020-Mar-06 ***

Post by [RZ] »

thank you for your kind feedback
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Inner Border *** UPD 2020-Apr-22 ***

Post by [RZ] »

* New in version 1.3.0.2

- Solves sizes issues and inconsistencies on chromium-based browsers when a layout grid has borders.
Locked