JUNGKOOK
EUPHORIA - Wonder
[Welcome]
to garota no mundo html

olá xuxuzinhos, tudo bem? sintam-se a vontade e sejam bem vindos ao meu cantinho, este bloguinho foi criado em julho de 2012 e até hoje é direcionado a área de html e css. Tento ser criativa com códigos, sempre tento criar algo diferente. e se desejarem algo, por favor, não exitem e peçam pela minha ask ok? beijinhos bem doces..

domingo, 4 de fevereiro de 2018

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>

6 comentários:

  1. Olá, Roh!
    Ah, aqui também ficou um tempo bom, eu amei, tem dias que é só calor, só frio, ninguém aguenta! Mas hoje, voltou as aulas, digo dia 05 né? Que bom que se divertiu! Praia é um ótimo lugar nas férias, pena que por problemas financeiros da minha família não fui á lugar nenhum :/

    Falando do tutorial, eu vi o preview e eu amei! Caramba, você tem um talento enorme pra isso, ficou lindo, mas lindo demais! :3
    Beijosssss da Amy ♥

    ❥ Black HTML - Visite-nos! ✨

    ResponderExcluir
    Respostas
    1. Olá amore, sim, eu amo climas assim, são tão bons para tudo, para dormir, ser produtivo etc..

      Sim! Amo praia, mar e sol, mas só quando estou de férias porque calor no trampo não é muito bom haha

      Ah que bom que gostou, amor são 6 anos como blogger se eu não soubesse fazer pelo menos isso né? Eu tinha que dar um tiro no pé hahaha

      Beijos =3

      Excluir
  2. ¡Hola!

    Excelente tutorial, gracias por compartirlo ^^

    ResponderExcluir
  3. Aqui tá delicioso também, até tá chovendo agora, tô adorando isso! Ah, não tem problema, eu me desatento com ask também, até já pensei em excluir ela, mas isso dificultaria pras pessoas que têm vergonha de perguntar diretamente algo e tudo mais...
    Enfim, como sempre, adorei os menuzinhos, o seu blog de preview está cada vez mais lindo cheio de coisinhas <3

    Diário de uma Otome

    ResponderExcluir
    Respostas
    1. Ah que bom que ai está tbm, amo chuva, na verdade amo todos os climas, mas pendendo para o frio é meu favorito <3

      Obrigada, que bom que é útil ~ Chuu

      Excluir

Olá meus amores, os comentários devem ser direcionados somente ao blog e não a vida pessoal de ninguém! Qualquer dúvida peça pela Ask que responderei o mais rápido possível. Anônimo não adianta vir xingar pelos comentários que antes de mesmo de pensar em me ofender eles serão excluídos! Não gosto de tags, se quiser fazer fique a vontade mas não irei retribuir, não curto seguindo segue de volta =/ mas posso seguir se gostar realmente do blog, não julgo por layout ou por seguidores, avalio o blog e como disse se eu curtir é claro que sigo, afiliações? Peça nos comentários pois se pedir em outro lugar no caso páginas é bem provável que eu não veja! Então meus lindos espero que curtam cada cantinho do meu bloguinho e voltem sempre! kissus (*^3^)