Framing your images using CSS
So you have this awesome autographed picture of Carrot Top that you got after months of waiting from his fan website, and you’d like to put it up on your website to prove your fanhood. The problem is you don’t have Photoshop or Fireworks handy to put a nice frame around it, and you’d like to have something to do the job. Well don’t sweat it my friends, I’ll show you a simple yet effective CSS trick that you can use to mimic a frame on a picture and all you’ll need is Notepad to do it.
Read the rest of this entry »
How to make Buttons with Hover Load Faster
With CSS we can target the ‘:hover’ child class for links and update their background properties.
Example
.nav a:link, .nav a:visited {
width: 160px ; height: 30px ; display: block; overflow:hidden;
background: url(’images/nav1.gif’) 0px 0px no-repeat;
}
.nav a:hover, .nav a:active{
background-position: 0px -30px;
}
Custom Textfield Background
The benefits to designing your own custom html text fields for use within your site can give you a completely personal look and feel that is totally your own. There are however, also some key disadvantages to this process. You can create any type of design, then use CSS to replace the actual text field background and have your own designed textfield. It’s easier then most would think. It’s the simple things that make or break your site.
Read the rest of this entry »
Image Rollovers With CSS
In this tutorial you will learn how to make an CSS rollover effect.
Most of you saw how this effect looks like. When you pass over a, in this case graphic button,
it changes shape,color,text…
Read the rest of this entry »
Highlighted Menu in CSS
Here is a quick and easy way to make menus with highlighted sub-links. Minimal code for maximum effect.
Read the rest of this entry »
