Catzie.net Blog
Programming, Networking, and other Downloads by Catzie
 

Free Graphics: Plain rectangular Add to Cart web buttons


Here are free graphics for people to download. They are not so appealing, I know. I just thought I’d share them here in my blog.

So, here you go, plain rectangular web buttons that say “Add to Cart” in caps. They come in different colors – royal blue, apple green, black, sky blue, gray, mint (blue green), brownish orange, pink, purple, red, white, and yellow/gold. My current theme is adding a gray border on the display below. The gray borders shouldn’t be there when you download them.

Feel free to use them anywhere you like. Right click and save them. Clicking on them gives a strange display.

Giving me the credit would be nice, but NOT required. :) Just please do not direct link on my files. Thanks. lol.

Easily embed web fonts to your web page using Google Font API


I’ve been working on some website design recently. I used fancy fonts in the design sample I made in Adobe Illustrator, forgetting that I have to embed the fonts first to make them display on the visitors’ browsers even if they don’t have those fonts in their computer. I ended up using images on my header menu, making the web page take longer to load, and used fonts on site headings that are less matching to the website theme, making the design less attractive. I didn’t choose to embed the fonts I wanted to use because the procedures seem to take too much time from me.

The designs I’m making are almost done when I found out about the Google Font API and the Google Font Directory.

Continue reading »

Fix PNG images with transparency in older Windows Internet Explorer versions


I wonder if this post would still get hits from search engine result pages. So many other web pages feature this fix for IE 5.5 and IE 6 web browser, that the Catzie.net Blog’s entry might just show up on the… 10th page or so. lol.

Anyways, I’m still posting this, in case there are some visitors browsing around who need help with properly displaying the transparency of .PNG images in IE5.5 and IE6. This also helps me easily find the needed code to fix the display. I need it from time to time when I design website layouts. :)

Tip: Most of us are probably using the newer versions of Internet Explorer. I suggest that you download and use the IE Tester. It’s a web browser that lets you see how web pages render in different versions of IE – 5.5, 6, 7, and 8.

I assume that as you read this, you are using Internet Explorer version 5.5, or the version 5.5 tab on the IE Tester.

Continue reading »

Inline Frame that automatically adjusts its height for the source page


Last year, I was working on our MULPROJ layout, and the type of layout I was making needed an iframe whose height is auto resized according to the source page’s content. This means that there should be no vertical scrollbar in the iframe, it simply adjusts itself vertically.

I thought that it wasn’t possible to do this but I found a JavaScript code that can do the trick, and I just want to share it with you. ;)

Continue reading »

IE Tester – see how your web pages look in different versions of IE (Windows Internet Explorer)


(Post taken from my old blog, Poochycat.com)

Ahh, it seems that I posted this in our MULPROJ days. ^_^

Yesterday I woke up at 6AM. I wanted to go on with my sleep, but I couldn’t. I suddenly remembered that I haven’t tested in different versions of Internet Explorer the layout design of the website I had to submit for MULPROJ that day. It’s like God woke me up to remind me that I had to test the layout. xD

Continue reading »