Time to switch to a better web host? Use code UPSTARTBLOGGER for 3 free months!
_Jul 28  07

Robert Ellis was the founder of Upstart Blogger. He now blogs (and continues to design themes) at Futurosity.

_WordPress Sandbox Theme: Upstart Blogger Takimata

_Entry

The Sandbox Designs Competition has now closed, so it’s safe for me to post my entry to the competition, Upstart Blogger Takimata.

Like my other themes, Takimata is a minimalist design, though this time that wasn’t necessarily my goal. I’ve been so busy with WordCamp and various other projects that I hadn’t started on my entry until Thursday. I’d pretty much decided that I wasn’t going to compete. But once I really started to look into Sandbox and began tinkering, I was hooked. I consider Takimata an experiment but, if nothing else, I can now say that all of my themes in the future will use Sandbox as their foundation.

Note: This theme should work with WordPress 2.3. Be sure to download Sandbox 1.0 if you want to use this with WordPress 2.3.

The competition precluded tweaking the template files. Given the lack of time, most of it spent troubleshooting IE bugs, I opted for a relatively simple look with no images. A few CSS cheats in my submission introduce some extra content by way of :before and :after pseudo-classes, but these only display in Safari and Firefox.

Oh, and the Takimata name continues my Lorem Ipsum naming convention, though I have no idea what it means.

Be sure to check out the other Sandbox Design Competition designs. I’m looking forward to seeing them, especially Moo-Point by Will Wilkins, who created a mod of Upstart Blogger Minim.

Preview

Upstart Blogger Takimata WordPress Theme

View the demo.

Download

Download Upstart Blogger Takimata

Note: You’ll need to first download Sandbox and install it to use this theme. This theme should work with WordPress 2.3, but be sure to download Sandbox 1.0 if you want to use this with WordPress 2.3.

Download Upstart Blogger Takimata.

Instructions

  1. Upload the sandbox_takimata folder to the root folder of your Sandbox theme folder.
  2. Replace everything after the commented-out header in the style.css file in your Sandbox root folder with:

    @import url('sandbox-takimata/style.css');

  3. If you would like to give me a credit in your footer (greatly appreciated and possibly even rewarded), replace the footer.php file in your Sandbox root folder with the footer.php file inside the sandbox-takimata folder. Thank you!
  4. Select the Sandbox theme in the Presentation tab of your WordPress Admin.

License

This WordPress theme is released under the GNU General Public License, meaning you can do pretty much whatever you want with it, but a link back to Upstart Blogger is always appreciated.

History

0.1 My submission to the Sandbox Designs Competition. 07.28.07

 Stumble it!Subscribe to Upstart Blogger
_Comments

15 Trackbacks

  1. […] Robert has released Upstart Blogger Takimata. Upstart Blogger Takimata uses a layout and structure that is fresh. I haven’t seen anything […]

  2. […] esperamos resultados, algunos están publicando screenshots con una muestra de su diseño, pues ahora me […]

  3. […] Design Download | Live Demo | Design URI […]

  4. […] Robert of Upstart Blogger - Upstart Blogger Takimata […]

  5. […] Upstart Blogger Takimata is another minimalist theme from the Sandbox competition. […]

  6. […] Upstart Blogger Takimata es otro tema muy minimalista de la competición de Sandbox. […]

  7. […] them yet.. Gangway - 3 column, targetted at group or team blogs. Sandpress - 3 column, minimalist. Upstart Blogger Takimata - minimalist. WPNJ01 - 3 column, widget ready, supports widgets in the sidebar and […]

  8. […] Design Download | Live Demo | Design URI […]

  9. […] a bit disappointing to learn that only 46 submissions were made. Robert over at Upstart Blogger is showing off his submission, Takimata. Beautiful and definitely unique, as […]

  10. […] Quite nice effects can be had with overlapping text and bits of a web page, but it would seem that this bewildering site has not had success with that technique. Marquee things are hard to read, even without having images dumped on top of them. […]

  11. davebowker.com added this trackback on 06 Aug 07

    Best of the Sandbox Designs Competition…

    Since the Sandbox Designs competition was announced, I’ve been watching this whole event unfold. Towards the end I even expressed an interest in creating a design of my own, only to find out I didn’t have a free enough schedule to pull it …

  12. […] Upstart Blogger Takimata is another minimalist theme from the Sandbox competition. […]

  13. […] Links: Demo | Theme URI […]

  14. […] werde ich ein wenig rumschrauben und mit einem anderen Grunddesign arbeiten. Mometan nutzen wir Takimata vom Upstartblogger ud morgen wird dann als Grunddesign Mimbo von Darren Hoyt genutzt. Auch wenn […]

  15. […] 5 thèmes proposés sont : Futurosity magazine qui offre une présentation style magazine,Takimata à la présentation extrêmement dépouillée ouvrant sur un sommaire, et qui s’apparente à une […]

