Buttons that look like flash (but are text)

Discussion in 'Digital Marketing' started by topsites, May 20, 2006.

  1. topsites

    topsites LawnSite Fanatic
    Posts: 21,654

    I built these on my site with help from free Internet sources (meaning they're not really mine, I just made them fit my site) and find they're pretty cool because they use no graphics or flash but are pure dynamic html.

    Anyway, you need this in a css section or file:

    #links{
    border: 1px solid lime;
    width: 90px;
    text-align:center;
    }

    #links a{
    padding: 2px;
    display: block;
    width: 94%;
    color: lime;
    text-decoration: none;
    }

    #links a:hover{
    background-color: #00AE00;
    }


    Then, for the links (inside the body, part of the code):

    <div id="links"><a href="link1.html" style="text-decoration: none"><font color="lime">Link 1</font></a></div>
    <div id="links"><a href="link2.html" style="text-decoration: none"><font color="lime">Link 1</font></a></div>
    <div id="links"><a href="link3.html" style="text-decoration: none"><font color="lime">Link 1</font></a></div>

    To modify the colors, change color="lime" to whatever (also in the css part anything says lime is a color, I use words for colors a lot) and also the background color is modifiable.

    Example is on my site, via profile.

    p.s.: For all (or most all) name colors, here's a chart:
    http://atopqualitysite.com/colorchartbyname.htm
     

Share This Page