Open Theme Project

The Core Design is the main structure of the theme, that dictates where certain elements go and how they react. As this is kept apart from the skins and imported into the blogs that use it, it can be updated at any time allowing every blog design based on it to be updated along with it, which gives the potential of fast maintenance across potentially thousands of blogs. Another benefit of storing this seperately is that users only have to worry about tinkering with the skin part of their design.

The Skin Design is the essence of a theme. By seperating the skin from the core design, users only have to think about what images they want to use and how they'll work together as well as a few other little details. The skin has been distilled down to a few essential lines of code that just need a few details filled in to let people create something beautiful. Skins have been further refined into modules that can replace existing lines of code for different results. These are displayed further down along with a small tutorial on each module that should allow even novices to decide which one suits their needs best.

While I'm hoping that the module tutorials that I'll put up here will enable anyone to use the Open Theme Project at some level, I'll provide the basic skin code here so those with some knowledge of CSS will be able to use it straight away. The code should be saved to be used with no underlying theme.

/*This theme was created as part of the Open Theme Project*/
/*Create your own at http://my.opera.com/openthemeproject */
@import url(http://files.myopera.com/Furie/themes/basicstructure.css);

/*Text Colours*/
body,h1,h2,p,a,div.content, a:link, a:visited, a:active, a:hover,#userlinx b,.drop {color:# !important;}

/*Banner*/
#top {height:px !important;background:url() top center no-repeat;background-attachment:fixed;}

/*Background*/
body,#wrap0 {background:url() top center no-repeat;background-attachment:fixed;}
#menu,#wrap4 {background-image:none;background:url() top center no-repeat;background-attachment:fixed;}

/*Menu Titles*/
#menu_blog a {content: "Blog";}
#menu_archive a {content: "Archive";}
#menu_albums a {content: "Albums";}
#menu_forums a {content: "Forums";}
#menu_favorites a{content:"Favourites";} 
#menu_unite a{content:"Unite";}
#menu_links a{content:"Links";} 
#menu_friends a, #menu_members a{content:"Friends";}
#menu_about a {content: "About";}

/*Sidebar Headings*/
#side h2, #side caption,#blogsearch label.h2 {background:# url() no-repeat;}
#side h2, #side caption,#blogsearch label.h2,#side a#calendarmonth {color:# !important;}

I have a lot of faith in the Open Theme Project (so much so that several of my own group designs have been created using it), and will be constantly updating it so that it's the best it can possibly be.