Your Open Source

lazywriter

since from Thu 30 Jul 2009

Points	:	175
Posts	:	24
Comments	:	0

Recent Posts :-

Try This CSS Gradient Text Effect

Try this code and watch what will happen to your text: CSS Gradient Text h1 { font: bold 330%/100% "Lucida Grande"; position: relative; color: #464646; } h1 span { background: url(gradient.png) repeat-x; position: absolute; display: block; width: 100%; height: 31px; }

Create Rounded Corners With Images

Here's another rounded corners creator, this time using images: CONTENT .roundcont { width: 250px; background-color: #f90; color: #fff; } .roundcont p { margin: 0 10px; } .roundtop { background: url(tr.gif) no-repeat top right; } .roundbottom { background: url(br.gif) no-repeat top right; } img.corner { width: 15px; height:..

Create Rounded Corners

Pointed corners are things of the past although some still use it for formality. With CSS in hand, you are free to do whatever you want with your web page. Here's the code that will round your pointed corners: .rtop, .rbottom{display:block} .rtop *, .rbottom *{display: block; height: 1px; overflow: hidden} .r1{margin: 0 5px}..

Simple RSS Feed Button, No Image Required

Make a simple orange XML or RSS buttons without using an image with CSS. Here's the really simple codes: CSS: .feed { border:1px solid;border-color:#FC9 #630 #330 #F96;padding:0 3px;font:bold 10px verdana,sans-serif;color:#FFF;background:#F60;text-decoration:none;margin:4px; } HTML: FEED

Add Badge To Your Site Using CSS

Design your website by creating and adding badge or inline buttons. Examples The (X)HTML code: Some Link The CSS code: .inline-button { _width:12em; font: bold 65%/1 Verdana, sans-serif; margin: 0 0.2em; padding: 0.1em 0; _padding:0; border: 1px solid black; white-space:nowrap; text-decoration: none; vertical-align:mid..