1. Missed the live Ask the Expert event?
    Catch up on the conversation with Ken Hutcheson, President of U.S. Lawns in the Franchising forum plus sign up to receive a FREE eBook on how to grow your landscape business.

    Dismiss Notice

Buttons that look like flash (but are text)

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

  1. topsites

    topsites LawnSite Fanatic
    Messages: 21,653

    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