Code Snippets : Awesome collection of code snippets for all your web needs: WordPress, jQuery, CSS and (X)HTML.

Change Login logo

admin — Wed, 29 Sep 2010 21:35:20 +0000

Change the login-logo at the login-page.

function custom_login_logo() {
    echo '';
}
add_action('login_head', 'custom_login_logo');

Change footer-text in WP Admin

admin — Wed, 29 Sep 2010 21:34:15 +0000

Change the text in the bottom of the WP admin pages.

function remove_footer_admin () {
  echo 'My footer text. Thank you WordPress for giving me this filter.';
}
add_filter('admin_footer_text', 'remove_footer_admin');

Change Admin logo

admin — Wed, 29 Sep 2010 21:31:42 +0000

Change the logo in the Admin Panel to an image of your choise.

function custom_admin_logo() {
  echo '';
}
add_action('admin_head', 'custom_admin_logo');

Put your logo in the image-folder and call it admin_logo.png.

Credits

Add Post/Page Thumbnails

admin — Wed, 29 Sep 2010 21:29:19 +0000

Ever thought about having a featured image on your posts or pages? Well, here it is. Add the following in functions.php and you will find a new meta-box in the edit page, that allows you to choose a featured image for the post.

add_theme_support( 'post-thumbnails' );

This adds support for pages only:

add_theme_support( 'post-thumbnails', array( 'page' ) );

And this adds support for posts only:

add_theme_support( 'post-thumbnails', array( 'post' ) );

To get the thumbnail in your post, you add the following inside the loop:

if ( has_post_thumbnail() ) {
set_post_thumbnail_size( 400, 150 ); # width, height #
the_post_thumbnail();
}

Credits

DOCTYPE

madalin — Wed, 29 Sep 2010 21:23:24 +0000

HTML 4.01 Strict

HTML 4.01 Transitional

HTML 4.01 Frameset

XHTML 1.0 Transitional

XHTML 1.0 Frameset

XHTML 1.1

HTML5

HTML5 Video Support

madalin — Wed, 29 Sep 2010 21:14:06 +0000

HTML5 Audio Support

madalin — Wed, 29 Sep 2010 21:10:14 +0000


  
   
   Download this file.

CSS3 transitions

admin — Mon, 26 Jul 2010 01:04:33 +0000

a:hover {
   color:#000;
   -webkit-transition:color 100ms ease-in;
   -moz-transition:color 100ms ease-in;
   -o-transition:color 100ms ease-in;
   transition:color 100ms ease-in;
}

CSS3 Embedded Font Face

admin — Thu, 22 Jul 2010 11:52:39 +0000

@font-face {
 font-family: SketchRockwell;
src: url(‘SketchRockwell.ttf’);
}
.my_CSS3_class {
 font-family: SketchRockwell;
font-size: 3.2em;
}

CSS3 can render type using several font formats: “truetype” (ttf), “opentype” (otf), “embedded-opentype” (eot) and “scalable-vector-graphic” (svg,svgz).

NOTE: For some reason, using both @font-face and text-shadow will cause problems in Google Chrome. The reason IE has been given a ‘?’ next to it for the @font-face attribute, is because it will work using the popular .eot font file…

outline an element box

admin — Wed, 21 Jul 2010 09:13:08 +0000

#outline {
width: 200px;
height: 150px;
background-color:#F00;
outline: solid 1px #f00;
outline-offset: 5px;
}

Browser Support : Firefox, Chrome, Safari