[Risolto] menu a tendina


Risolto [Risolto] menu a tendina

Messaggio Da Pyton il Sab 4 Giu 2011 - 3:02

vorrei creare un menu a tendina per i social network come questo in foto:


come faccio?! grazie Very Happy


Ultima modifica di Pyton il Lun 13 Giu 2011 - 17:22, modificato 1 volta
avatar
Pyton
***

Sesso : Maschile
Età : 28
Messaggi : 174
Località : roma


Vedere il profilo dell'utente http://consoleville.forumattivo.it/
Pyton è stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto] menu a tendina

Messaggio Da Pyton il Sab 4 Giu 2011 - 16:55

nessuno sa rispondermi?!..vi prego è una cosa importante Very Happy
avatar
Pyton
***

Sesso : Maschile
Età : 28
Messaggi : 174
Località : roma


Vedere il profilo dell'utente http://consoleville.forumattivo.it/
Pyton è stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto] menu a tendina

Messaggio Da the crow il Sab 4 Giu 2011 - 17:59

ho trovato questo....quarda se ti puo' essere utile questo

Codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />

   <style type="text/css">
      html{
      background-color: #545454;
      margin:50px 0 0 0;
      padding:0;
      }
      #menu{
      width:100%;
      background-color:#373737;
      }
      /*stile generale delle liste*/
      #menu ul{
      margin:0;
      padding:0;
      position: relative;
      height: 30px;
      width:100%;
      }
      /*stile generale delle sub liste*/
      #menu ul ul{
      position: absolute;
      top:30px;
      left: 0;
      visibility: hidden;
      }
      /*stile generale dei list item*/
      #menu li{
      list-style: none;
      float: left;
      padding:0 5px;
      background-color:#373737;
      }
      #menu ul, #menu li{
      background-color:#373737;
      }
      #menu ul ul, #menu li li{
      background-color:#767676;
      }
      #menu ul ul ul, #menu li li li{
      background-color:#DDDDDD;
      }
      #menu a{
      display:block;
      float:left;
      padding:0 30px;
      text-decoration:none;
      text-align: center;
      line-height: 30px;   
      font-family: Verdana;
      font-size: 9px;
      font-weight: bold;
      }
      #menu ul :hover > a, #menu ul a:hover{
      height:20px;
      border-top:5px solid #373737;
      border-bottom:5px solid #373737;
      line-height:20px;
      }
      #menu ul :hover > a.sub{
      height:25px;
      border-bottom:none;
      line-height:20px;
      }
      /*stile link primo livello*/
      #menu ul a{
      color:#FFFFFF;
      }      
      #menu ul :hover > a{
      background-color:#767676;
      border-color:#373737;
      color:#FFCC00;
      }    
      /*stile link secondo livello*/
      #menu ul ul a{
      color:#FFCC00;
      }   
      #menu ul ul :hover > a{
      background-color:#DDDDDD;
      border-color: #767676;
      color:#336699;
      }   
      /*stile link terzo livello*/
      #menu ul ul ul a{
      color:#336699;   
      }
      #menu ul ul ul :hover > a{
      background-color:#FFF;
      border-color:#DDDDDD;
      }   
      #menu ul li:hover ul, #menu ul a:hover ul{
      visibility:visible;
      }
      #menu ul li:hover ul ul, #menu ul a:hover ul ul{
      visibility:hidden;
      }
      /*terzo livello visibile su hover del secondo livello*/
      #menu ul ul li:hover ul, #menu ul ul a:hover ul{
      visibility:visible;
      }
      #menu table {
      position:absolute;
      border-collapse:collapse;
      top:0;
      left:0;
      width:100%;
      }
      #menu a:hover{
      height:20px;
      border-top:5px solid #373737;
      border-bottom:5px solid #373737;
      line-height:20px;
      }
      #menu ul a.sub:hover{
      height:25px;
      border-bottom:none;
      line-height:20px;
      }
      #menu ul a:hover{
      background-color:#767676;
      border-color:#373737;
      color:#FFCC00;
      }
      #menu ul ul a:hover{
      background-color:#DDDDDD;
      border-color: #767676;
      color:#336699;
      }
      #menu ul ul ul a:hover{
      background-color:#FFF;
      border-color:#DDDDDD;
      }   
   </style>
