1 HTML {2 background:lightblue;3 }4 5 #pcm {6 display: none;7 }8 ul.cssMenu ul {9 display: none;10 }11 ul.cssMenu li:hover > ul {12 display: block;13 }14 ul.cssMenu ul {15 left: -1px;16 position: absolute;17 top: 98%;18 }19 ul.cssMenu ul ul {20 left: 98%;21 position: absolute;22 top: -2px;23 }24 ul.cssMenu, ul.cssMenu ul {25 background-color: #A5A5A5;26 background-repeat: repeat;27 border: 0 solid #A6A6A6;28 list-style: none outside none;29 margin: 0;30 padding: 0 1px 1px 0;31 }32 ul.cssMenu table {33 border-collapse: collapse;34 }35 ul.cssMenu {36 display: block;37 float: left;38 }39 ul.cssMenu ul {40 width: 140.7px;41 }42 ul.cssMenu li {43 display: block;44 font-size: 0;45 margin: 1px 0 0 1px;46 }47 ul.cssMenu a:active, ul.cssMenu a:focus {48 outline-style: none;49 }50 ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover {51 background-color: #FFFFFF;52 border: 0 solid #FCEEB0;53 color: #000000;54 cursor: pointer;55 display: block;56 font: 11px Arial;57 padding: 5px;58 text-align: left;59 text-decoration: none;60 vertical-align: middle;61 }62 ul.cssMenu span {63 overflow: hidden;64 }65 ul.cssMenu li {66 float: left;67 }68 ul.cssMenu ul li {69 float: none;70 }71 ul.cssMenu ul a {72 text-align: left;73 white-space: nowrap;74 }75 ul.cssMenu li.sep {76 height: 100%;77 line-height: 0;78 padding: 0;79 text-align: left;80 }81 ul.cssMenu li.sep span {82 background-color: #A6A6A6;83 background-image: none;84 display: inline-block;85 float: none;86 height: 100%;87 padding-right: 0;88 }89 ul.cssMenu ul li.sep span {90 width: 100%;91 }92 ul.cssMenu li:hover {93 position: relative;94 }95 ul.cssMenu li:hover > a {96 background-color: #FF1C1C;97 border-color: #4C99AB;98 border-style: solid;99 color: #FFFFFF;100 font: 11px Arial;101 text-decoration: none;102 }103 ul.cssMenu li a:hover {104 background-color: #FF1C1C;105 border-color: #4C99AB;106 border-style: solid;107 color: #FFFFFF;108 font: 11px Arial;109 position: relative;110 text-decoration: none;111 }112 ul.cssMenu li.dis a {113 color: #AAAAAA !important;114 }115 ul.cssMenu img {116 border: medium none;117 float: left;118 height: 16px;119 margin-right: 5px;120 width: 16px;121 }122 ul.cssMenu ul img {123 height: 16px;124 width: 16px;125 }126 ul.cssMenu img.over {127 display: none;128 }129 ul.cssMenu li.dis a:hover img.over {130 display: none !important;131 }132 ul.cssMenu li.dis a:hover img.def {133 display: inline !important;134 }135 ul.cssMenu li:hover > a img.def {136 display: none;137 }138 ul.cssMenu li:hover > a img.over {139 display: inline;140 }141 ul.cssMenu a:hover img.over, ul.cssMenu a:hover ul img.def, ul.cssMenu a:hover a:hover ul img.def, ul.cssMenu a:hover a:hover a:hover ul img.def, ul.cssMenu a:hover a:hover img.over, ul.cssMenu a:hover a:hover a:hover img.over, ul.cssMenu a:hover a:hover a:hover a:hover img.over {142 display: inline;143 }144 ul.cssMenu a:hover img.def, ul.cssMenu a:hover ul img.over, ul.cssMenu a:hover a:hover ul img.over, ul.cssMenu a:hover a:hover a:hover ul img.over, ul.cssMenu a:hover a:hover img.def, ul.cssMenu a:hover a:hover a:hover img.def, ul.cssMenu a:hover a:hover a:hover a:hover img.def {145 display: none;146 }147 ul.cssMenu a:hover ul, ul.cssMenu a:hover a:hover ul, ul.cssMenu a:hover a:hover a:hover ul {148 display: block;149 }150 ul.cssMenu a:hover ul ul, ul.cssMenu a:hover a:hover ul ul {151 display: none;152 }153 154 ul.cssMenu table a:hover span, ul.cssMenu table a:hover a:hover span, ul.cssMenu table a:hover a:hover a:hover span {155 background-image: url("http://purecssmenu.com/ssc-data/templates/clear-2/images/arr_white_2.gif");156 }157 ul.cssMenu table a:hover table span, ul.cssMenu table a:hover a:hover table span {158 background-image: url("http://purecssmenu.com/ssc-data/templates/clear-2/images/arr_blue_2.gif");159 }160 ul.cssMenu li a.cssMenui0 {161 }162 ul.cssMenu li a.cssMenui0:hover {163 }164
Este ShareCode tiene versiones:
- Ejemplo de menu Product Info W... (24/04/2013)
- Ejemplo de menu Product Info W... (24/04/2013)
- Ejemplo de menu Product Info W... (24/04/2013)
- Ejemplo de menu Product Info W... (24/04/2013)
Enlace
El enlace para compartir es: