Függöleges menü 19.
Kód
<div align="center">
<div class="shadowblockmenu-v">
<ul>
<li>
<a href="//aranymeli.gportal.hu">Főoldal</a></li>
<li>
<a href="//aranymeli.gportal.hu/gindex.php?pg=19322271">Grafika</a></li>
<li>
<a href="//aranymeli.gportal.hu/gindex.php?pg=20199690">Segítség</a></li>
<li>
<a href="//aranymeli.gportal.hu/gindex.php?pg=18012139">Kódok</a></li>
<li>
<a href="//aranymeli.gportal.hu/gindex.php?pg=35853283">Flash</a></li>
<li>
<a href="//aranymeli.gportal.hu/gindex.php?pg=31853545">Hátterek</a></li>
</ul>
</div>
</div>
<p>
<style type="text/css">
.shadowblockmenu-v{
font-family: Tahoma;
width: 250px;
}
.shadowblockmenu-v ul{
border: 1px solid #eeeeee;
padding: 0;
margin: 0;
list-style: none;
}
.shadowblockmenu-v ul li{
margin:0;
padding:0;
}
.shadowblockmenu-v ul li a{
display:block;
text-transform: uppercase;
color: #494949;
padding: 10px 15px;
text-decoration: none;
-moz-box-shadow: inset 1px 0 2px rgba(114,114,114, 0.6);
-webkit-box-shadow: inset 1px 0 2px rgba(114,114,114, 0.6);
box-shadow: inset 1px 0 2px rgba(114,114,114, 0.6);
text-shadow: 1px 1px 1px #E4E4E4;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.shadowblockmenu-v ul li a:hover, .shadowblockmenu-v ul li a.selected{
color: black;
-moz-box-shadow: inset 7px 0 10px rgba(216,89,39, 0.5), inset 0 0 15px rgba(216,89,39, 0.6), inset 0 0 20px rgba(216,89,39, 0.8);
-webkit-box-shadow: inset 7px 0 10px rgba(216,89,39, 0.5), inset 0 0 15px rgba(216,89,39, 0.6), inset 0 0 20px rgba(216,89,39, 0.8);
box-shadow: inset 7px 0 10px rgba(216,89,39, 0.5), inset 0 0 15px rgba(216,89,39, 0.6), inset 0 0 20px rgba(216,89,39, 0.8);
} </style>
</p>
|