Allow Iframe but restrict direct access

ByRazworks

RewriteEngine On
RewriteCond %{HTTP_REFERER} !example.net
RewriteCond %{REQUEST_URI} ^/wp-content/uploads/protected
RewriteRule . – [F]

Similar Posts

Youtube Responsive JS embed

ByRazworks

Embed Youtube without an Iframe. It loads the thumbnail only, until a user clicks it, then it loads the Youtube player. Faster initial page load. Responsive. The JS: /* Responsive YouTube Embed */ /* Web: http://rooksadvertising.com */ document.addEventListener(“DOMContentLoaded”, function() { var div, n, v = document.getElementsByClassName(“youtube-player”); for (n = 0; n < v.length; n++) {…

|

Woocommerce Widget Featured Product by Category

ByRazworks

In Woocommerce > Includes > Widgets > class-wc-widget-products.php Add at line 70: ‘in_cat’ => array( ‘type’ => ‘text’, ‘std’ => __( ‘Category Number’, ‘woocommerce’ ), ‘label’ => __( ‘In Category’, ‘woocommerce’ ) ), Add at line 101: $cat = ! empty( $instance[‘in_cat’] ) ? sanitize_title( $instance[‘in_cat’] ) : $this->settings[‘in_cat’][‘std’]; Add at line 114: array( ‘taxonomy’…

Modal Popup

ByRazworks

Javascript modal popup on page load, and exit, etc., with Jquery and Bootstrap. Sources: JS Onload: JS Mouseleave: HTML: × Shopping, Dining, Entertainment or Beaches, Golf and Area Attractions!     Sarasota has it all!   Request your visitors brochure today!     Backdrop Opacity .modal-backdrop { opacity:0.7 !important; }

|

iOS specific CSS

ByRazworks

To target iOS specific devices: @supports (-webkit-overflow-scrolling: touch) { /* CSS specific to iOS devices */ } @supports not (-webkit-overflow-scrolling: touch) { /* CSS for other than iOS devices */ } It works because only Safari Mobile implements -webkit-overflow-scrolling: https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-overflow-scrolling I used this because a WordPress Genesis responsive menu had some icon alignment discrepancies on iPhone only. Here is…