Skip to content

Instantly share code, notes, and snippets.

View awhedbee22's full-sized avatar

Alex Whedbee awhedbee22

View GitHub Profile
@awhedbee22
awhedbee22 / IE-10-Compatibility.html
Created July 23, 2014 18:54
Add IE10 Document Mode to be compatabile with lower IE version
<meta http-equiv="X-UA-Compatible" content="IE=10" />
@awhedbee22
awhedbee22 / blur.css
Created July 24, 2014 05:10
CSS Gaussian Blur
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);
@awhedbee22
awhedbee22 / FullscreenBG.css
Created July 24, 2014 05:16
Full Screen Background - CSS
html {
background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
@awhedbee22
awhedbee22 / 3Fold-Social.html
Created July 25, 2014 20:25
3Fold Team Member Social Blocks.
<!-- Facebook -->
<a href="#Link"><img src="http://3foldcomm.com/wp-content/themes/3fold/images/icon_fb.png" alt="Facebook"/></a>
<!-- Twitter -->
<a href="#Link"><img src="http://3foldcomm.com/wp-content/themes/3fold/images/icon_twitter.png" alt="Twitter"/></a>
<!-- LinkedIn -->
<a href="#Link"><img src="http://3foldcomm.com/wp-content/themes/3fold/images/icon_linkedin.png" alt="LinkedIn"/></a>
<!-- Instagram -->
<a href="#Link"><img src="http://3foldcomm.com/wp-content/themes/3fold/images/icon_ig.png" alt="Instagram"/></a>
@awhedbee22
awhedbee22 / WP-Loop.php
Created July 28, 2014 19:55
Wordpress Loop
<?php
$topTwelveCoral = array(
'post_type' => 'NAME',
'posts_per_page' => 3
);
$my_query = new WP_Query( $topTwelveCoral );
while ($my_query->have_posts()) : $my_query->the_post();
$do_not_duplicate = $post->ID;
?>
@awhedbee22
awhedbee22 / GET-Custom-Post-Type.php
Created July 28, 2014 19:56
Custom Post Type GET
<?php echo get('Field_name'); ?>
@awhedbee22
awhedbee22 / new_gist_file_0
Created July 28, 2014 19:57
Custom Post Type GET IMG
<?php echo get_image('Field_Name'); ?>
@awhedbee22
awhedbee22 / mf_admin.css
Created July 30, 2014 18:09
Change icon for custom post types in Admin Menu
#menu-posts-NAME div.wp-menu-image {
content: "\f164";
}
@awhedbee22
awhedbee22 / LivestockDisplay.php
Created July 30, 2014 18:46
Livestock display loop
<ul class="small-block-grid-2 large-block-grid-4">
<?php
$topTwelveCoral = array(
'post_type' => 'livestock',
'posts_per_page' => 8
);
$my_query = new WP_Query( $topTwelveCoral );
while ($my_query->have_posts()) : $my_query->the_post();
// Don't show duplicates
$do_not_duplicate = $post->ID;
@awhedbee22
awhedbee22 / Grayscale.css
Last active August 29, 2015 14:04
Grayscale Hover Effect
img.grayscale {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}