SHARE
TWEET

ESTILO DEL MENU SUPERIOR

AmiMiharu Apr 23rd, 2016 55 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. *{
  2. margin:0px;
  3. padding:0px;
  4. }
  5.  
  6. #menu-arriba {
  7. margin:auto;
  8. width:100%;
  9. background:# ffe9da; /*Color de fondo del menú*/
  10. height:30px; /*Ancho de la barra*/
  11. position:fixed; /*Para que nuestro menu se quede fijo al bajar el blog si deseas que suba junto al blog cambia fixed por absolute*/
  12. z-index:101; /*Para quedar fija en la parte superior*/
  13. }
  14.  
  15. ul, ol {
  16. list-style:none;
  17. }
  18.  
  19. .menu > li {
  20. float:left;
  21. }
  22.  
  23. .menu{
  24. margin:0 auto;
  25. width:1000px; /*Ancho del menú entero*/
  26. }
  27. .menu li a {
  28. color:#3f3c3a; /*Color de las letras de las pestañas*/
  29. font:normal normal 14px Josefin sans; /*Tamaño y tipografía de las pestañas*/
  30. text-decoration:none;
  31. padding:10px 30px;
  32. display:block;
  33. cursor:pointer;
  34. }
  35. .menu li a:hover {
  36. color: # eacfbd; /*Color de las pestañas al pasar el ratón por encima*/
  37. }
  38. .menu li ul {
  39. background-color: # ffe9da; /*Color de fondo de las subpestañas*/
  40. display:none;
  41. position:absolute;
  42. min-width:150px;
  43. }
  44. .menu li ul a { /*cambiando la letra de las pestañas*/
  45. color: #3f3c3a; /*Color de las letras de las subpestañas*/
  46. font:normal normal 14px Josefin sans; /*Tamaño y tipografía de las subpestañas*/
  47. }
  48. .menu li ul a:hover {  /*cambiando la letra de las pestañas al pasar el cursor*/
  49. color: #0a0a0a; /*Color de las letras de las subpestañas al pasar el ratón por encima*/
  50. }
  51. .menu li:hover > ul {
  52. display:block;
  53. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top