Archives for February, 2007

CSS shadow


Here is a fast method to make an shadow around your text boxes.
Using only CSS and not any background image, makes it easy and dynamic.

Here is how the CSS code looks like:
 
 
.out{
display:block;
background:#CCC;
position:relative;
width:9em;
}
.in {
background:#fff;
border:1px solid #999;
position:relative;
text-align:center;
padding:5px;
[...]

CSS pop-ups


Here is an good example how to hide layers and show them on mouse over effect.

Here is how the CSS part looks like:
 
div#testlinks {
position: absolute;
top: 20px; left: 12px; width: 166px;
font: 12px Verdana, sans-serif;
}
div#testlinks a {
display: block; font: bold 1em sans-serif;
padding: 5px 10px; margin: 0 0 [...]

Swape Gallery Light


SGL is a php5 script to display pictures. This Album script finds all the pictures in a directory under ./pictures/ and list up recursively and write it to xml file. This script makes menus based on directories.
All you have to do is putt your pictures in ./pictures/ directory.
You can organize your pictures by category, by [...]

Semi-transparent png fix in IE6 with CSS


This example shows how you can show semi-transparent png images in IE and don’t mess up the code in other browsers. It uses only CSS and no JavaScript.I use the attribute style to make a style for other browsers then IE. And I’m using the filter style that works only for IE in the normal [...]