Hello world!
See 404.html
withAlert()
A simple and intuitive way for show alert's with notifications!
Click for try withAlert('Message ...', 'success');
Click for try withAlert('...', 'warning');
Click for try withAlert('...', 'danger');
Click for try withAlert('...', 'primary');
Click for try withAlert('...', 'secondary');
Click for try withAlert('...', 'info');
Click for try withAlert('...', 'light');
Click for try withAlert('...', 'dark');
This alert will not close automatically!
Code:
$("#withAlertCustomTrigger").click(function(){
withAlert('Message ...', 'success');
});
$(".permanentAlert").click(function () {
withAlert('This alert will not close automatically!', 'success', {autohide:false});
// options {autohide:true, hidetime:4000}
});
File: js/core/w-alert.js
List of bugfixes
....
- Bootstrap v3 - Modal Fade CSS quick Fix [issue#17622]
- Bootstrap v3 - .center-block in a combination with .col-x-x [improvement]
- Nicescroll - Bug fixes for touch drag/scroll
- Bootstrap - Please i wont a light bootstrap tooltip :) (style)
- Bootstrap Datepicker - Highlight day red and selectable in range (style +disabled/enabled)
- FlagIcon - `.flag-en` for more intuitive use then .flag-GB-en (style)
- FontAwesome - font-weight only v5 fix for v4 (+style .fa-bg-div)
- ....
This div box use
.col .col-sm-5 .center-block .jumbotron .bg-lgray .box-shadow classes
.ajaxsend
Datepickers, children_age_form
Binded span on input firstname:
Binded input on input lastname:
<input class="form-control w-binded" data-binded="input[name=lastname]" />
Doc: GitHub
Nicescroll example (.w-nicescroll)
You can enable Nicescroll on div's, iframe's etc. or for entire page by replacing the default scroll-bar
For enable on entire page override htmlNicescroll:false option with true
....
w-analytics (notIncluded by default)
Eventi GoogleAnalytics abilitati:
- ga('send', 'event', 'contatti', 'click', href.replace('mailto:', ''), '5');
- ga('send', 'event', 'contatti', 'click', href.replace('tel:', ''), '5');
- ga('send', 'event', 'contatti', 'click', 'maps', '5');
- ga('send', 'event', 'outgoing', 'click', href, '10');
- contatti - click su email o preventivo modal preventivo
- ga('send', 'event', 'contatti', 'click', 'preventivo', '5');
Pageview (invio form)
- ga('send', 'pageview', '/email-form-contatti');
Scroll to this anchor (click to "Bottom Button") with animation (.w-scroll)
You can enable animated scroll to anchor by adding w-scroll to your <a href="#anchor" links
Animate scroll of #hash anchor and put the window to right place with topOffset
* data-keep-hash [false] If #hash anchor is needed in url set true, otherwise u will not see the #hash in url
* data-top-offset [10] The NEGATIVE offset from top (for not cover things with navbar or other things)
* data-animation [1000] The duration of scroll animation
<a type="button" href="#target-block" class="btn btn-primary w-scroll">
Bottom Button
</a>
Add target highlight to something
* data-target [-] CSS Selector for select the element on which apply
* data-auto-close [8000] Bool or the ms for close
* data-taregt-class [on-target] The class to add (default have CSS animation but it must be on the #anchor element also)
<a type="button" href="#target-block" class="btn btn-primary w-target"
data-target="#target-block">
Bottom Button
</a>
.w-overlay (Add overlay hover effect with a div inside element)
.animated and .from-top/bottom + left/right is used for animate content that is inside overlay and it isn't shown at start but compare on hover with the set direction
By add -inverse to .overlay or .animated the inverted behaviour will be used
.w-showhide Show Hide Box collapsable
Like bootstrap collapse on the left (but with document click collapse, self call without #id and switcher)
Show / Hide
Hide / Show
No .collapsable
Bs collapse
Content
Bs collapse
Tnetnoc
Artur Mamedov aka #withArtur #withFront
This MarkUp use HTML5 Boilerplate v6.0.1
Credits:
- Photo by Sara Kurfeß on Unsplash Sara Kurfeß
- Photo by NeONBRAND on Unsplash NeONBRAND
- Photo by lalo Hernandez on Unsplash lalo Hernandez
Made with and
Social (official colors also with gradients)