Hello there. I am Terry and I am a full-time undergraduate based in Singapore. I take photos, write a blog and design websites.

And no, I'm not a teddy bear.

teddY-risatioN™ Gamma Released!

teddY-risatioN™ Gamma Released!

I can’t believe it that it too my less than 3 days to get this theme done :razz: but if you’re a regular visitor you would have realised that the general template and colour scheme did not vary a lot, besides the header and the footer, that is.

The reason why this theme is named teddY-risatioN™ Gamma is because I strongly believe in continuous improvement in my wordpress themes, there’s no way of stopping at Beta only :) fyi the previous theme s named teddY-risatioN™ Beta and the one before it, Alpha. Thus, the next one (if there’s any), will be Delta.

Here is a list of changes from the previous theme, teddY-risatioN™ Beta.

Wider Container

This also means forgoing 800*600 compatibility, but enables the main post area to display images up to 600px in width :) perhaps it’s a feature to suit this blog’s greater slant towards photoblogging instead of normal writing. For visitors who continue to use 800*600 resolution, I’m sorry for the inconveniences but there’s pretty much nothing I can do about it. Best viewed at resolution of 1024*768 and above. I would like to thank Ivy and Michelle on their advice they’ve given me about issues regarding screen resolution.

[Edit] – I was notified of a background image error when this theme is viewed in resolutions wider than 1024px. I’ve corrected the bug since, and tweaked the background image a little so there are stripes at both sides of the container. The stripes are made using an amazingly user-friendly and idiot-proof ajax generator called Stripe Generator.

Brand New Header Design

[Edit] – After giving it much thought I’ve decided to add a “Links” section to the top right corner of the header section. After reading on several online CSS tutorials regarding image rollerovers (the best and simplest one is probably by WellStyled.com), as well as referring to N.Design Studio’s Phoenix Theme top navigation bar rollerover code (you’ll need to read through the css stylesheet carefully though), I’ve come out with a rollover effect for the link images too. From the link bar you can access my RSS feed, Technorati profile, Facebook profile, DeviantArt profile and my flickr page.

Now this theme comes with a rotating header image – i.e. every time when you load the page, most probably a different header image will appear. They’re chosen from a set of my favourite photographs, and I have plans to extending the current 10 rotating headers to a size of 25 in the future. Let’s stick to 10 for the moment. If you happen to stumble upon a header image you hated badly, refresh the page to get another one :mrgreen: here’s the currently 10 images in rotation:

10 rotating header images

[Edit] – I’ve added another 7 header images into rotation. Have fun :razz:

Cleaner Searchbox

I wasn’t very happy with the previous theme’s search box, where it’s bulky and doesn’t really fit into the header well. So this time a little photoshop trick worked (used to create the curved edges of the curve box) and a short nifty javascript code to display the instructions in the input field when it is not focus (it disappear when you focus on it, though). The script could be found at Expert Exchange – Onfocus and Onblur article.

Design & Icon Acknowledgement

Without wonderful designers and authors sharing their css styles and icons, this theme wouldn’t even have existed.

Header navigation bar – the raw source code and styling comes from Laila’s Butterfly Theme. I just changed the colours, increased the height to suit the theme.

6 random flickr images – Instead of the previous 4, the wider sidebar is now able to accomodate up to 6 random flickr images (3 per row, that is). Click on them to access my flickr photos. The coding and styling is proudly shared by Veerle, in her Flickr Badge W3C Valid post.

Post information icons – The date, category and miscellaneous information are accompanied with small little icons by FamFamFam’s Mini Icons package.

Other icons – Majority of the icons are provided by the Dropline Neu! v0.10 package.

Revamped Footer

With Wordpress 2.3 inclusion of tags and tag cloud, I’ve inserted a tag cloud into the footer section (scroll down and you’ll see it), but looks like further css styling is needed. Although the general footer design did not vary much from the previous theme, the floating and alignment coding has been constructed ground up to solve compatibility issues.

Spacer

That’s all for this theme! Anyway I’m sorry that I didn’t post a Happy Valentine’s Day message! Wishing everyone a belated happy valentine’s day :) love is all around!

Burn after reading » Now you're done reading. What's next?

Related

Here are some posts that might interest you:

Popular

Posts that are popular among visitors:

Share it

If you've enjoyed the post, or think that it might be useful to others, do share in on a social network site that you're using. Thank you!

  • Digg
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • StumbleUpon
  • Technorati
  • LinkedIn
  • Reddit
  • Design Float
  • Identi.ca
  • Live
  • Ping.fm
  • Print this article!
  • Twitter
  • Netvibes
  • HackerNews
  • Slashdot

