March 23rd, 2009 | 10 Comments »

Nan asked me to explain how I got the heart icons to be my bullet images. You may have noticed in the address bar of your browser for this site, that it displays a small heart image. This is called a favicon. You can choose your own image to brand your site and make a favicon. The instructions are pretty well laid out on the following free site.

  • Go to http://www.favicongenerator.com/
  • Once you have your favicon in place, you will want to mess with your CSS. I’ve always wanted to say that. Heh.
  • Most CSS or stylesheets are documented, so that layout, sidebars, footers, headers, etc., are separated from the section we are interested in, which is main, or entries.
  • Trust me, you don’t want bullet images on your sidebar. In fact, I have set my sidebar bullets to not display. It’s tidier that way.
  • Under main, or entries, look for these tags: <ul><li>
  • Here’s the code from my site, yours will be slightly different:

#main .entryBox .entry ul,{
list-style:none;}

#main .entryBox .entry li {

list-style-image:url(images/favicon.ico);

padding: 2px;

}

  • Back up the old code in case of emergency.
  • Paste the bold code over your existing li code.
  • I suggested to Ree that she use her boot image.
  • Just upload your favicon.ico to your images folder and Bob’s your Uncle!
  • With this code in place in your stylesheet, it will display your favicon as a bullet image.
  • I’m not sure you can change the blogger favicon, but you can change the bullet styling on blogspot blogs. For blogspot bloggers, rename the image to whatever you like, with the filename .ico
  • Now show witchypoo your goodies.
Posted in bloggy things, the geek
May 13th, 2008 | 19 Comments »

Conversation this afternoon:

Ass Burger Boy: Are you going out somewhere?

witchypoo: No. Why?

ABB: You hosed yourself off.

witchypoo: I smelled like ass.

ABB: Oh.

Eloquence. I owns it.

In other news, I’ve been tweaking my theme again. The very pregnant Revka of RS Designs made me a signature for my posts. I have subscribed to their newsletter, and get the scoop when they offer free stuff. Free is my favourite price. If you subscribe, she might just make one for you, too!

She even offered to help me install it. I have issues where images in my posts all have borders, (unless they’re a:links) and the code would have given me a border to the signature, so I just put the signature as a background image in the CSS for the div that I always use at the foot of each post anyway. Works a treat.

You may now uncross your eyes.

Tags: ,