new theme: tulip

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 250x250px. 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 */

21 thoughts on “new theme: tulip

  1. Beautiful theme! πŸ™‚

    Safari’s being a butt about that ‘first letter’ css. It’s making the first few words/lines huge instead of the first letter. *kicks browser*

  2. I love the new theme… it’s beautiful!! Tulips are my favorite flower πŸ˜€ Guess what? I wrote my first PHP script yesterday… yay!!

      1. Im wrote a ‘DoodleBlog’ script… kinda like a Photoblog, but with Doodles hehe πŸ™‚ It’s like a simplified bloggin’ thing… im having trouble with the admin login/logout tho grrr

  3. :(Tulip theme’s gorgeous. ^.^ I tried the tiled cloud background in your instructions, but couldn’t get it. What version of Photoshop do you use?

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s