MENU

TAG PARA CRIAR QUALQUER MENU

<li><a href="#">Inicio</a></li>


GADGET CÓDIGO HTML

<ul id="icbabdrop">
<li><a href="#">Página Inicial</a></li>
<li>POLÍTICA DE PRIVACIDADE<ul>
<li><a href="#">POLÍTICA DE PRIVACIDADE</a></li>
<li><a href="#">TERMS & CONDITIONS</a></li>
</ul> </li>
<li>6º ANO FUNDAMENTAL<ul>
<li><a href="#">6º ANO FUNDAMENTAL</a></li>
<li><a href="#">ATIVIDADES DOS CONTEÚDOS DO 6º ANO</a></li>
</ul> </li>
<li>7º ANO FUNDAMENTAL<ul>
<li><a href="#">7º ANO FUNDAMENTAL</a></li>
<li><a href="#">ATIVIDADES DOS CONTEÚDOS DO 7º ANO</a></li>
</ul> </li>
<li>8º ANO FUNDAMENTAL<ul>
<li><a href="#">8º ANO FUNDAMENTAL</a></li>
<li><a href="#">ATIVIDADES DOS CONTEÚDOS DO 8º ANO</a></li>
</ul> </li>
<li>9º ANO/ENSINO MÉDIO<ul>
<li><a href="#">9º ANO/ENSINO MÉDIO</a></li>
<li><a href="#">ATIVIDADES DOS CONTEÚDOS DO 9º ANO/ENSINO MÉDIO</a></li>
</ul> </li>
<li>VARIADOS<ul>
<li><a href="#">TEXTOS</a></li>
<li><a href="#">EDUCATIVOS E BRINCADEIRAS</a></li>
<li><a href="#">ACADEMIA</a></li>
<li><a href="#">ASSUNTOS DIVERSOS</a></li>
<li><a href="#">VARIADOS</a></li>
<li><a href="#">ATIVIDADES SOBRE OS CONTEÚDOS</a></li>
</ul> </li></ul>
<li><a href="#">SOBRE NÓS</a></li>

CÓDIDO CSS PERSONALIZADO

/* romrom17 BY romrom17.com */
.tabs-inner .widget ul#icbabdrop {
display: inline;
border:none;
}
.tabs-inner .widget ul#icbabdrop li {
font-size: 14px;
font-family: Century Gothic; /* Font for the menu */
display: inline-block;
margin-right: 0px;
position: relative;
padding: 5px 20px;
background: #fff; /* cor de fundo no menu */
float:none;
cursor: pointer;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.tabs-inner .widget ul#icbabdrop li a {
padding:0;
font-family: Century Gothic; /* Font for the menu links */
border:0;
}
.tabs-inner .widget ul#icbabdrop li:hover {
background: #555; /* cor de fundo quando o mouse está sobre o titulo */
color: #fff; /* cor da fonte quando o mouse está sobre o titulo  */
}
.tabs-inner .widget ul#icbabdrop li:hover a {
background: transparent;
color: #fff; /* cor do link do menu quando o mouse está sobre o titulo  */
}
.tabs-inner .widget ul#icbabdrop li ul {
z-index:1000;
border:none;
padding: 0;
position: absolute;
top: 26px;
left: 30px;
float:none;
width: 150px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
display: none;
opacity: 0;
visibility: hidden;
-webkit-transiton: opacity 0.2s;
-moz-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
-transition: opacity 0.2s;
}
.tabs-inner .widget ul#icbabdrop li ul li {
background: #555; /* cor de fundo do submenu */
display: block;
color: #fff; /* cor da fonte do sub-menu */
text-shadow: 0 -1px 0 #000;
}
ul#icbabdrop li ul li a{
color:#fff/* link colour of the sub menu items */
}
.tabs-inner .widget ul#icbabdrop li ul li:hover {
background: #666; /* cor de fundo dos itens do submenu */
}
.tabs-inner .widget ul#icbabdrop li:hover ul {
display: block;
opacity: 1;
visibility: visible;