CatsWhoCode.com - Snippets Feed

Insert line breaks in HTML buttons

Fri, 24 May 2013 12:24:47 +0000

Count user posts on a WordPress site

Wed, 22 May 2013 15:06:25 +0000

function countUserPosts($userID) {
	$userposts = get_posts('showposts=-1&author='.$userID); 
	return count($userposts);
}

// USAGE
echo 'Author has published'.countUserPosts('1').' Posts';

Highlight current menu item in PHP

Mon, 20 May 2013 15:03:17 +0000


    
    WHERE TO BUY
    ABOUT US
    CONTACT US

Language Dependent Float

Wed, 01 May 2013 11:58:07 +0000

function fright() {
    if(is_rtl()) {echo 'fright';} else {echo 'fleft';}
}

function fleft() {
    if(is_rtl()) {echo 'fleft';} else {echo 'fleft';}
}

Bookmark (aka: Link) Shortcode

Fri, 22 Mar 2013 11:26:48 +0000

Extreme Web Design

	function bookmark_shortcode($atts, $content = null) {
		extract(shortcode_atts(array(
			'linkid' => '0'
		), $atts));
		$bookmark = get_bookmark($linkid);
		return '' . $bookmark->link_name . '';
	}
	add_shortcode("bookmark", "bookmark_shortcode");

?>

Square Search Boxes in WebKit

Fri, 15 Feb 2013 15:49:16 +0000

Using -webkit-appearance: textfield allows developers to use input[type=search] elements that appear as a standard square INPUT. This is especially useful when looking to add a border to your INPUT element!

Base64 Encode of a 1*1px “spacer” gif

Wed, 06 Feb 2013 15:19:26 +0000

Stitched elements in CSS3

Wed, 30 Jan 2013 12:50:43 +0000

p {
	padding: 5px 10px;
	margin: 10px;
	background: #ff0030;
	color: #fff;
	font-size: 21px;
	line-height: 1.3em;
	border: 2px dashed #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-box-shadow: 0 0 0 4px #ff0030, 2px 1px 4px 4px rgba(10,10,0,.5);
	-webkit-box-shadow: 0 0 0 4px #ff0030, 2px 1px 4px 4px rgba(10,10,0,.5);
	box-shadow: 0 0 0 4px #ff0030, 2px 1px 6px 4px rgba(10,10,0,.5);
	text-shadow: -1px -1px #aa3030;
}

Restrict wp-admin access to certain users

Tue, 22 Jan 2013 15:41:51 +0000

function restrict_access_admin_panel(){
                global $current_user;
                get_currentuserinfo();
	
	if (
			// Look for the presence of /wp-admin/ in the url
			stripos($_SERVER['REQUEST_URI'],'/wp-admin/') !== false
			&&
			// Allow calls to async-upload.php
			stripos($_SERVER['REQUEST_URI'],'async-upload.php') == false
			&&
			// Allow calls to admin-ajax.php
			stripos($_SERVER['REQUEST_URI'],'admin-ajax.php') == false
		) {
	
				// Does the current user fail the required capability level?
                if (!current_user_can('activate_plugins')) {
                        wp_redirect( get_bloginfo('url') );
                        exit;
                }
			}		
        }
        add_action('admin_init', 'restrict_access_admin_panel', 1);

Multi-Line JavaScript Strings

Fri, 18 Jan 2013 15:51:09 +0000

var multiStr = "This is the first line \
  This is the second line \
  This is more...";

Webkit/CSS3 reflection

Mon, 17 Dec 2012 21:38:08 +0000

img {  
    -webkit-box-reflect: below 5px;  
}

Calculate the Distance Between Two Points in PHP

Tue, 11 Dec 2012 15:20:46 +0000

function getDistanceBetweenPointsNew($latitude1, $longitude1, $latitude2, $longitude2) {
    $theta = $longitude1 - $longitude2;
    $miles = (sin(deg2rad($latitude1)) * sin(deg2rad($latitude2))) + (cos(deg2rad($latitude1)) * cos(deg2rad($latitude2)) * cos(deg2rad($theta)));
    $miles = acos($miles);
    $miles = rad2deg($miles);
    $miles = $miles * 60 * 1.1515;
    $feet = $miles * 5280;
    $yards = $feet / 3;
    $kilometers = $miles * 1.609344;
    $meters = $kilometers * 1000;
    return compact('miles','feet','yards','kilometers','meters'); 
}

Usage:
$point1 = array('lat' => 40.770623, 'long' => -73.964367);
$point2 = array('lat' => 40.758224, 'long' => -73.917404);
$distance = getDistanceBetweenPointsNew($point1['lat'], $point1['long'], $point2['lat'], $point2['long']);
foreach ($distance as $unit => $value) {
    echo $unit.': '.number_format($value,4).'
';
}

Image resizing using jQuery

Wed, 05 Dec 2012 18:02:47 +0000

$(window).bind("load", function() {
	// IMAGE RESIZE
	$('#product_cat_list img').each(function() {
		var maxWidth = 120;
		var maxHeight = 120;
		var ratio = 0;
		var width = $(this).width();
		var height = $(this).height();
	
		if(width > maxWidth){
			ratio = maxWidth / width;
			$(this).css("width", maxWidth);
			$(this).css("height", height * ratio);
			height = height * ratio;
		}
		var width = $(this).width();
		var height = $(this).height();
		if(height > maxHeight){
			ratio = maxHeight / height;
			$(this).css("height", maxHeight);
			$(this).css("width", width * ratio);
			width = width * ratio;
		}
	});
	//$("#contentpage img").show();
	// IMAGE RESIZE
});

Pure CSS tooltip

Mon, 03 Dec 2012 15:11:58 +0000

/* base CSS element */
.tip {
  background: #eee;
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 8px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  position: relative;
  width: 200px;
}

/* arrows - :before and :after */
.tip:before {
  position: absolute;
  display: inline-block;
  border-top: 7px solid transparent;
  border-right: 7px solid #eee;
  border-bottom: 7px solid transparent;
  border-right-color: rgba(0, 0, 0, 0.2);
  left: -14px;
  top: 20px;
  content: '';
}

.tip:after {
  position: absolute;
  display: inline-block;
  border-top: 6px solid transparent;
  border-right: 6px solid #eee;
  border-bottom: 6px solid transparent;
  left: -12px;
  top: 21px;
  content: '';
}

File download with speed limit

Fri, 30 Nov 2012 19:37:16 +0000

// local file that should be send to the client
$local_file = 'test-file.zip';
 
// filename that the user gets as default
$download_file = 'your-download-name.zip';
 
// set the download rate limit (=> 20,5 kb/s)
$download_rate = 20.5;
 
if(file_exists($local_file) && is_file($local_file)) {
 
    // send headers
    header('Cache-control: private');
    header('Content-Type: application/octet-stream');
    header('Content-Length: '.filesize($local_file));
    header('Content-Disposition: filename='.$download_file);
 
    // flush content
    flush();
 
    // open file stream
    $file = fopen($local_file, "r");
 
    while (!feof($file)) {
 
        // send the current file part to the browser
        print fread($file, round($download_rate * 1024));
 
        // flush the content to the browser
        flush();
 
        // sleep one second
        sleep(1);
    }
 
    // close file stream
    fclose($file);
 
}
else {
    die('Error: The file '.$local_file.' does not exist!');
}

Download & save a remote image on your server using PHP

Wed, 28 Nov 2012 14:55:36 +0000

$image = file_get_contents('http://www.url.com/image.jpg');
file_put_contents('/images/image.jpg', $image); //Where to save the image on your server

Redirect non logged in users

Thu, 08 Nov 2012 16:24:52 +0000

Custom Scrollbars in WebKit

Wed, 17 Oct 2012 14:40:57 +0000

::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-track {
  background: none;
}

::-webkit-scrollbar-thumb {
  background: -webkit-linear-gradient(left, #547c90, #002640);
  border: 1px solid #333;
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
}

Easy way to link to your dynamic pages.

Mon, 24 Sep 2012 14:09:22 +0000

The first code snippet asks the database to get the 'id' wich in this case is the primary key and identifier for our rows. We ask the DB to get the latest added id and ad it to the variable $id. The second code smippet is the actual link to your dynamic site. In this case my blog page on my site. Here we print out the blog link and HTML. Don't use this html if your links have diffirent html structure. In my case every blog entry have a diffirent ID, wich means the pages will look like this www.bjorngrunde.se/blog?id="xx" where xx is the uniqe identifier for the blog post. add the variable to the end of the link and your link always get the latest entry for that page!

get_current_template() WordPress function.

Fri, 21 Sep 2012 14:09:12 +0000

function get_current_template() {
    global $wp_query;
    $template_name = str_replace('.php','',get_post_meta($wp_query->post->ID,'_wp_page_template',true));
    if ( $template_name ) return $template_name;
    else return false;
}

Automatically load content on scroll

Fri, 14 Sep 2012 13:41:13 +0000

var loading = false;
$(window).scroll(function(){
	if((($(window).scrollTop()+$(window).height())+250)>=$(document).height()){
		if(loading == false){
			loading = true;
			$('#loadingbar').css("display","block");
			$.get("load.php?start="+$('#loaded_max').val(), function(loaded){
				$('body').append(loaded);
				$('#loaded_max').val(parseInt($('#loaded_max').val())+50);
				$('#loadingbar').css("display","none");
				loading = false;
			});
		}
	}
});

$(document).ready(function() {
	$('#loaded_max').val(50);
});

Pure CSS Text gradient

Wed, 12 Sep 2012 09:26:15 +0000

h2[data-text] {
	position: relative;
}
h2[data-text]::after {
	content: attr(data-text);
	z-index: 10;
	color: #e3e3e3;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), color-stop(50%, rgba(0,0,0,1)), to(rgba(0,0,0,0)));

Remove automatic link to WLW manifest file

Mon, 10 Sep 2012 08:23:05 +0000

remove_action( 'wp_head', 'wlwmanifest_link');

CSS Triangles

Sat, 08 Sep 2012 14:35:45 +0000

/* create an arrow that points up */
div.arrow-up {
  width:0px; 
  height:0px; 
  border-left:5px solid transparent;  /* left arrow slant */
  border-right:5px solid transparent; /* right arrow slant */
  border-bottom:5px solid #2f2f2f; /* bottom, add background color here */
  font-size:0px;
  line-height:0px;
}

/* create an arrow that points down */
div.arrow-down {
  width:0px; 
  height:0px; 
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  border-top:5px solid #2f2f2f;
  font-size:0px;
  line-height:0px;
}

/* create an arrow that points left */
div.arrow-left {
  width:0px; 
  height:0px; 
  border-bottom:5px solid transparent;  /* left arrow slant */
  border-top:5px solid transparent; /* right arrow slant */
  border-right:5px solid #2f2f2f; /* bottom, add background color here */
  font-size:0px;
  line-height:0px;
}

/* create an arrow that points right */
div.arrow-right {
  width:0px; 
  height:0px; 
  border-bottom:5px solid transparent;  /* left arrow slant */
  border-top:5px solid transparent; /* right arrow slant */
  border-left:5px solid #2f2f2f; /* bottom, add background color here */
  font-size:0px;
  line-height:0px;
}

Get current url with PHP

Tue, 21 Aug 2012 14:31:55 +0000

function curPageURL() {
 $pageURL = 'http';
 if ($_SERVER["HTTPS"] == "on") {$pageURL .= "s";}
 $pageURL .= "://";
 if ($_SERVER["SERVER_PORT"] != "80") {
  $pageURL .= $_SERVER["SERVER_NAME"].":".$_SERVER["SERVER_PORT"].$_SERVER["REQUEST_URI"];
 } else {
  $pageURL .= $_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"];
 }
 return $pageURL;
}
echo curPageURL();