Retour à Forum de programmation

Menu déroulant tel que GoDaddy

  • SoulDesigns
  • Novice
  • Novice
  • Avatar de l’utilisateur
  • Inscription: Sep 09, 2004
  • Messages: 28
  • Loc: Karachi, Pakistan
  • Status: Offline

Message Octobre 7th, 2010, 8:30 am

Salut. Tout le monde,

J'ai cherché sur internet et je ne suis pas en mesure de trouver le menu Godaddy (dot) com utilise? Tout le monde a une idée où je peux trouver ce menu? Aussi, si certains menu ressemble beaucoup à d'autres s'il vous plaît laissez-moi savoir la ressource. J'ai besoin de l'utiliser dans un projet.

grâce :)
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Octobre 7th, 2010, 8:30 am

  • mindfullsilence
  • Professor
  • Professor
  • Avatar de l’utilisateur
  • Inscription: Aoû 04, 2008
  • Messages: 846
  • Status: Offline

Message Octobre 7th, 2010, 12:49 pm

Honnêtement, je ne pense pas que vous avez besoin d'un menu modèle pour créer ce. Vous pouvez créer vous-même. Le code est assez simple.


En gros, vous faire une liste non ordonnée. A l'intérieur les éléments de liste, vous intégrez une autre liste non ordonnée. A l'intérieur les éléments des listes intégrées, vous intégrez une table avec des liens dans chaque cellule:
HTML Code: [ Select ]
<ul> <!-- make a list -->
<li calss="drop"><a href="#">Top Level Link
<ul> <!-- embed a list -->
<li>
 
<table cellspacing="0" cellpadding="0"> <!-- embed a table -->
<tr>
<td><a href="#">Link 1</a></td>
<td><a href="#">Link 2</a></td>
</tr>
</table> <!-- close the table -->
 
</li>
</ul> <!-- close the embedded list -->
</a>
</li>
</ul> <!-- close the main list -->
 
  1. <ul> <!-- make a list -->
  2. <li calss="drop"><a href="#">Top Level Link
  3. <ul> <!-- embed a list -->
  4. <li>
  5.  
  6. <table cellspacing="0" cellpadding="0"> <!-- embed a table -->
  7. <tr>
  8. <td><a href="#">Link 1</a></td>
  9. <td><a href="#">Link 2</a></td>
  10. </tr>
  11. </table> <!-- close the table -->
  12.  
  13. </li>
  14. </ul> <!-- close the embedded list -->
  15. </a>
  16. </li>
  17. </ul> <!-- close the main list -->
  18.  


Ensuite, vous utilisez des css de fantaisie pour l'effet de survol:
CSS Code: [ Select ]
ul li {
list-style: none;
margin: 0 5px; /* spacing things out */
padding: 0;
display: inline; /* ie6 fix */
float: left; /* put the list in a line */
}
 
ul li.drop ul {
display: none; /* hide the embedded list */
}
 
ul li.drop:hover ul {
display: block; /* show the embedded list on hover */
position: absolute; /* put it in the right spot */
}
 
  1. ul li {
  2. list-style: none;
  3. margin: 0 5px; /* spacing things out */
  4. padding: 0;
  5. display: inline; /* ie6 fix */
  6. float: left; /* put the list in a line */
  7. }
  8.  
  9. ul li.drop ul {
  10. display: none; /* hide the embedded list */
  11. }
  12.  
  13. ul li.drop:hover ul {
  14. display: block; /* show the embedded list on hover */
  15. position: absolute; /* put it in the right spot */
  16. }
  17.  


Thats à son sujet. Je n'ai pas testé cette manière elle pourrait avoir besoin un peu de peaufinage, mais c'est un menu de navigation de base.
Use your words like arrows to shoot toward your goal.
  • SoulDesigns
  • Novice
  • Novice
  • Avatar de l’utilisateur
  • Inscription: Sep 09, 2004
  • Messages: 28
  • Loc: Karachi, Pakistan
  • Status: Offline

Message Octobre 8th, 2010, 12:51 am

Salut. J'ai essayé ce code et CSS et a joué avec elle! mais en vain, il ne fonctionne pas. :)
  • mindfullsilence
  • Professor
  • Professor
  • Avatar de l’utilisateur
  • Inscription: Aoû 04, 2008
  • Messages: 846
  • Status: Offline

Message Octobre 8th, 2010, 2:22 am

Connaissez-vous HTML et CSS?
Use your words like arrows to shoot toward your goal.
  • SoulDesigns
  • Novice
  • Novice
  • Avatar de l’utilisateur
  • Inscription: Sep 09, 2004
  • Messages: 28
  • Loc: Karachi, Pakistan
  • Status: Offline

Message Octobre 8th, 2010, 8:21 am

Oui, je le fais. mais ne peut pas le faire fonctionner :)

Page 1 sur 1

Afficher de l'information

  • Total des messages de ce sujet: 5 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 118 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC