Flu Kitteh
posted by scott at 10:33 PM
2 comments
Sunday, March 30, 2008
Sunday, March 23, 2008
Saturday, March 22, 2008
Hilarious System 7 Simulator
While looking into emulating Mac OS 7 in OS X, I came across this hilarious flash-based simulation of a Performa 6116CD running OS 7.5. Its amazingly detailed. You can even empty the trash, open folders, run the screen saver and change the desktop image. [click here!]
posted by scott at 8:00 AM
0 comments
Friday, March 21, 2008
Three Men Eating Watermelon Carte de Visite
Someone posted this in my Cabinet Portraits, CDV, photos on cardboard flickr pool.
posted by scott at 4:12 PM
0 comments
Thursday, March 20, 2008
Thursday, March 13, 2008
How to add a background image to your blog
Last month I told you how to add a custom header to a blogger blog that uses the minima template. If you also add a background image, you can really make it pop. I'm not talking about some repeating image of your sister's cat or the starship enterprise, I mean some much better. Check out my wedding blog to see what I mean. You can use a background image separate the main area from the side areas.
To do that, you need to make an image in photoshop that has a middle area that is at least 660 pixels wide (the width of the header). You should leave this area clear of an patterns, borders, etc. On the edges outside of this middle area you can put some borders and gradients that fade into what will be the background color of the page. For an example, check out this image. The white area in the middle is for the blog content (as you see it on the wedding blog). The image is tall because of my repeating background. If you don't have a repeating background or you have a simpler one, it does not have to be as tall. Smaller is better as it will load faster. The tan you see at the very edges of the image is what the background color will be set to for the body in the CSS of the template.
Once you have an image that is wide enough, you will need to put it up on you server or where ever you host images. Then you will need to put a wrapper div just inside the <body> tags in the template, like this:
<body>
<div id="superWrapper">
<!-- There should be lots of stuff in you template here! -->
</div>
</body>
Then, between the style tags further up in the template, you need to style the superWrapper div like this"
#superWrapper {
margin: 0px auto; /* this centers the div */
width : 700 px; /* make this the width of your background image */
background-image: url(http://yoursite.com/assets/background.gif);
background-repeat: repeat-y;
}
You will also want to change the background color of you page in your CSS. This towards the top your CSS. It is probably white (#fff) or black (#000) by default (in the minima template). Change this color to match the edge of your background image.
I mostly wrote this to remember for myself, so you are probably pretty darned confused by now. Plus I'm half asleep. So if none of this makes sense when I'm more awake, I'll either add to it or take the post down. Cheers!
To do that, you need to make an image in photoshop that has a middle area that is at least 660 pixels wide (the width of the header). You should leave this area clear of an patterns, borders, etc. On the edges outside of this middle area you can put some borders and gradients that fade into what will be the background color of the page. For an example, check out this image. The white area in the middle is for the blog content (as you see it on the wedding blog). The image is tall because of my repeating background. If you don't have a repeating background or you have a simpler one, it does not have to be as tall. Smaller is better as it will load faster. The tan you see at the very edges of the image is what the background color will be set to for the body in the CSS of the template.
Once you have an image that is wide enough, you will need to put it up on you server or where ever you host images. Then you will need to put a wrapper div just inside the <body> tags in the template, like this:
<body>
<div id="superWrapper">
<!-- There should be lots of stuff in you template here! -->
</div>
</body>
Then, between the style tags further up in the template, you need to style the superWrapper div like this"
#superWrapper {
margin: 0px auto; /* this centers the div */
width : 700 px; /* make this the width of your background image */
background-image: url(http://yoursite.com/assets/background.gif);
background-repeat: repeat-y;
}
You will also want to change the background color of you page in your CSS. This towards the top your CSS. It is probably white (#fff) or black (#000) by default (in the minima template). Change this color to match the edge of your background image.
I mostly wrote this to remember for myself, so you are probably pretty darned confused by now. Plus I'm half asleep. So if none of this makes sense when I'm more awake, I'll either add to it or take the post down. Cheers!
posted by scott at 9:53 PM
0 comments
Wednesday, March 12, 2008
Monday, March 10, 2008
Dear Mac OS 7, Thanks For The Memories
I swear this does not count as procrastination, but my favorite mac OS 7 games are:
1. Civilization (the original)
2. Sim City 2000
3. Chuck Yeager's Air Combat
1. Civilization (the original)
2. Sim City 2000
3. Chuck Yeager's Air Combat
Labels: Macs
posted by scott at 8:12 PM
0 comments
What goes in must come out
There's a lot of stuff in my house. So much so that I've decided to accumulate as little physical stuff as possible from now on. As it happens i started cleaning out my room recently. I have already recycled probably a few hundred pounds of books and magazines and sold some stuff on ebay. Don't get me wrong, I love my books, but I have come to realize that even when you loved something for so long there comes a time when its ok to get rid or it. I didn't think too much of my ongoing cleaning effort until I saw this short film by Martin Hampton. I would like to say that, happily, I am nothing like the people in the film, and thankfully I've never been close. Its a pretty stunning film. You watch while I go continue cleaning:
POSSESSED from Martin Hampton on Vimeo.
POSSESSED from Martin Hampton on Vimeo.
posted by scott at 7:33 PM
0 comments
Thursday, March 06, 2008
Eddie Izzard on Darth Vader - In Lego!
Found on youtube, this highly creative individual animated (in lego) Eddie Izzard's comedy bit on Darth Vader visiting the Death Star cafeteria. Check out the other Izzard bits animated by the same user!
Labels: youtube
posted by scott at 8:09 AM
0 comments
Sunday, March 02, 2008
More spring cleaning up on eBay!
This time I'm selling a shrink wrapped brand new copy of That 70's Show, Season 5! I won it in a Disney trivia contest, which is weird because it has nothing to do with Disney. My insane 99 cent pricing scheme continues, so click here to bid!
posted by scott at 2:00 PM
0 comments
Spring Cleaning Sale!
I'm selling some Star Wars Episode I stuff on ebay with the insanely low starting price of $0.99! Click here to bid!
posted by scott at 1:23 PM
0 comments
Saturday, March 01, 2008
Photography site updated
I have updated my photography site. No, there are not any new photos, but the gallery now incorporates fancy lightbox effects. Light boxes are getting to be common these days, there are tons of them freely available for use. I used shadow box, which is pretty nifty and easy to implement. The one thing that was not obvious was how to get one light box to go to another. I figured out that you have to out a gallery name in the rel attribute of each anchor you want to be in the sequence. For example:
<a href="someimage1.gif" rel="shadowbox[galleryname1]">Your link to image 1</ a>
<a href="someimage2.gif" rel="shadowbox[galleryname1]">Your link to image 2</ a>
If you wanted more than one sequence to live on the same page, you would just change galleryname1 to galleryname2 or butterflies or watertowers or what ever you wanted.
Just thought I'd share. I think I like shadowbox better than the boxover popups in my wedding gallery. I'll have to convert them :)
<a href="someimage1.gif" rel="shadowbox[galleryname1]">Your link to image 1</ a>
<a href="someimage2.gif" rel="shadowbox[galleryname1]">Your link to image 2</ a>
If you wanted more than one sequence to live on the same page, you would just change galleryname1 to galleryname2 or butterflies or watertowers or what ever you wanted.
Just thought I'd share. I think I like shadowbox better than the boxover popups in my wedding gallery. I'll have to convert them :)
posted by scott at 4:07 PM
0 comments
Previous Posts
- Muppets and Star Wars Connection
- Do you blame cars for drunk drivers? (Gun control ...
- Rogue One Teaser Trailer
- Dear Town of Huntington, Waste Management Enforce...
- Bald Eagle vs. Eagle
- National Lampoon's The Force Awakens Vacation
- Let beer be for those who are perishing, wine ...
- There is more treasure in books than in all the pi...
- Disney's Boardwalk Soundtrack
Archives
• Show/Hide Archives •Friends
Demo Reel
Other Sites Of Mine
- My Website
- My Video Blog
- Amok Words
- Long Island History blog
- The Pirate Shack
- Disney Architecture
- The Adventurers Corner
Subscribe to
Posts [Atom]
