1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Simple Tricks To Improve Your Web Pages

Discussion in 'Web Design' started by The Scarlet Pimp, Jun 11, 2015.

  1. The Scarlet Pimp

    The Scarlet Pimp Senior Member

    Joined:
    Apr 2, 2008
    Messages:
    884
    Likes Received:
    3,324
    Occupation:
    Chair moistener.
    Location:
    Cyberspace
    1. give your web pages a 3D look by adding shading to tables, horizontal bars, input windows, and buttons.

    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();">