The Scarlet Pimp
Supreme Member
- Apr 2, 2008
- 1,418
- 4,459
1. give your web pages a 3D look by adding shading to tables, horizontal bars, input windows, and buttons.
usage: <input type="text" class="box">
usage: <input type="checkbox" class="box">
usage: <input type="radio" class="box">
usage: <input type="submit" class="box">
usage: <input type="reset" class="box">
usage: <table class="box">
---
2. make it easier for visitors to fill out forms by adding j.script to your text windows. now people can enter text by hovering over a window and typing instead of using the TAB button or clicking on the window to make it active.
Code:
.box {
box-shadow:5px 5px 5px rgba(0,0,0,.25), 0 0 20px transparent inset, 0 0 1px rgba(255,255,255,0.5) inset;
}
hr {
box-shadow:5px 5px 5px rgba(0,0,0,.25), 0 0 20px transparent inset, 0 0 1px rgba(255,255,255,0.5) inset;
}usage: <input type="text" class="box">
usage: <input type="checkbox" class="box">
usage: <input type="radio" class="box">
usage: <input type="submit" class="box">
usage: <input type="reset" class="box">
usage: <table class="box">
---
2. make it easier for visitors to fill out forms by adding j.script to your text windows. now people can enter text by hovering over a window and typing instead of using the TAB button or clicking on the window to make it active.
Code:
<input type="text" size="20" name="name" class="box" onMouseover="focus();">