treehouse : what would you like to learn today?
Web Design Web Development iOS Development

toby

  • Animate background-image with jQuery?

    Hi htl, Your going to need this. http://plugins.jquery.com/project/backgroundPosition-Effect Done some experimenting with this. Check this rollover. http://www.development.tobypitman.com/jquery/back-pos.html It animates the background of the li …
    Comment by toby June 2008 permalink
  • Image map with css?

    If you want some inspiration, this is a good place to go for image maps. http://www.cssplay.co.uk/menu/ left hand column at the bottom. http://www.cssplay.co.uk/menu/old_master Stu Nicholls is up to all sorts of css madness! Check it out. :D
    Comment by toby June 2008 permalink
  • Centering

    hi, The ul .nav won't center because it has no width. You should add something like this. .nav{padding-top: 10px; width:500px; margin:0 auto;} That should do it! :D
    Comment by toby May 2008 permalink
  • A Question about Dreamweaver Design View

    You might have disabled Style rendering. Go to View>Toolbars>Style Rendering. On the toolbar make sure the ying yang type button is pressed. Either that or there's an error in the file ref to the stylesheet. Hope that helps :)
    Comment by toby May 2008 permalink
  • How Did Everyone Learn Web Development?

    I started learning Flash and found http://www.cartoonsmart.com to be very handy indeed. Then i found Lynda.com and never looked back. Their course 'CSS for designers' with Andy Clarke was invaluable to me. I watched the whole thing straigh…
    Comment by toby May 2008 permalink
  • When can we stop designing with IE6 in mind?

    If Youtube, Myspace and Facebook got together and stopped serving IE6 it would probably be gone within a month! But that's unfortunately not going to happen. :( Wouldn't that be great though!
    Comment by toby May 2008 permalink
  • Trouble with repeating header image

    The right hand side of the image looks like a more viable option perhaps? Changing the distance to 0px on the drop shadow may sort it too. A good technique is to just flatten the drop shadow. Select the layer with the drop shadow then go to Layer&g…
    Comment by toby April 2008 permalink
  • Image has a link border on it, I want it to none.

    Hi, You can also add :- a { outline-style: none; } This will hide the dotted border in firefox on the link when clicked. Tob :D
    Comment by toby April 2008 permalink
  • Illustrator Mockup to PhotoshopMockup tricks?

    Hi rob, Looks like the problem is your trying to squash something that should be 1024x768 into a hole that's only 760x580. In essence it sounds like your actually miniaturizing the graphic so resizing is probably not the right choice here. Try …
    Comment by toby April 2008 permalink
  • JavaScript hover fade.

    Hi Brendan, Here's the Mootools way. It's a bit more long winded than Chris's as jQuery has a fadeout effect all lined up for you. Same idea different framework. This is a quick example ( rip off! :) ) of the dragon interactive htt…
    Comment by toby April 2008 permalink
  • Look in My New Desing Work :)

    Hi o-d, You shouldn't really need the transparent PNG's in the menu as the background is static. Slice the menu items including the background and position them till they line up with the #menublok image. Also I'm getting a noticeabl…
    Comment by toby April 2008 permalink
  • Just finished a new site!

    Cheers Chris! Regarding the sidebar, i just created a semi-transparent layer over the left hand background image in Photoshop. It was placed in relation to the co-ordinates of the WordPress side bar. Left 100px, Top 150px. Made a slice long enough…
    Comment by toby April 2008 permalink
  • Redesigned my blog

    Try out http://www.vecteezy.com or http://www.brusheezy.com. There's loads of stuff there. http://www.bittbox.com has lots of flower brushes and vectors plus loads of other great resources. Tob
    Comment by toby April 2008 permalink
  • Just finished a new site!

    Hi Hawke, That was the idea. It's a simple script that encrypts your mailto's. Stops those pesky spam crawlers. You can get it here http://jumk.de/nospam/stopspam.html. The only drawback is people who don't have Javascript turned on c…
    Comment by toby April 2008 permalink
  • Sprites BKGD position on Mac FF

    Hi all, Just tested in Firefox 2 on both Tiger and Leopard and it works absolutely fine. Can't really help much more than that. This forum is a great idea. Nice one Chris! Tob
    Comment by toby April 2008 permalink