Look out for my B.U.T.T.! I’ve just finished uploading some tweaks to make the Big Urgent Wish theme a little nicer. Please, as always, wear your helmets, and let me know if anything falls on your head. I could always use a good laugh.
I hope to have a sanitized version available soon.
The B.U.G. hunt is on! See if you can find all the problems with my new layout…
I’ve already identified the ugly 3rd-tier dropdown menu thing on the navbar at the top, but I haven’t had much time yet to test everything out. Later tonight I’ll tweak it and try to get it to behave itself a little better. Please post your comments here (be sure to include your OS/browser). And thanks!
(Things are bound to be a little on the messy side for a few days while I convert this thing over to the new theme.)
EDIT: Yikes! Single posts & pages are also totally unstyled!
This is the color chart I made for orchestrating and managing the background images/colors when using both a style switcher and a browser sniffer to determine which background, exactly, to display for each area of the page. You might even find it useful for your own layouts. The key is below.
Note that the header isn’t really used, and that the content and sidebars (sometimes), and the drop-downs, post meta-data, and my-own-comments boxes (always) use the same background CSS (once for each subtheme).
In all there are 6 × 3 = 18 different CSS inserts for what ended up being one of 4 types of user agents (1. browsers that cannot handle PNG transparency, 2. browsers that can and receive special message A, 3. browsers that can and receive special message B, and 4) all other user agents).
So, yeah, you can tell that this is becoming a bit of a logistical nightmare for me! Nevertheless, I’m pretty confident that once I’ve got the thing done, it’ll be easy to extend.
I’m trying to make the learning curve for anyone else as shallow as I can. Here’s how it breaks down for anyone wishing to add their own subtheme:
- Create CSS for layout and color
- Add style to
- Add any needed sniffer-generated CSS to
- This is really for generating either translucent PNG or GIF, depending on browser
- Obviously, this also entails creating both a PNG and GIF version for each translucent background
header.php so that cookies don’t retain old style names (there must be an easier way to do this; maybe someone will come along and improve this step so it’s automated; nevertheless, it currently only requires inserting the style names into two lines of existing code, towards the top of the page)
- Upload and enjoy!
Not too terribly bad, I think, all things considered.
Haven’t been feeling 100%, so I’m working on making my own WordPress theme from scratch (though I’ll admit to scraping a little code from other themes). My current theme is called “Big Urgent Wish 2.0”, and it’s based on another theme, but i’ve decided to reuse the name and call it 3.0. This one will be a three column layout.
It’s coming along flamingly so far. It looks beautiful and has tons of really tasty hover effects. Works very well in Firefox, Opera, and IE. It’s a plush, spacey theme, with burnt oranges, ambery peaches, and velvety browns.
I’m also planning on having it support style switching, Widgets, and all of the plugins I currently use. AJAX is under consideration as well.
This will most likely end up being my first public WordPress theme.
I’ve just finished posting the latest tutorial: HTML Beginner’s Course pt 1. This tutorial covers basic HTML formatting and some common tags. Nothing intensive here, just a crash course in what it is and what it does, with a little bit of the fundamentals. Topics to be covered later include lists, images, links, tables, and CSS.
Get your feet wet now, we’ll be doing some fun diving soon enough! There’s even an RSS feed to the tutorials pages, so you can keep up with the latest tute’s.
Using Rob Ballou‘s Styleswitcher, the previous version of which i used on my last site, i’ve uploaded a new PHP-driven stylesheet-switching system. You can see on the left hand side that there are now options for the color scheme, the font size, and the font face (serif or sans-). I also changed the default from a black background to a white one to make it look a little less like a 13-year old Marilyn Manson fan with some design potential did it.
Not very friendly towards IE6-, but IE7 is around the corner, and you should be using a better browser anyway.
Cleaned up a little bit, tweaked out the CSS, and created some image galleries.