</head>
<body>
<div id="menu">
   <ul>
      <li>
         <a href="#URL">TITOLO1</a>
      </li>
      <li>
         <a href="#URL" class="sub">TITOLO 2 >><!--[if IE 7]><!--></a><!--<![endif]-->
         <!--[if lte IE 6]><table><tr><td><![endif]-->
         <ul>
            <li><a href="#URL">testo segnaposto</a></li>
            <li><a href="#URL" class="sub">testo 1 ><!--[if IE 7]><!--></a><!--<![endif]-->
               <!--[if lte IE 6]><table><tr><td><![endif]-->
               <ul>
                  <li><a href="#URL">testo 1</a></li>
                  <li><a href="#URL">testo 2</a></li>
                  <li><a href="#URL">testo segnaposto</a></li>
                  <li><a href="#nogo">tipografia</a></li>
               </ul>
               <!--[if lte IE 6]></td></tr></table></a><![endif]-->
            </li>
            <li><a href="#URL">testo 2</a></li>
            <li><a href="#URL">testo segnaposto</a></li>
         </ul>
         <!--[if lte IE 6]></td></tr></table></a><![endif]-->
      </li>
      <li>
         <a href="#nogo" class="sub">TITOLO 3 >><!--[if IE 7]><!--></a><!--<![endif]-->
         <!--[if lte IE 6]><table><tr><td><![endif]-->
         <ul>
            <li><a href="#URL">testo</a></li>
            <li><a href="#URL" class="sub">TITOLO >><!--[if IE 7]><!--></a><!--<![endif]-->
               <!--[if lte IE 6]><table><tr><td><![endif]-->
               <ul>
                  <li><a href="#URL">testo 1 </a></li>
                  <li><a href="#URL">testo 2</a></li>
                  <li><a href="#URL">testo segnaposto</a></li>
                  <li><a href="#URL">TESTO</a></li>
               </ul>
               <!--[if lte IE 6]></td></tr></table></a><![endif]-->
            </li>
         </ul>
         <!--[if lte IE 6]></td></tr></table></a><![endif]-->
      </li>
      <li>
         <a href="#nogo" class="sub">TITOLO 4 >><!--[if IE 7]><!--></a><!--<![endif]-->
         <!--[if lte IE 6]><table><tr><td><![endif]-->
         <ul>
            <li><a href="#URL">testo 1</a></li>
            <li><a href="#URL">testo 2 </a></li>
            <li><a href="#URL">testo segnaposto</a></li>
            <li><a href="#URL">testo</a></li>
            <li><a href="#URL">testo</a></li>
            <li><a href="#URL">testo 1 </a></li>
         </ul>
         <!--[if lte IE 6]></td></tr></table></a><![endif]-->
      </li>
   </ul>
</div>
<div>
<p style="color:white;">
QUI SCRIVI QUELLO CHE VUOI</p>
</div>
</body>
</html>
avatar
the crow
Veterano dello staff

Sesso : Maschile
Età : 25
Messaggi : 8797
Località : Roma


Vedere il profilo dell'utente http://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto] menu a tendina

Messaggio Da Pyton il Sab 4 Giu 2011 - 19:45

ciao e grazie della risposta..però non saprei dove inserire il codice :)
avatar
Pyton
***

Sesso : Maschile
Età : 28
Messaggi : 174
Località : roma


Vedere il profilo dell'utente http://consoleville.forumattivo.it/
Pyton è stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto] menu a tendina

Messaggio Da the crow il Sab 4 Giu 2011 - 22:24

visualizzazione > prima pagina > generalita'>Contenuto del messaggio :
avatar
the crow
Veterano dello staff

Sesso : Maschile
Età : 25
Messaggi : 8797
Località : Roma


Vedere il profilo dell'utente http://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto] menu a tendina

Messaggio Da Pyton il Sab 4 Giu 2011 - 23:06

grazie mille..anche se non ho capito molto come funziona Very Happy
avatar
Pyton
***

Sesso : Maschile
Età : 28
Messaggi : 174
Località : roma


Vedere il profilo dell'utente http://consoleville.forumattivo.it/
Pyton è stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto] menu a tendina

Messaggio Da the crow il Sab 4 Giu 2011 - 23:54

ci devi perdere un po di tempo:.....incollalo su una pagina html e fai l'anteprima , ti sara' tutto piu chiaro
avatar
the crow
Veterano dello staff

Sesso : Maschile
Età : 25
Messaggi : 8797
Località : Roma


Vedere il profilo dell'utente http://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto] menu a tendina

Messaggio Da Pyton il Dom 5 Giu 2011 - 1:51

grazie sei stato veramente d'aiuto..devo prenderci un po la mano... grazie mille
avatar
Pyton
***

Sesso : Maschile
Età : 28
Messaggi : 174
Località : roma


Vedere il profilo dell'utente http://consoleville.forumattivo.it/
Pyton è stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto] menu a tendina

Messaggio Da the crow il Dom 5 Giu 2011 - 2:04

prego ...se e' tutto ok , metti risolto.ciao
avatar
the crow
Veterano dello staff

Sesso : Maschile
Età : 25
Messaggi : 8797
Località : Roma


Vedere il profilo dell'utente http://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto

- Argomenti simili

 
Permesso di questo forum:
Non puoi rispondere agli argomenti in questo forum