Loading ...Archive for March 19th, 2004
new theme: tulip
March 19th, 2004
i think this theme looks quite soothing. i love the header image 
i learned a few new tricks while putting together this theme. first i made the cloudy tiled background with photoshop.
make cloudy tiled background
1. create a new image. i used 250×250px. you can go whatever. fill the image with the color you like. i used medium grey.
2. filter -> render -> clouds that will create a cloudy looking image
3. filter -> other -> offset make sure you have warp around checked
mine turned out to be pretty seamless with just minor imperfection. i corrected it with smudge tool. ideally the offset warp around trick should work for making any tiled backgrounds but i haven’t tried.
i also learned a new css trick.
another css trick
thought it’s kinda cool to make the first letter of the body of your text unique. do something like:
.just:first-letter {
font-size: 200%;
text-transform: uppercase;
font-family: Georgia;
font-weight: bold;
color: #C89F40;
}
for me the first letter included in <div class=”just”> and </div> will look different than others. you may also use it for paragraph tag like:
p:first-letter {
/* your definition */
}
cleartype and drop shadow don’t mix
March 19th, 2004
While surfing around the internet, sometimes you may come to a website with appearantly nasty looking, unreadable fonts.. well, let me guess, you are probably using IE and that the designer has probably used dropshadow filter in their css for their fonts.
why is that? this is because you have cleartype turned on for your computer.
for example: you might see something like
http://pure-essence.net/buttons/others/cleartype_ss.gif
well many other people who DON’T have the cleartype function turned on will see something like:
http://pure-essence.net/buttons/others/cleartype_no_ss.gif
what exactly is cleartype?
to put it in my simple terms: it’s a function on your computer that allows you to see fonts in anti-aliased forms. read more about cleartype here
How do you Turn ClearType on/off?
1. Right-click your desktop and select Properties.
2. Select the Appearance tab, and press the Effects button.
3. Check the box next to the words labeled “Use the following method to smooth edges of screen fonts,” and select the option you want from the drop-down box.
4. Close the Effects dialog by clicking OK, and click Apply to complete the process.
