Menu Yur-y Para Tutoriais

O

i gente *u* prometo não me ausentar tanto do blog na próxima certo ? 0/ como vão voçes? cmg ta tudo bem a não ser pelo fato de eu estar congelando debaixo desse ventilador . E porque não desliga criatura? , tipo meu modem quando esquenta demais . para então .. só ventilador mesmo UHAUEHE.

Voçes nem imaginam quanta coisa eu vou trazer pro blog , já to ate com material acumulado kkkk.

Hoje vim trazer pra voçes um menu pra tutoriais , esse é simples , mas prometo que na proxima trago um mais elaborado certo? fiz em tres cores , para ver o menu clique abaixo :

Para usar o rosa crie uma nova postagem , mude para o modo html e cole :

<a href="https://www.blogger.com/LINK" id="menu-yur-y">Assunto1</a>
<a href="https://www.blogger.com/LINK" id="menu-yur-y">Assunto2</a>
<a href="https://www.blogger.com/LINK" id="menu-yur-y">Assunto3</a>
<a href="https://www.blogger.com/LINK" id="menu-yur-y">Assunto4</a>
<style>
/** Menu para tutoriais (rosa) == By G² ;3 ==**/
@font-face {
font-family: "Delius";
src: url('http://img.dafont.com/dl/?f=delius');}
#menu-yur-y {
background :#FCE7F0;
box-shadow: inset 0 0 40px #FFCDD2, 0 0 3px #FFCDD2;
color:#FABBD6;
float: left;
padding: 5px;
margin: 5px;
text-shadow: 1px 1px 0 #fff;
width: 200px;
height: 20px;
font-family: "Delius";
font-size: 12px;
float: left;
text-align: center;
border-radius : 2px;
}
</style>

Para usar o azul crie uma nova postagem , mude para o modo html e cole :

<a href="https://www.blogger.com/LINK" id="menu-yur-y-blue">Assunto1</a>
<a href="https://www.blogger.com/LINK" id="menu-yur-y-blue">Assunto2</a>
<a href="https://www.blogger.com/LINK" id="menu-yur-y-blue">Assunto3</a>
<a href="https://www.blogger.com/LINK" id="menu-yur-y-blue">Assunto4</a>
/** Menu para tutoriais (azul)== By G² ;3 ==**/
@font-face {
font-family: "Delius";
src: url('http://img.dafont.com/dl/?f=delius');}
#menu-yur-y-blue {
background :#CDEAF4;
box-shadow: inset 0 0 40px #A7D5E5, 0 0 3px #A7D5E5;
color:#A7D5E5;
float: left;
padding: 5px;
margin: 5px;
text-shadow: 1px 1px 0 #fff;
width: 200px;
height: 20px;
font-family: "Delius";
font-size: 12px;
float: left;
text-align: center;
border-radius : 2px;
}
</style>

Para usar o lilás crie uma nova postagem , mude para o modo html e cole  chega de repetir ;-; :

<a href="https://www.blogger.com/LINK" id="menu-yur-y-magenta">Assunto1</a>
<a href="https://www.blogger.com/LINK" id="menu-yur-y-magenta">Assunto2</a>
<a href="https://www.blogger.com/LINK" id="menu-yur-y-magenta">Assunto3</a>
<a href="https://www.blogger.com/LINK" id="menu-yur-y-magenta">Assunto4</a>
<style>
/** Menu para tutoriais == By G² ;3 ==**/
@font-face {
font-family: "Delius";
src: url('http://img.dafont.com/dl/?f=delius');}
#menu-yur-y-magenta {
background :#D7BBFF;
box-shadow: inset 0 0 40px #C8A8F5, 0 0 3px #C8A8F5;
color:#C8A8F5;
float: left;
padding: 5px;
margin: 5px;
text-shadow: 1px 1px 0 #fff;
width: 200px;
height: 20px;
font-family: "Delius";
font-size: 12px;
float: left;
text-align: center;
border-radius : 2px;
}
</style>

Se ficar desalinhado , coisa que é bem rara , coloque a primeira parte do codigo entre as tags <center> </center> assim :

<center><a href="https://www.blogger.com/LINK" id="menu-yur-y-blue">Assunto1</a>

<a href="https://www.blogger.com/LINK" id="menu-yur-y-blue">Assunto2</a>

<a href="https://www.blogger.com/LINK" id="menu-yur-y-blue">Assunto3</a>

<a href="https://www.blogger.com/LINK" id="menu-yur-y-blue">Assunto4</a></center>

Bom foi isso , espero sinceramente que tenham gostado .

Qualquer coisa to aqui e.. peçam logo na ask seus limdos ( erro proposital )

Beijos 0/