Like we said, Shifter is not about cool colors and gradients; Shifter is about structural functionailty for your blog layout. But just because we are not concentrating on cool colors and gradients right now, doesn’t mean you can’t. Each version of Shifter has built in functionality to support a Shifter Skin.


Advertise With Us

What Is A Shifter Skin

“Skins” or “Themes” - what’s the difference. A “theme” is the template structure for your blog. The theme controls the way your blog or website looks. A “skin” controls the way your theme looks. A skin can control the colors, fonts and other elements of your theme without destroying the physical layout of your blog.

A Shifter Skin is a skin designed for Shifter. Remember, Shifter is about finding the right fit for the pieces that make up the puzzle of your blog layout. Think of Shifter as the shape of the pieces to the puzzle and the Shifter Skin as the picture the puzzle reveals.

How To Skin Shifter

Open /skins/basic.css in your Shifter folder and start hacking!

For example, to turn your Shifter background black and your blogtitle white, open shifter/css/shifter-skin.css and add

body {
background:#000;
}
 
#hd a {
color:#fff;
}

Save the file and your done. Any elements you define in basic.css will override the default blue Shifter Skin.

If you make a change that gets you in trouble, don’t panic. Just clear your basic.css and Shifter will revert to the default blue Shifter Skin.

Tags: , , ,

"Skinning Shifter" by Tommy was published on October 18th, 2007 and is listed in Themes.

Follow comments via the RSS Feed | Leave a comment | Trackback URL

Comments on "Skinning Shifter": 5 Comments

  1. Wendi Carlock wrote,

    can you change the overall background of shifter to an image file instead of a gradient or just a plain color?

  2. Tommy wrote,

    @Wendi, sure you can change the overall background to an image with no problem.

  3. Wendi Carlock wrote,

    How customizable is the CSS? Can I change the fonts - size, color, type? Is there documentation about this I can use as a guide?

  4. Tommy wrote,

    Some basic CSS skills are always a good thing. The CSS is completely customizable.

  5. Wendi Carlock wrote,

    thanks i think i will try it

Leave Your Comment

Subscribe without commenting

Click Screenshots To Enlarge

  • Wordpress Theme Skin for Shifter - Over It (Glass)
  • Change between thin, wide and full width layouts without destroying your site structure.
  • Wordpress Theme Skin for Shifter - Over It (Light)
  • Choose between single or double sidebars and then shift sidebar width or position with the flip of a switch.
  • Wordpress Theme Skin for Shifter - Lizard (Dark)
  • One, two or three column layouts have never been easier.
  • Wordpress Theme Skin for Shifter - Brown
  • 15 skins let you choose the end look for your site without destroying the structure of your perfect layout.
  • Wordpress Theme Skin for Shifter - News Red
  • Shifter makes designing your site easier, faster and more enjoyable - all with the flip of a switch!

Wearing the Basic Skin for Shifter by Buzzdroid