Δημοσιεύτηκε: 21 Φεβ 2011, 02:08
Να σας δώσω ακόμα μια πρόταση. Να φτιαχτεί ένα μενού τύπου Ubuntu μενου με τα link μας. Να μπει επάνω αριστερά δίπλα στο μικρό λογότυπο του ubuntu
πχ
Αποθηκεύστε το ως test.html και δείτε το στον firefox
πχ
- Κώδικας: Επιλογή όλων
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
body{font-family:arial;}
table{font-size:100%;background:black}
a{color:white;text-decoration:none;font:bold}
a:hover{background:orange}
td.menu{background:black}
table.menu
{
font-size:100%;
position:absolute;
visibility:hidden;
}
</style>
<script type="text/javascript">
function showmenu(elmnt)
{
document.getElementById(elmnt).style.visibility="visible";
}
function hidemenu(elmnt)
{
document.getElementById(elmnt).style.visibility="hidden";
}
</script>
</head>
<body>
<table width="100">
<tr bgcolor="black">
<td onmouseover="showmenu('products')" onmouseout="hidemenu('products')">
<a href="products.html">Εφαρμογές</a><br />
<table class="menu" id="products" width="30">
<tr><td class="menu"><a href="What.html">Οδηγοί</a></td></tr>
<tr><td class="menu"><a href="down.html">Download</a></td></tr>
<tr><td class="menu"><a href="get.html">get ubuntu</a></td></tr>
<tr><td class="menu"><a href="sc.html">aaaa</a></td></tr>
<tr><td class="menu"><a href="m.html">aaaa</a></td></tr>
</table>
</td>
<td onmouseover="showmenu('blala')" onmouseout="hidemenu('blala')">
<a href="vlalal">Τοποθεσίες</a><br />
<table class="menu" id="blala" width="30">
<tr><td class="menu"><a href="s.html">Αρχική</a></td></tr>
<tr><td class="menu"><a href="bbb">Ubuntistas</a></td></tr>
<tr><td class="menu"><a href="bbb">Wiki</a></td></tr>
<tr><td class="menu"><a href="bbb">bbb</a></td></tr>
<tr><td class="menu"><a href="bbb">bbb</a></td></tr>
</table>
</td>
<td onmouseover="showmenu('bbb')" onmouseout="hidemenu('bbb')">
<a href="bbb">Σύστημα</a><br />
<table class="menu" id="bbb" width="30">
<tr><td class="menu"><a href="bbb">Πίνακας ελέγχου</a></td></tr>
<tr><td class="menu"><a href="bbb">Προφίλ</a></td></tr>
<tr><td class="menu"><a href="bbb">Ρυθμίσεις κοινότητας</a></td></tr>
<tr><td class="menu"><a href="bbb">bbb</a></td></tr>
<tr><td class="menu"><a href="bbb">bbb</a></td></tr>
</table>
</td>
</tr>
</table>
Αποθηκεύστε το ως test.html και δείτε το στον firefox