Olá meus queridos!=) Hoje vim deixar com vocês um tutorial,e também vou apresentar novos 2 blogs afiliados.O primeiro é o blog éo Is My Teen World que é ótimo e a dona do blog é super fofa e simpática. Bom depois desse blog mega-iper-blaster fofo tem o Diário de Bordo que é também sem dúvidas S-E-N-S-S-A-C-I-O-N-A-L,eu não conheço muito bem a dona desse blog,mas até agora ela foi super fofa comigo =)
.Se quiser entrar nesse blog ,(entra vale a pena!) clique aqui ó:Clique Aqui
.Se quiser entrar nesse blog ,(entra vale a pena!) clique aqui ó:Clique Aqui
Bom vamos ao tutorial:
Vou ensinar á colocar um menu rosa super fofinho!
Let´s go?!
-Vá em modelo-Editar HTML-dê um ctrl + F e procure por:
]]></b:skin>
Quando acha-lo,cole antes dele o código:
.menuam { width: 185px; padding: 13px; height: 100%; border-right: 8px solid #FF3E96; background: #FFC0CB; 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: #FFFAFA; color:#FF69B4; 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; }
.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: #FFFAFA; color:#FF69B4; 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; }
Depois dê um ctlr+F e procure por:
<body expr:class='"loading" + data:blog.mobileClass'>
Quando achar,cole acima de<body expr:class='"loading" + data:blog.mobileClass'>
o seguinte código:
<div class="menuam">
<a rel="nofollow"><font style=" text-transform: none; font: italic 20px georgia;"><div align="left">Título do Blog</div></font></a>
<a href="/">volte ao início</a>
<a href="URL DA PÁGINA" onClick="changeNavigation('profile');">NOME DA PÁGINA</a>
<a href="URL DA PÁGINA" onClick="changeNavigation('ask');">NOME DA PÁGINA</a>
<a href="URL DA PÁGINA" onClick="changeNavigation('extras');">NOME DA PÁGINA</a>
</div>
<a rel="nofollow"><font style=" text-transform: none; font: italic 20px georgia;"><div align="left">Título do Blog</div></font></a>
<a href="/">volte ao início</a>
<a href="URL DA PÁGINA" onClick="changeNavigation('profile');">NOME DA PÁGINA</a>
<a href="URL DA PÁGINA" onClick="changeNavigation('ask');">NOME DA PÁGINA</a>
<a href="URL DA PÁGINA" onClick="changeNavigation('extras');">NOME DA PÁGINA</a>
</div>
Salve e veja se está tudo certinho!Bjokas!
Nenhum comentário:
Postar um comentário
Olá,tudo bem?
Se comentar fique sabendo,que não me importo com:
"Segui de volta" ou etc.
Sou toda ouvido á duvidas e sugestões.
KIssus