GravityCube - Development, design, and simplicity.

New BlogEngine Theme - ThemeEngine.NFL

Friday, 18 January 2008 00:12 by jf26028

Introducing ThemeEngine.NFL, an experiment in BlogEngine dynamic theming. 

I have been working on lots of ideas around BlogEngine lately, and I have found lots of themes that I would like to convert from lots of other places.  But, for the most part, I am pretty conservative when it comes to my blog design, and I tend to really like the 2 or 3 column pages, with a header, menu, and footer.  And, with that being the case, I thought it would be really easy to create a base structure, 2 column in this instance, and generate a whole bunch of color schemes for it, and let the visitors decide which they like the best.  And, with that idea, ThemeEngine was born, and built as a proof of concept.

After I got the initial structure and scheme defined, I just needed a bunch of color schemes to fill it out.  I needed a set that was big enough to prove the point, but not just a random set of colors.  Somewhere along the line, I decided to generate a color scheme for each team in the NFL.  Unfortunately, some teams have really ugly colors, and it reflects in the theme.  (Sorry Bills fans.)  This theme is not meant to be a perfect set of themes for all the NFL teams, but a base to prove what could be done with BlogEngine, so please forgive some of the unpolished themes contained here.

The visitor preference is set in a cookie, and is completely managed in the template, so no modifications to BlogEngine are required.  And, if you open the site.master.cs file, you can turn off the visitor selectable theme by setting the COOKIE_ENABLED constant to false, and it will use the theme in the DEFAULT_THEME constant.  Maybe it would be cool to build an extension to enable you to set these configuration values from the administration section of BlogEngine, but that's not available right now.

The following screenshots were all taken of the same theme, with a visitor-selectable color scheme.

ThemeEngine.NFL.1.0.Screenshot  ThemeEngine.NFL.1.0.Cowboys  ThemeEngine.NFL.1.0.Bears  ThemeEngine.NFL.1.0.Browns  ThemeEngine.NFL.1.0.Eagles  ThemeEngine.NFL.1.0.Packers  ThemeEngine.NFL.1.0.Seahawks  ThemeEngine.NFL.1.0.Vikings 

Demo:  http://www.gravitycube.net/blog/?theme=ThemeEngine.NFL.1.0

Download:  ThemeEngine.NFL.1.0.zip

This opens up lots of doors for people running different kinds of blogs.  Say you ran a celebrity gossip blog, and you could design themes for your favorite celebrities and let the user pick their favorite while they browsed your site.  Or, if you actually did run a sports/NFL blog, this implementation would be great.  And, the same idea could be applied to all sports, or practically any other genre out there.  The options are limitless, and this is just one more example of how BlogEngine enables you to do whatever you want with YOUR blog.

Anyway, check out my experiment, and let me know what you think, or if you find any bugs.  And, please forgive some the lack of tuning on the actual designs. 

Special thanks go out to Adam Zastawski and Jason Lay for all their help and inspiration.

Jesse Foster | jf26028

kick it on DotNetKicks.com

Currently rated 4.3 by 11 people

  • Currently 4.272726/5 Stars.
  • 1
  • 2
  • 3
  • 4
  • 5
Tags:   ,
Categories:   BlogEngine.NET | Themes
Actions:   E-mail | del.icio.us | Permalink | Comments (24) | Comment RSSRSS comment feed

New BlogEngine Theme - Gluttony from the WPDesigner

Monday, 31 December 2007 16:38 by jf26028

GravityCube-Gluttony I tend to browse wordpress themes from time to time for two reasons.  First, there are zillions of them, and second, there is some really good work going on in that space.  With wordpress being as popular as it is, it draws some of the best designers, I guess.

While looking around, I stumbled on the WPDesigner.  I just like this guy's style.  His Jello Wala, Digg 3 Column, and Wpdesigner5 are among my favorites, but I really liked Gluttony with a preview here.  The theme is a bit flashy for my taste, but it just looks really good.  So, I took the time to port it to BlogEngine.net not so much for my site, but just to see what it takes to convert a wordpress theme to BlogEngine.  All in all, it was actually pretty easy.  The theme video from the videos site on the BlogEngine site is more than enough to guide you through the process.

The conversion of the theme is imperfect, and some things just don't look right, most notably, the search box in the upper left.  But, I will get to those sooner or later, but I'm in a bit of a time crunch right now.  You can download the BlogEngine version and finish it up yourself, if you like.  Or, check out the preview.

If you happen to like the theme, drop Small Potato a note and let him know, but don't ask him for any help with the BlogEngine version.

Jesse Foster | jf26028

kick it on DotNetKicks.com

Currently rated 4.4 by 12 people

  • Currently 4.416667/5 Stars.
  • 1
  • 2
  • 3
  • 4
  • 5
Tags:   ,
Categories:   BlogEngine.NET | Themes
Actions:   E-mail | del.icio.us | Permalink | Comments (17) | Comment RSSRSS comment feed