Tag Archives: layout

Big Urgent Tweak Test

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.

Big Urgent Garbage Hunt

The B.U.G. hunt is on! See if you can find all the problems with my new layoutI’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. fixed 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! fixed

color layout chart

color layout for BUWThis 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:

  1. Create CSS for layout and color
  2. Add style to styles.inc
  3. Add any needed sniffer-generated CSS to sniffer.inc
    1. This is really for generating either translucent PNG or GIF, depending on browser
    2. Obviously, this also entails creating both a PNG and GIF version for each translucent background
  4. Edit 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)
  5. Upload and enjoy!

Not too terribly bad, I think, all things considered.

Key:

(A) header
E navbar
B (+C+D) content
(C+D) sidebar
F+G+H+I contrast
J comment1
K comment2 (alternating)

Big Urgent Wish 3.0

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.

Big Urgent Wish 3.0

New tutorial: HTML Beginner’s Course pt 1

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.