oi cerejinhas hoje eu troue um tutorial bem legal de como colocar um Menu Lateral,então vamos lá ?
créditos:teensweetstar
Vá em Modelo ~> E clique em Editar HTML ~> Expandir Modelos Widgets
E dê Ctrl + F e procure por:
]]><b:skin>
Agora, cole o código abaixo Acima da Tag que você procurou:
/*MENU LATERAL*/
.menuam { width: 185px; padding: 13px; height: 100%; border-right: 8px solid #d62b44; background: #efefef; color: #; top: 0; margin: 0; position: fixed; left: -200px; height: 100%; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; overflow: hidden; cursor: default; font-weight: normal; z-index: 12345; }
.menuam:hover { left: 0; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }
.menuam a { border: none; background: #d62b44; color: #fff; padding: 5px; display: block; width: 100%; text-transform: uppercase; -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; font-size: 7pt; margin: 5px -10px; text-shadow: 0 1px 1px #; }
.menuam a:hover { background: #919191; -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; padding-left: 20px; }
.menuam a:first-child { margin-top: 10px; } .menuam a:last-child { margin-bottom: 0px; }
.menuam a { padding: 4px 6px;
}
Obs: Todas as partes em rosa, são editaveis. (Para deixar seu menu diferente)
procure por:
<body expr:class='"loading" + data:blog.mobileClass'>E acima desse código cole:
<div class='menuam'> <a rel='nofollow'><font style=' text-transform: none; font: italic 20px georgia;'><div align='left'> Titulo do Menu </div></font></a> <a href='URL DA PAGINA' onClick='changeNavigation('profile');'>NOME DA PAGINA</a> <a href='URL DA PAGINA' onClick='changeNavigation('profile');'>NOME DA PAGINA</a> <a href='URL DA PAGINA' onClick='changeNavigation('profile');'>NOME DA PAGINA</a> <a href='URL DA PAGINA' onClick='changeNavigation('profile');'>NOME DA PAGINA</a> <a href='URL DA PAGINA' onClick='changeNavigation('profile');'>NOME DA PAGINA</a> <a href='URL DA PAGINA' onClick='changeNavigation('profile');'>NOME DA PAGINA</a> <a href='URL DA PAGINA' onClick='changeNavigation('profile');'>NOME DA PAGINA</a>
</div>
Em URL DA PÁGINA coloque o Link da sua página
E em NOME DA PÁGINA coloque o Titulo da sua Página
Nenhum comentário:
Postar um comentário