18 responses to “teddY-risatioN™ Gamma Released!” » Leave a response

  1. Bush MackelResponse

    This theme is just AWESOME! Great job! Very clean, but very stylish and organized too. (#):)

    Check out Bush Mackel’s last blog post: A February 15th Update

  2. yanniResponse

    do for me lah………………………………

    Check out yanni’s last blog post: Phobia of Lion Dance

  3. ingSiangResponse

    Hey, make one for me, possible? =) I know exactly what I want, lol.. but too lazy to learn the codes and stuffs. =p

    Check out ingSiang’s last blog post: Thanks Ah Goh! =)

  4. lettiResponse

    it looks amazing, teddy. Excellent Job! I have a Acer AL1912 monitor, which is 19″ so the resolution is perfect for me.. hehehhehe..

    Check out letti’s last blog post: Valentine’s and Stomach Flu

  5. GraceResponse

    Nice! I like this theme because the colour scheme is one of my favourite colours. :D Good job!
    P.S. Go blue!

    Check out Grace’s last blog post: Get the Most Out of Guest Blogging

  6. eddyResponse

    ur new layout is cool…
    it fits very well with the beautiful pics…
    if onli i can web design..
    wahahahahahahahah…

    ive been browsing ur blog entries…
    spending hrs jus browsing and admiring ur shots..
    u reali have good and fine details…

  7. jasonResponse

    very clean graphical arrangements as always. and i love the pictures.

    but one small difference. Much more words everywhere.

    Check out jason’s last blog post: China: Part 2

  8. Adam DanialResponse

    Hey teddy, it’s me. I leaved this site for a very long time. I am very busy doing my preparation for my UPSR exam this year. I thought of visiting your blogsite one day at my free time and it’s a surprise to know that you changed your site to a new theme with awesome edits. The blue stripes at the sides are very beautiful. The rotating headers also inspired me. I got my eyes opened after looking at the brand new Tag Cloud down here. Hey, why don’t you try patterns at the sides. I think it will be more beautiful. Keep posting those great blogs. Is this theme’s name Gamma ?? Well it’s weird but still good job. Well, this is my last time visiting here until September. I will sweep off the sweet memories of your blogsite from my mind now. So, I hope you enjoyed your day and happy go lucky. I will take footsteps from here now. See you again in September and I promise you that I will visit this great site of yours daily. Bye

    Check out Adam Danial’s last blog post: 2nd post for 2008 ??

  9. thecoffeesnob

    Wow i look the new layout. Once again, you blow me again with your computer skills :D

  10. eddyResponse

    aniway, sorry to ask u this..
    but how did it go with the guy who steals ur shots on ur previous entry….???
    i still do NOT gettit, how a young guy liddat, could be such a stealer???…
    aniway i would be piss too if i knw someone has been stealing my pics and crediting that it was his own effort..

    * tsk tsk *

    Check out eddy’s last blog post: worth.mentioning

  11. IvyResponse

    Lovely new theme! I especially love the stripes!! I’d try to shorten the number of posts on a page though, because the amount of effort it takes to scroll is a lot more since the footer has become larger vertically.

    Check out Ivy’s last blog post: New Theme For Spring (Alpha)!

  12. ingSiangResponse

    Actually I think K2 is the best theme for customization around, it’s super powerful and very very clean. =) Anyhow, I need a version which is more erm, suitable photo-blogging (which in my own term, is not really the showing off of a single photo in full resolution in the front page, lol, it’s more like showing off a series of photos in a post, ie. an event photography post).

    I’ll try to figure out my need and will let you see if you can get it done. =) Or perhaps I’ll the gfx in photoshop myself (also I sucks in it these days) and requires your help for the php, lol. =p

    Btw, I lost my wallet, there goes my $130 for a new 50mm lens, darn it! =(

    Check out ingSiang’s last blog post: Thanks Ah Goh! =)

  13. ingSiangResponse

    Yeap, that’s what I tell myself to stop me from being depress again, LoL. Let’s just hope the person who picked up my $$ spend ‘em well, ie. spend ‘em on doctor or road fines. =p

    Check out ingSiang’s last blog post: Thanks Ah Goh! =)

  14. teddY-risatioN™» Blog Archive » Scrambled EggsResponse

    [...] though – although being a big perfectionist, I’m still quite satisfied with the current teddY-risatioN™ Gamma and have no plans of replacing it for at least another 3 months. Maybe I shall make a new one when [...]

Leave a Response » Share your thoughts or Return to top

Your name is required. Why?

  • So that I can address you personally (which I'm more than happy to do).
  • Everyone loves their name to be called, right? Nobody wants to be referred to as 'a certain someone' or Mr X (X-Men members aside).
  • If your post too much spam, your name will be imprinted on a personalised voodoo doll, completely free of charge. I'm just joking!

Your email is needed. Why?

  • Your email is, and will, never be given out to any third party under any conditions (except for people sneaking up behind me when I'm on WP admin).
  • So that I can contact you personally in case of certain issues that I wish to address personally.
  • If you post too much spam, I'll email the same spam you've posted 10 times back to you, completely free of charge.

You can always leave a personal URL behind

  • It can be anything - most people put their blog URL, their facebook page, their Twitter URL, their MySpace or etc.
  • I give love back by saying NO to no-follow. All of your webbie links are dofollows instead.

Twitter. Twitter. Twitter.

  • What is Twitter?: Twitter is a social networking and micro-blogging service that enables its users to send and read other users' updates known as tweets. Tweets are text-based posts of up to 140 bytes in length.
  • What is my Twitter ID?: To get a Twitter ID, you simply have to sign up for an account at Twitter.com. Your ID will be in the format of your profile's URL - http://twitter.com/[userid].

Comment notes

  • Gravatar: You can register for one at Gravatar.com
  • XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
  • Codes: Encode the HTML entities, and then wrap them up with <code></code> tags.
  • Note: Nobody is alike - so do their opinions. Do learn how to respect the opinions of others. Be nice. Offensive comments and spam will be removed. First time commentator's comment might be placed under moderation queue before publishing.
  • Just in case: If your comment is long and you've took hours *gasp* to type it, the worst thing can ever happen is to lose it due to a server time-out. A good habit will be copying your comment to the clipboard before submission.

Hello Easter Egg hunter! You've discovered the magic of the Konami Code!

Yea. You probably know what the Konami code is before getting to this page. So now what? Here is a randomised YouTube video on my favourites list... which includes Rickroll, if you're luck enough to get it.

You are currently watching Kutiman-Thru-you - 01 - Mother of All Funk Chords. Loving it? You can even watch the video in its full screen glory :)

The Konami Code:
Konami Code sequence