Menu Down

10 de out de 2013

Oiiiie gente *--* ai que saudades daqui gente :(
Desculpem por não ter postado gente... Mias enfim...
Aconteceu que eu arrumei um trampo(Até que fim u.u)
e Daí nem dá tempo de fazer nada,chego do trampo e já me arrumo pra escola...mais daí hoje não fui pra escola sabe .... kkk
eu tenho várias Postagens salvas aqui... Deixarei elas programadas só pro blog não ficar Desatualizado
 Áhh pessoas que pediram pra postar aqui e não postou nada até agora(Isso que ainda aceitou o e-mail)
irei tirar.... Irão ficar Só os Que estão Postando que é a Fábio(Obg anjo por não deixar aqui tão desatualizado u.u)
e a Heloo que anda meio sumidinha (Ram) agr tem outros que disseram querer postar e não postou nada até agora(Então... Bye Bye )
Hoje eu to Faladeira kkk

Ah Sobre Os Créditos tem nomes que são mais de 2 Palavras... eu só irei colocar as letras das 2 primeiras palavras....(Tipo só avisando pra depois não falarem que fiz errado)

Chega de Falar né? kkk

Hoje venho ensinar um menu para vocês hehe
*Créditos no final do Post :)
1  No HTML do seu blog, aperte F3 e procure por ]]></b:skin>. Ao achar cole acima da tag:

#oi-isa:hover #menu-down-isa{
opacity: 1;
}
#menu-down-isa{
opacity: 0;
position:absolute;
-webkit-transition: all .60s ease-in-out;
-moz-transition: all 1s ease-in-out;-ms-transition: all .60s ease-in-out;transition: all .60s ease-in-out;
margin-left: 4px; /* Move o menu para os lados */
margin-top: -39px; /* Move o menu para cima ou para baixo */
}
#menu-down-isa a{
border-radius: 0px;
padding: 3px;
width: 50px; /* Tamanho das caixinhas do menu */
float: left;
background-color: #817266; /* Cor do fundo */
box-shadow: inset 0 0 20px #6c5e52; /* Cor da sombra interna */
text-shadow: 2px 1px 1px #6c5e52;  /* Cor da sombra do texto */
margin-left: 2px;
font-family: 'Trebuchet ms';
font-style: normal;
font-size: 11px; /* Tamanho da fonte */
text-align: center;
margin-top: 2px;
color: #ccc; /* Cor da fonte */
text-transform: uppercase;
-webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out;  }
#menu-down-isa a:hover{color: #efefef; /* Cor da fonte ao passar o mouse */
background-color: #acc3cf; /* Cor do fundo ao passar o mouse */
box-shadow: inset 0 0 20px #89a9b9; /* Cor da sombra interna ao passar o mouse */
text-shadow: 2px 1px 1px #89a9b9; /* Cor da sombra do texto ao passar o mouse */
padding-bottom: 15px; /* O quanto desce para baixo */}


Gente, eu acho que dependendo da foto que colocarem, o menu não vai ficar no lugar certinho então você tem que mudar no código. Só prestem muita atenção porque qualquer coisinha pode desconfigurar um código.
2  Depois de visualizar e salvar, vá em Layout • Adicionar Gadget • cole:
<div id="oi-isa">
<img src="URL DA IMAGEM" />
<br />
<div id="menu-down-isa">
<a href="SEU LINK">Início</a>
<a href="SEU LINK">Regras</a>
<a href="SEU LINK">Goodies</a>
<a href="SEU LINK">Créditos</a>
</div>
</div> 
Mude o que se pede e salve 
Créditos:

0 comentários :

Postar um comentário

Seu Comentários é sempre bem vindo!
Comente,opine,se expresse! Este espaço é seu!
Comentar faz parte,então por favor deixem comentários

-Todos os comentários são moderados e só ficarão disponíveis ao serem aprovados
-A área de comentários não é casa da mãe Joana,então tenha respeito.Não use palavrões,nem insultos,ofensas,agressões e baixarias;
-Não serão aceitos comentários Anônimos,comentários repetidos,e que tenham qualquer material publicitários ou de merchandising pessoal ou de benefício de terceiros
-Contatos pessoais devem ser feitos na pagina de contato.
-Não deixe links desnecessários os comentários

AVISOS:

--Blog não é Chat,respeitadas as regras ,é livre o debate dos assuntos aqui postados,Que o espaço de comentários não sirva para bate papo sobre assuntos de caráter pessoal ou estranhos ao blog
--A tentativa de clonar nomes e apelidos de outros usuários para emitir opiniões em nome de terceiros configura crime de falsidade ideológica.

Espero que tenham gostado do blog e que volte sempre!