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

In this section you can announce self-made paid extensions.
*** THIS SECTION CONTAINS PAID EXTENSIONS ONLY ***
Post Reply
User avatar
[RZ]
 
 
Posts: 2129
Joined: Tue Nov 04, 2008 12:08 pm

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

Post by [RZ] » Sun Jul 10, 2016 7:01 am

[rz] Inner Border v1.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.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 Sun Jul 30, 2017 11:46 pm, edited 4 times in total.

User avatar
Rob
 
 
Posts: 172
Joined: Sun Jan 29, 2012 2:54 pm
Location: MN
Contact:

Re: [rz] Inner Border

Post by Rob » Sun Jul 10, 2016 1:21 pm

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?
Small Business Website Design - BTWSB.net

User avatar
[RZ]
 
 
Posts: 2129
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Inner Border

Post by [RZ] » Sun Jul 10, 2016 2:42 pm

depends on what you need to target and how you want to design your site...

User avatar
[RZ]
 
 
Posts: 2129
Joined: Tue Nov 04, 2008 12:08 pm

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

Post by [RZ] » Mon Jul 18, 2016 12:45 pm

* 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: 2129
Joined: Tue Nov 04, 2008 12:08 pm

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

Post by [RZ] » Wed Aug 17, 2016 10:07 am

* 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: 2129
Joined: Tue Nov 04, 2008 12:08 pm

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

Post by [RZ] » Fri Dec 30, 2016 11:03 am

* 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: 2129
Joined: Tue Nov 04, 2008 12:08 pm

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

Post by [RZ] » Sun Jul 30, 2017 11:46 pm

* 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: 1507
Joined: Sat Dec 08, 2007 3:06 pm
Location: London, United Kingdom

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

Post by zinc » Mon Jul 31, 2017 9:11 am

Great & vital update!!! Cheers RZ!

User avatar
[RZ]
 
 
Posts: 2129
Joined: Tue Nov 04, 2008 12:08 pm

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

Post by [RZ] » Mon Jul 31, 2017 9:17 am

thank you! :)

Post Reply

Who is online

Users browsing this forum: No registered users and 1 guest