May 23rd, 2008 at 9:29pm by admin
The date stamp you see here on the page can be made with following code:
.post-date {
background: url(images/date_icon_blue.jpg) no-repeat;
float: left;
height: 40px;
line-height: 18px;
margin: 0px 5px 0px 0px;
text-align: center;
width: 37px;
}
.post-day {
color: #434B4D;
font-size: 20px;
margin: 0px 0px 1px 0px;
padding: 0px;
text-align: center;
width: 37px;
}
.post-month {
color: #FFFFFF;
font-size: 10px;
margin: 0px 0px 1px 0px;
padding: 0px;
text-align: center;
width: 37px;
}
Background image used in the code:
Read the rest of CSS for a Calendar-Like Date Stamp
May 23rd, 2008 at 5:35pm by Lin
It pays for a programmer to learn some photoshop/flash skills … not only you will be more detail-oriented when coding the css layout (hence less chance to drive a designer crazy or be driven crazy by those anal designer comments), but also you can make some quick changes (like cropping off 2 pixels of extra […]
Read the rest of Flash Fade In and Fade Out Effect
May 20th, 2008 at 9:01pm by admin
Today I worked on a simple page. I need to show a few table rows when a button is clicked. Normally I would use Prototype.js but it seemed to be an overkill for the simple I was building.
So I decided to just use javascript without any libraries. Here is what I wrote (referenced a good […]
Read the rest of Show/Hide a bunch of elements, without using Prototype.js