Ovládací panel
Ukážka
Google Seznam Atlas Somr Inspired
CSS .Lista {
width:50%;
background:Lightgreen;
border-left:3px solid White;
border-top:3px solid White;
border-right:3px solid Green;
border-bottom:3px solid Green;
font-size:12px;
vertical-align:middle;}
.Vystupok{
width:3px;
border-left:1px solid White;
border-top:1px solid White;
border-right:1px solid Green;
border-bottom:1px solid Green;
margin:2px;
margin-right:5px;}		 A.button {
background:Lightgreen;
color:black;
text-decoration:none;
padding:2px;
padding-left:5px;
padding-right:5px;
border:1px solid Lightgreen;
margin:0px;
height:100%; }
A:hover.button {
border-left:1px solid White;
border-top:1px solid White;
border-right:1px solid Green;
border-bottom:1px solid Green;color:green; }
A:active.button{
border-left:1px solid Green;
border-top:1px solid Green;
border-right:1px solid White;
border-bottom:1px solid White;color:red;}
Objekty <div class="Lista">
<span class="Vystupok"></span>
<A href="http://www.google.com" target="_blank" class="button">Google</a>
<A href="http://www.seznam.cz" target="_blank" class="button">Seznam</a>
<A href="http://www.atlas.sk" target="_blank" class="button">Atlas</a>
<span class="Vystupok"></span>
<A href="http://www.somr.szm.sk" target="_blank" class="button">Somr</a>
<A href="http://www.inspired.sk/vb/index.php" target="_blank" class="button">Inspired</a>
<span class="Vystupok"></span> </div>