Come posso fare questo effetto?
Sarebbe il menu a destra.
link:http://www.twothirty.com/
Grazie.
Come posso fare questo effetto?
Sarebbe il menu a destra.
link:http://www.twothirty.com/
Grazie.
<html>
<head>
<title>Piccolo menù</title>
<style type="text/css">
body {font-family:sans-serif;
text-align:center;
background:silver;
}
.contenitore {width:80%;
margin:auto;
background:white;
border:1px solid black
}
.menu {width:30%;
float:right;
text-align:right;
}
.menu a {text-decoration:none;
border-top:1px solid gray;
padding:.6em;
text-align:right;
margin-right:.2em;
display:block;
}
.menu a:hover {background:silver url(Freccetta.gif) left no-repeat/*il colore te lo aggiusti*/
}
.clear {clear:both}
</style>
</head>
<body>
<div class="contenitore">Piccolo menù
<div class="menu">
<a href="#">
Primo link
</a>
<a href="#">
Secondo link
</a>
<a href="#">
Un altro
</a>
<a href="#">
Abbasta
</a>
<a style="border-bottom:1px solid gray" href="#">
L'ultimo
</a>
</div>
<br class="clear">
Qui puoi aggiungere altro
</div>
</body>
</html>
ti allego pure la freccettina
4 pag. x il forum:l'ospite ora ha solo link sponsorizzati, valli a capire-GommaLayout! Agg. 25 agosto 2004)-Molla&Collano privati tecnici, per favore
Grazie!
Però su quel sito non bisogna mettere il mouse proprio su link, ossia basta mettere dentro della cella. Come si fa?
Nella buona tradizione degli incontentabili del forum
<html>
<head>
<title>Piccolo menù</title>
<style type="text/css">
body {font-family:sans-serif;
text-align:center;
background:silver;
font-size:80%;
}
.contenitore {width:80%;
margin:auto;
background:white;
border:1px solid black
}
.menu {width:30%;
float:right;
text-align:right;
margin-right:.2em;
border-bottom:1px solid gray
}
.menu a {text-decoration:none;
border-top:1px solid gray;
padding:.4em;
text-align:right;
display:block;
width:auto!important;
width:100%;
color:gray;
letter-spacing:.1em
}
.menu a:hover {background:silver url(Freccetta.gif) left no-repeat/*il colore te lo aggiusti*/
}
.clear {clear:both}
</style>
</head>
<body>
<div class="contenitore">Piccolo menù
<div class="menu">
<a href="#">
Primo link
</a>
<a href="#">
Secondo link
</a>
<a href="#">
Un altro
</a>
<a href="#">
Abbasta
</a>
<a href="#">
L'ultimo
</a>
</div>
<br class="clear">
Qui puoi aggiungere altro
</div>
</body>
</html>
4 pag. x il forum:l'ospite ora ha solo link sponsorizzati, valli a capire-GommaLayout! Agg. 25 agosto 2004)-Molla&Collano privati tecnici, per favore
Grazie mille.
Scusami Jerry Masslo ma per avvicinare la freccetina al testo, ossia, al link cme faccio?
Grazie.
Ancora?Originariamente inviato da pariri
Scusami Jerry Masslo ma per avvicinare la freccetina al testo, ossia, al link cme faccio?
Grazie.
La freccettina era di esempio e fatta al volo, non mi dire che stai usando quella.
.menu a:hover {background:silver url(Freccetta.gif) 20% no-repeat/*il colore te lo aggiusti*/
}
al posto di 20% puoi mettere quello che ti pare, che sia lecito.
4 pag. x il forum:l'ospite ora ha solo link sponsorizzati, valli a capire-GommaLayout! Agg. 25 agosto 2004)-Molla&Collano privati tecnici, per favore
Grazie.
Permessi di invio
Rispondi quotando