The design goal for this page is to create a full width slider that sets above the header.
As the user scrolls down, the header/logo/menu will stick to the top of the page.
Several other element design goals include: the menu/button at the first break point appear inline with the logo.
The following is filler content
Scroll down after 5 seconds
This is content would be place before your main header Scroll down after 5 seconds Main Heading Content…
My Fine Gallery
Using BB Gallery Module using Lightbox option Notice the light box images are limited to 1024 pixel width Using WordPress Gallery with custom jQuery Using the standard WordPress gallery, (created within Text Editor module) popup images display Full-size. jQuery shown below. Here’s my jQuery jQuery( function(){ jQuery( ‘.gallery-icon a’ ).magnificPopup({ type: ‘image’, gallery: {enabled: true}, …
Your custom read more text
Add Floating menu
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
HTML in Excerpts
A Paragraph
Another Paragraph
Filler code with
a break tag
Lets try a Strong Tag
How about an H1 Tag
How about an H2 Tag
How about an H3 Tag
GF Adaptive Placeholder #2
Here’s the JQuery: jQuery(‘li.gfield input’).removeAttr(‘placeholder’); jQuery(‘li.gfield textarea’).removeAttr(‘placeholder’); jQuery(document).ready(function($) { $(“input[type=’text’], textarea”).focus(function(){ $(this).parents(“li”).removeClass(“Blur”); $(this).parents(“li”).addClass(“Focus”); }).blur(function(){ $(this).parents(“li”).removeClass(“Focus”); $(this).parents(“li”).addClass(“Blur”); }) $( “input[type=’text’], textarea” ).change(function() { if ( $( this ).is(“:valid”) ) { $(this).parents(“li”).addClass(“Valid”); } else { $(this).parents(“li”).removeClass(“Valid”); } //$(this).parents(“li”).toggleClass(“Valid”); }); $( “input[type=’text’], textarea” ).each(function( i ) { if ( $( this ).is(“:valid”) ) { $(this).parents(“li”).addClass(“Valid-1”); } else { …
Your custom read more text
GF Adaptive Placeholder
Demo of Gravity Forms Adaptive Placeholders. This shows use of both labels and placeholder. Note label placed inline of input field. The advantage here is that both labels and normal placeholder text fits in compact area, although slightly clutter. Done entirely with CSS, this design only work with solid background and input fields.
Titles with Tags
TrendingNOW Trending NOW TrendingNOW Trending NOW
Test Post
No Images Here
