Forum dei Forum: Aiuto per Forumattivo
Benvenuti sul forum di supporto di Forumattivo.




Per trarre il massimo vantaggio da tutti i servizi offerti dal nostro forum, effettua il login se sei già un nostro utente oppure registrati per far parte della nostra grande comunità. Il tutto, gratuitamente!

Crea anche tu un forum gratuitamente come questo! Clicca qui

[Risolto] menu a tendina


Risolto [Risolto] menu a tendina

Messaggio Da Pyton il Sab 04 Giu 2011, 03: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

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 04 Giu 2011, 16:55

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

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 04 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>

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 04 Giu 2011, 19:45

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

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 04 Giu 2011, 22:24

visualizzazione > prima pagina > generalita'>Contenuto del messaggio :

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 04 Giu 2011, 23:06

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

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 04 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

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 05 Giu 2011, 01:51

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

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 05 Giu 2011, 02:04

prego ...se e' tutto ok , metti risolto.ciao

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