Friday, July 12, 2010
   
Text Size

Simple Link-Exchange Box

Link-exchanging is the easiest way to bring appropriate traffic to your site. Text-based links offer the least impact, yet can be designed in a prominent and stylish appearance to bring attention to the area.
The following example uses a mouse-over effect to extend the visual appearance. No images are used, meaning it can be easily manipulated to your site colors.






 
<div id="LinkExchangeBox">
    <div class="LinkExchange"><a href="#">google.com</a></div>
    <div class="LinkExchange"><a href="#">google.com</a></div>
    <div class="LinkExchange"><a href="#">google.com</a></div>
    <div class="LinkExchange"><a href="#">google.com</a></div>
 
    <div class="LinkExchange"><a href="#">google.com</a></div>
    <div class="LinkExchange"><a href="#">google.com</a></div>
    <div class="LinkExchange"><a href="#">google.com</a></div>
    <div class="LinkExchange"><a href="#">google.com</a></div>
</div>
 
 
#LinkExchangeBox { width:600px;  margin: auto; }
.LinkExchange {
    padding: 4px 0px;
    text-decoration: none;
    width: 148px;
    border: 1px #000 solid;
    float: left;
    text-align: center;
    color: 000;
    background: #39F;
    }
.LinkExchange a:link { text-decoration: none; }
.LinkExchange a:visited { text-decoration: none; }
.LinkExchange a:active { text-decoration: none; }
.LinkExchange:hover {
    background: #906;
    color: #fff;
    }
 



escorts in israel | escort in tel aviv | Oligarch escorts | Oligarch Tel Aviv escorts | הזמנת נערות ליווי