Menus wishlist

Boa noite fofurinhas (>ω<) Tudo na mais perfeita paz? Ai gente, como eu queria que o tempo ficasse como hoje para sempre. Sabe aquela brisa gostosa? Nem muito frio e nem muito quente, o céu estrelado sem nenhuma nuvem, amo tempos assim. E ontem para mim o dia foi mais que maravilhoso já tive nos últimos meses, fui a uma praia paradisíaca e em um monte para ver a vista de 3 ilhas, eu nadei muito, vi peixes, seres do mar super tchucos e ainda uma tartaruga bem fofa..

Agora mudando de assunto mas não tão menos importante, eu comecei a criar várias postagens de asks perdidas, eu quase morri de vergonha e me senti uma inútil e muito distraída. Peço desculpas pois fui muito desatenta a muitas perguntas. Teve algumas perguntas que eu nem entendi também, então aqui vai as minhas sinceras desculpas ok? Não teve horrores de perguntas perdidas, mas 5 eu consegui guardar e já salvei para postar. E hoje o post é uma delas, aproveitem!! 

LIVE PREVIEW (◡‿◡✿)

Para usar os modelos, vá até o seu modelo e clique em editar html e dentro procure por:]]></b:skin> e quando achar acima dela cole o código da wish que desejar.

Modelo 1

.wish5 {
float: center;
background:#EEEEEE;
border:solid 1px #E6E6E6;
display:block;
height: 15px; 
line-height:15px;
margin:1px;
margin-bottom:px;
margin-left:px;
padding-left:7px;
padding-right:2px;
padding-top:2px;
padding-bottom:2px;
font-size:11px;
font-family: 'muli', sans-serif;
text-align: left;
text-transform:uppercase;
letter-spacing:0px;
word-spacing:0px;
vertical-align: middle;
z-index:999999999;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-transition-duration: .80s;
}
.wish5:hover{
background-color: #D8DEE1;
border:solid 1px #C2CFD5;
box-shadow: inset -240px 0px 0px 0px #DBDFE1,inset 0px 34px 0px 0px #BDCCD4;
display:block; 
padding-left:15px;
-webkit-transition-duration: .80s;
}
.wish5 a{
color:#C2D1D8;
text-shadow: 1px 1px 1px #fff;
}
.wish5 a:hover{
color:#92A3AB;
text-shadow: 1px 1px 1px #fff;
}

Modelo 2

.wish6 {
float: center;
background:#EEEEEE;
border:solid 1px #E6E6E6;
box-shadow: inset 0px 0px 0px 15px #eee;
display:block;
height: 15px; 
line-height:15px;
margin:1px;
margin-bottom:px;
margin-left:px;
padding-left:7px;
padding-right:2px;
padding-top:2px;
padding-bottom:2px;
font-size:11px;
font-family: 'muli', sans-serif;
text-align: left;
text-transform:uppercase;
letter-spacing:0px;
word-spacing:0px;
vertical-align: middle;
z-index:999999999;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-transition-duration: .80s;
}
.wish6:hover{
background-color: #D8DEE1;
border:solid 1px #C2CFD5;
box-shadow: inset 0px 0px 0px 0px #839094;-moz-transition: all .8s ease-out;
display:block; 
padding-left:15px;
-webkit-transition-duration: .80s;
}
.wish6 a{
color:#C2D1D8;
text-shadow: 1px 1px 1px #fff;
}
.wish6 a:hover{
color:#92A3AB;
text-shadow: 1px 1px 1px #fff;
}

Modelo 3

.wish7 {
float: center;
border:solid 1px #E6E6E6;
box-shadow: 0px 55px 0px #eee  inset,
250px 0px 0px #b8dfe7 inset,
-250px 0px 0px #b8dfe7 inset;
display:block;
height: 15px; 
line-height:15px;
margin:1px;
margin-bottom:px;
margin-left:px;
padding-left:7px;
padding-right:2px;
padding-top:2px;
padding-bottom:2px;
font-size:11px;
font-family: 'muli', sans-serif;
text-align: left;
text-transform:uppercase;
letter-spacing:0px;
word-spacing:0px;
vertical-align: middle;
z-index:999999999;
-webkit-transition-duration: .80s;
}
.wish7:hover{
background-color: #D8DEE1;
border:solid 1px #C2CFD5;
box-shadow: 0px 0px 0px #B8C3C9 inset;
text-shadow: 1px 1px 0px #B8C3C9;
-webkit-perspective-origin: 50% 50%;
display:block; 
padding-left:15px;
-webkit-transition-duration: .80s;
}
.wish7 a{
color:#C2D1D8;
text-shadow: 1px 1px 1px #fff;
}
.wish7 a:hover{
color:#92A3AB;
text-shadow: 1px 1px 1px #fff;
}

E para usar os links, adicione um gadget java script:

<div class="wish5"><a href="LINK AQUI">modelo 1</a></div>

<div class="wish6"><a href="LINK AQUI">modelo 2</a></div>

<div class="wish7"><a href="LINK AQUI">modelo 3</a></div>