Résolu HTML ou Javascript ?

Solutions (9)
Tags :
  • Javascript
  • Html
  • Programmation
|
Bonjour,
je voudrai savoir si vous savez comment rajouter une barre semblable à celle de ce site (en haut). C'est du html ? du javascript ? savez-vous comment le reproduire ?

Merci d'avance
Contenus similaires
Meilleure solution
partage
|
Tu devrais pouvoir utiliser jquery et sa fonction slideDown :
http://api.jquery.com/slideDown/
  • Commenter cette solution |
Score
0
òh
òi
|
Merci beaucoup !! c'est exactement le genre de réponse que j'attendais !
  • Commenter cette réponse |
Score
0
òh
òi
|
Je ne le vois pas, tu peux faire une capture d'écran ?

edit : Si en fait j'ai trouvé, je regardais pas sur le bon site
  • Commenter cette réponse |
Score
0
òh
òi
|
en haut a droite il y a un bouton inscription |Connexion, lorsqu'on clique dessus, une barre déroule vers le bas.
  • Commenter cette réponse |
Score
0
òh
òi
|
Quelle barre d'inscription / connexion ?
  • Commenter cette réponse |
Score
0
òh
òi
|
merci OmaR mais je veux parler de la barre "inscription | connexion"
  • Commenter cette réponse |
Score
0
òh
òi
, Modérateur |
Il suffit de regarder la source...

HTML :
  1. <div id="tabs">
  2. <ul>
  3. <li><a class="activ" href="/"><span>Accueil</span></a></li>
  4. <li><a href="/le-top"><span>Le top</span></a></li>
  5. <li><a href="/au-hasard"><span>Au hasard</span></a></li>
  6. <li><a href="/anecdote/create"><span>Proposer une anecdote</span></a></li>
  7. <li><a href="/pages/le-concept"><span>Le concept</span></a></li>
  8. </ul>
  9. <div class="clear"></div>
  10. </div>


CSS:
  1. #tabs{
  2. display: block;
  3. text-align: center;
  4. margin:-34px auto 0 auto;
  5. }
  6. #tabs ul{
  7. width: 630px;
  8. margin:0 auto;
  9. list-style:none;
  10. }
  11. *html #tabs ul{}
  12. *+html #tabs ul{}
  13. #tabs ul.adminMenu{
  14. width: 980px;
  15. margin:0 auto 0 160px;
  16. list-style:none;
  17. }
  18. #tabs li{
  19. margin:0;
  20. padding:0;
  21. float: left;
  22. }
  23. #tabs a{
  24. float: left;
  25. background:url(img/tableft.gif) no-repeat left top;
  26. margin:0 1px 0 1px;
  27. padding:0px 0 0 5px;
  28. height: 34px;
  29. text-decoration:none;
  30. font-size: 18px;
  31. font-weight: normal;
  32. cursor: pointer;
  33. }
  34. #tabs a:hover, #tabs a.activ{
  35. background-position:0% -34px;
  36. }
  37. #tabs a span{
  38. float:left;
  39. display:block;
  40. height: 25px;
  41. background:url(img/tabright.gif) no-repeat right top;
  42. padding:5px 15px 4px 8px;
  43. color:#fff;
  44. cursor: pointer;
  45. }
  46. #tabs a:hover span, #tabs a.activ span{
  47. color:#1d3550;
  48. background-position:100% -34px;
  49. }

  • Commenter cette réponse |
Score
0
òh
òi
|
merci pour la réponse. Si quelqu'un connait un code pour avoir un effet similaire je suis preneur !
  • Commenter cette réponse |
Score
0
òh
òi
|
oui c'est dynamique c'est bien du javascript.
Après je sais pas comment c'est codé c'est surement accompagner de CSS pour le style
  • Commenter cette réponse |

Ce n'est pas ce que vous cherchiez ?

Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS