Different CSS Stylesheets on Specific Pages in WordPress

If you have large site, or just prefer to split-up your CSS into separate stylesheets, you may have wondered how to do accomplish this in WordPress. Whether you’d like to use a different stylesheet on every single page and post, or just have a couple of instances where you’d like to specify different CSS files, it can be accomplished using custom fields and some simple PHP.

Using Custom Fields to Apply CSS Styles by Page or Post in WordPress

Follow this tutorial on using Custom Fields in WordPress to specify which stylesheets you’d like each post or page to use.

Read More...
13
Oct 2011
POSTED BY
POSTED IN Tutorials
DISCUSSION 6 Comments
TAGS

, ,

Backing Up and Restoring WordPress using phpMyAdmin

Many web hosting packages, including those of GoDaddy, include an installation of phpMyAdmin that you can use to manage your databases. phpMyAdmin makes tasks common tasks like creating tables, inserting and deleting rows, and most importantly, backing up and restoring your databases.

WordPress Backup with phpMyAdmin

In this tutorial we’re going to look at the simple process of creating a backup of WordPress database and then restoring it.

Read More...
29
Sep 2011
POSTED BY
POSTED IN Tutorials
DISCUSSION 0 Comments
TAGS

Simple Table Zebra Striping with CSS3

HTML Table with CSS Zebra Striping, Alternating Row ColorsZebra Striping – the name given to having alternating background colors on every other row or column, is a very simple task with CSS3′s Nth Child Pseudo-classes.

It wasn’t always so easy, especially if you did not (or could not) do it manually. Luckily we don’t have to worry about that, as we now have the ability to style every odd or evened numbered sibling elements.

So get your tables ready and take a look at just how easy this is. Below is the CSS for the table in the image shown above.

Read More...
28
Sep 2011
POSTED BY
POSTED IN Tutorials
DISCUSSION 2 Comments
TAGS

Importing and Embedding Fonts using CSS3 and Google Web Fonts

With the beta API now available, Google Web Fonts is becoming an excellence source to find and easily import fonts. The directory contains over 250 Open Source Latin fonts. Using CSS or Javascript you can import and embed any of these fonts on your Web site or WordPress installation.

CSS3 Importing Google Web Fonts

I’ll walk you through how-to import a font and have it displaying on your Web site in less that 5 minutes!

Read More...
27
Sep 2011
POSTED BY
POSTED IN Tutorials
DISCUSSION 7 Comments

Styling HTML5 Form Input Elements Using CSS3

CSS3 is packed full of ways to select elements. You can select elements based on whether its class or ID starts with, contains, or ends with a string, and now you can even select different types of input elements without assigning classes or attributes!

Selecting Input Elements by Type with CSS3

Below you’ll see the CSS to use in order to select any of the 10 input types using attribute selectors. Attribute selectors allow you to style elements that contain a specific attribute, or as in this case, an attribute value.

Read More...
26
Sep 2011
POSTED BY
POSTED IN Tutorials
DISCUSSION 0 Comments
TAGS

,

Post-It Sticky Note Tutorial with CSS 3

In this tutorial you’ll learn how to make a realistic looking sticky note using just HTML and CSS that is easy to create and cross-browser compatible.

Sticky Note Tutorial with CSS3

Follow this short tutorial on making a yellow Post-It note using just HTML5 and CSS3.

Read More...
26
Sep 2011
POSTED BY
POSTED IN Tutorials
DISCUSSION 4 Comments
TAGS

, ,