40 Comments

  1. Will added these pithy words on 28 Jul 07

    Takimata is like nothing I have seen before. I may have to tweak this one too. Possibly just for private use. Awesome job Robert and good luck!

  2. adam added these pithy words on 29 Jul 07

    that is truly clever. kind of like a more tasteful version of keen. nice work, and good luck.

  3. pmpfan added these pithy words on 29 Jul 07

    Surely great&original theme! It’s not like the other themes around there, possibly not very suitable for blogs, but the other types of sites will do

  4. Scott added these pithy words on 30 Jul 07

    Really innovative design. Exceptional work. Very glad to have had you participate in the competition. :)

  5. Jen added these pithy words on 01 Aug 07

    Hey there. I absolutely adore this layout and am dying to use it but I can’t seem to get it to work on my blog. Could you give me a hand? Just go to my website and have a look. Did I put the coding in the wrong place?

    Thank you so much!

  6. Upstart Blogger added these pithy words on 02 Aug 07

    Jen, I see that something is definitely screwed up. Did you change anything in the CSS file? Try doing a fresh install and let me know if you still have a problem. If you have a problem with a fresh install, I would have to look at your installation to identify the problem. It should work. BTW, glad you like it!

  7. Upstart Blogger added these pithy words on 02 Aug 07

    Scott, thanks for your kind comments. I’m glad I participated. I just wish I hadn’t been so stubborn and had gotten an earlier start. Maybe next time!

  8. Upstart Blogger added these pithy words on 02 Aug 07

    adam, pmpfan, thanks for your comments. I hadn’t seen keen before; interesting use of mootools.

  9. G added these pithy words on 03 Aug 07

    another great clean minimalist design from upstartblogger

  10. Anonymous added these pithy words on 04 Aug 07

    your sense of aesthetics rocks!

  11. matt added these pithy words on 19 Aug 07

    I am loving this design. Like all your work, it is a tasteful, clever, and clean.

    After uploading the template and making my modifications, I cannot for the life of me make the home content stretch to encompass 4 columns of posts rather than 2.

    the test site is http://www.maeker.dreamhosters.com/remaeker/words/

    Any advice would be greatly appreciated.

    Thanks a lot,

  12. Upstart Blogger added these pithy words on 19 Aug 07

    @matt: Glad you like the design. I love your mod of Takimata!

    The problem with the posts is this line in style.css:

    .p3, .p5, .p7, .p9, .p11, .p13, .p15, .p17, .p19, .p21, .p23, .p25 {clear: both;
    }

    Just change it so that it clears every fifth post, like this:

    .p5, .p9, .p13, .p17, .p21, ..p25 { clear: both;}

    That should work.

  13. M. added these pithy words on 17 Oct 07

    I checked out the demo, but it doesn’t work. could you fix it? many thanks in advance

  14. Upstart Blogger added these pithy words on 17 Oct 07

    Fixed. Thanks for bringing this to my attention.

  15. Flay added these pithy words on 24 Oct 07

    Hi - am I missing something, or there are only footer.php and style.css inside the .ZIP?

  16. Will Wilkins added these pithy words on 25 Oct 07

    Flay - You didn’t miss anything. You will need to download Sandbox for the core files. Then follow the instructions here.

  17. felicity added these pithy words on 16 Nov 07

    Hello,

    I am using Wordpress to redo the website for Artexte, a non-profit documentation centre for contemporary art located in Montreal, Canada (www.artexte.ca - The work I’m doing in wordpress isn’t live yet).

    I admire the two-column display of the posts in your Takimata theme. Would you mind giving me a hint as to how you did this?

    Thank you kindly.
    f.

  18. Will Wilkins added these pithy words on 17 Nov 07

    Felicity - Download the zip code above. Take a look at the included style.css file. The power of the two column posts lies in the .home .post line of that file.

  19. Orien added these pithy words on 18 Nov 07

    Hey,

    Awesome theme you have here! I slightly modified it on my site, but I’m noticing a bug on IE7 (haven’t tested in other browsers). If you cycle through all the posts on my front page, on some of the posts randomly the links to the previous and after posts get duplicated on the right side of the page (which inteferes with my post) and the same set of links are also underneath the post (where they should be). A refresh solves it, but it’ll keep happening randomly.

    Would you happen to know what’s wrong?

    Thanks!

  20. Upstart Blogger added these pithy words on 18 Nov 07

    @Orien: I’m seeing this in Safari, too. Did you change anything in your style.css file? Something is definitely off.

  21. Orien added these pithy words on 18 Nov 07

    Hi,

    The only things that I changed were the colors and the width of the individual posts. However, this bug was showing up even before changing the width. I downloaded the theme from the Sandbox Competition website if that makes a difference.

    Thanks again.

  22. Upstart Blogger added these pithy words on 18 Nov 07

    As far as I know, there’s no problem with the theme, but changing the width would definitely throw things off.

  23. Orien added these pithy words on 18 Nov 07

    Hm, the thing is that it was doing this even before changing any width parameters.

  24. Upstart Blogger added these pithy words on 18 Nov 07

    I’m not seeing this problem in the demo, so it’s likely you’ve changed something.

  25. Orien added these pithy words on 18 Nov 07

    I just cycled through the posts on the demo and I’m seeing the same thing happen on random posts.

  26. Upstart Blogger added these pithy words on 18 Nov 07

    I’m not seeing it. Which posts?

  27. Orien added these pithy words on 18 Nov 07

    I saw it on “Writing about code”.

    Screenshot

  28. Upstart Blogger added these pithy words on 18 Nov 07

    I don’t see a problem in the screenshot. Are we talking about the same thing? You should have next/previous post links on the right side and below the post, but they shouldn’t overlap the post. On your blog, I saw that the sidebar links overlapped your post, but you have the width set wider than the layout allows. Am I missing something? :)

  29. Orien added these pithy words on 18 Nov 07

    Oh, haha. I think we weren’t talking about the same thing. :)

    I was unaware that the links should show up on the right side and below, because when I refreshed the page, the links on the right went away.

  30. Upstart Blogger added these pithy words on 18 Nov 07

    That’s very strange. No, they are supposed to be there so if you have a long post there’s navigation top and bottom. But they shouldn’t overlap the post.

  31. Orien added these pithy words on 18 Nov 07

    Ah, that makes sense. I can change back the width of the posts to prevent them from overlapping, but do you know why they disappear when you refresh the page? If not, how would I go about removing that area (the links on the right)?

    Thanks a lot for your help.

  32. Upstart Blogger added these pithy words on 18 Nov 07

    They shouldn’t disappear when you refresh the page. But if you don’t want the links, delete this from single.php:

  33. Orien added these pithy words on 18 Nov 07

    Thanks so much! That fixed it. :)

  34. Frank Ruscica added these pithy words on 06 Jan 08

    ub,

    i have installed takimata (nice!) at startupcomedyu.com. want to put some space between sidebar widgettitle(s) and widgettext. have been fiddling around, but not making any headway. thanks kindly for any insight.

    best,

  35. Frank Ruscica added these pithy words on 06 Jan 08

    disregard previous plea for help. solved. again, great theme.

    best,

  36. Frank Ruscica added these pithy words on 20 Jan 08

    Robert,

    How are you? I’m using Takimata (great theme!) at StartupComedyU.com, and I want to add a 2nd column to the blog sidebar. Have been hacking it for a while, but the results have been mixed (e.g., overlaps). So I was wondering: maybe you have thought through some of these issues, and can furnish some quick pointers? Thanks kindly for any attention. And by all means, feel free to point me to the virtual tip jar :-)

    Best,

    Frank Ruscica

  37. funbagos added these pithy words on 27 Jan 08

    Hi there,

    Just installed your theme. I like it very much! But i cant fill in a tagline! and when i do my footer.php disapears.
    what’s wrong??

  38. funbagos added these pithy words on 28 Jan 08

    all ready fixed myselff so no support needed anymore

  39. Pablo added these pithy words on 28 Jan 08

    Hey there,
    Great theme. Put your credit in Footer! Nice work .New to your work and I’m very impressed.
    Pablo

  40. mythago added these pithy words on 03 Mar 08

    Wonderful theme. Not fond of the colors but the layout is amazing!

Post a Comment

Comments are moderated. It may take some time before your comment appears. Please be patient. Comments become the property of Upstart Blogger.

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

Note: Please post support questions in the Forums. Be sure to read the Upstart Blogger WordPress Themes FAQ before posting. Thanks!

Your email is never published nor shared. Required fields are marked *

*
*

Hosting that doesn’t suck. Use code UPSTARTBLOGGER for 3 free months.

Return to Top