Sejam bem vindos meu ao bloguinho, ele foi criado com o intuito de ensinar a quem necessita de ajuda em html e css, temos diversos tutoriais e materiais. Fiquem bem a vontade e qualquer dúvida que tiverem entrem em contato comigo ou peçam pela ask. Beijinhos caramelados e inté mais ♡
Search here
All that you want is here, css and html
Welcome to garota no mundo html.
- efeito legenda nas imagens de posts
- backgrounds grandes em aquarela
- Avatar do autor no post footer
- Leia mais na mesma linha do header
- Efeito Dragqueen e efeito Swing
- Três modelos de menus agenda
- Usando temas de tumblr no blog
- Criando seu próprio modelo de data
O tema atual do layout é: the fall of leafs
A meta dos posts do blog é de: 300 posts
A meta de comentários do blog é de: 3500
O blog foi inaugurado no dia: 27/12/2012
os Seguidores do blog atualmente são: 865
A versão atual do layout está na: 41ª vers.
folhinhas que estão no blog online agora:
folhinhas que já passaram por aqui:

Menu Up e Menu Colchete ~



Olá muffins goxtosos de chocolate ♡♡+.゚(→ε←*)゚+.゚ Boa noite! Tudo na santa e mesmice paz? E ai, a maioria já pegou férias? Eu entrei no dia 3 e irei voltar só dia 3 de agosto, até lá quero aproveitar e postar o máximo que eu conseguir. Antes estava bem difícil e me deixava bem triste pois além do blog me distrair ele tirava meu tédio e todo meu stress. Ficar sem postar me deixava quase doente hahaha Mentira, doente é exagero u.u Mas sinto que tenho uma obrigação de ajudar meus leitores e isso me deixa muito feliz muito mesmo(→o←)Na verdade não é uma obrigação para mim, é algo prazeroso sabe? Por isso ainda estou por aqui 

Uma leitora me pediu que eu postasse menus, não deu preferência de como queria então eu mesma tomei a liberdade e já aproveitei e uni o útil ao agradável pois uma outra leitora me pediu para eu fazer o tutorial do menu que uso em meu blog pessoal. Espero que gostem e que ajudem muitos, dei uma olhada e vi que faltam menus assim em postagens, até aqui no blog mesmo tem poucas opções de menus. Quando quiserem algo em especial não se esqueçam de e pedir na ask hein? Prometo fazer o mais rápido possível certo? Beijocas e até mais (*˘︶˘*).。.:*

PREVIEW (´ε` )♡

Vá até modelo cliquem em editar hmtl e dentro procure por: ]]></b:skin> Acima dele cole o seguinte código:

MODELO UP:


/*Menu up by gnmh*/
.backup {display: inline-block;float: center;line-height:26px; height:28px; width:937px;
background:#fff; -webkit-border-radius: 1px;
-moz-border-radius: 1px;border-radius: 1px;
}
.topoup a{background:#; border:solid 1px #fff; margin:5px;padding:10px;font-family: cambria, sans-serif;
font-size: 12px;text-transform:uppercase;text-align: left;letter-spacing: 1px;
font-weight: 300;color:#D1DDDF;text-decoration: none;
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease; -o-transition: all 2s ease;
transition: all 2s ease;
}
.topoup a:hover{background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #f3fbfd 35%, #e0f6fa 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(35%,#f3fbfd), color-stop(100%,#e0f6fa));
background: -webkit-linear-gradient(top,  #ffffff 0%,#f3fbfd 35%,#e0f6fa 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#f3fbfd 35%,#e0f6fa 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#f3fbfd 35%,#e0f6fa 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#f3fbfd 35%,#e0f6fa 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0f6fa',GradientType=0 );
border:solid 1px #DCE4E7;margin:5px;font-family: cambria, sans-serif;font-size: 12px;text-transform:uppercase;text-align: left;letter-spacing: 1px;
font-weight: 300;color:#fff;text-decoration: none;
text-shadow: 1px 1px 1px #BACFD3;padding:10px;-webkit-transition: all 1s ease;
-moz-transition: all 1s ease; -o-transition: all 1s ease;
50% {-webkit-transform: rotate(-4deg);}
75% {-webkit-transform: rotate(3deg); }
100% {-webkit-transform: rotate(0deg); }
}

LINKS:

<div style='image-align:center;margin-left:px;margin-top:-10px;'>
<div class="topoup">
<div class="backup">
<center>
<a href="LINK">Nome</a>
<a href="LINK">Nome</a>
<a href="LINK">Nome</a>
<a href="LINK">Nome</a>
<a href="LINK">Nome</a>
<a href="LINK">Nome</a>
<a href="LINK">Nome</a>
</center>
</div></div>
</div>

MODELO COLCHETES:

.colchete {
width:934px;
background:#E4EFF1;
padding:2px 2px 2px 2px;
height:15;
line-height:15x;
float:center;
text-align:center;
}
.colchete a {
color: #fff; 
font-size: 13px; 
font-family:cambria; 
text-decoration:none;
text-transform:uppercase;
text-shadow: 1px 1px 1px #C0D7DC;
}
.colchete a::before, .colchete a::after {
display: inline-block;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, 
opacity 0.2s;
-moz-transition: -moz-transform 0.3s, 
opacity 0.2s;transition: transform 0.3s, 
opacity 0.2s;
}
.colchete a::before {
margin-right: 2px;
content: '{';
-webkit-transform: translatex(20px);
-moz-transform: translatex(20px);
transform: translatex(20px);
}
.colchete a::after { 
margin-left: 2px;
content: '}';
-webkit-transform: translatex(-20px); 
-moz-transform: translatex(-20px); 
transform: translatex(-20px);
}
.colchete a:hover::before,.colchete a:hover::after,.colchete a:focus::before,.colchete a:focus::after { 
opacity: 1; -webkit-transform: translatex(0px); -moz-transform: translatex(0px);transform: translatex(0px);
}

LINKS:

<div style='image-align:center;margin-left:px;margin-top:20px;'>
<nav class="colchete"> 
<a href="LINK"target="_blank">Nome</a>
<a href="LINK"target="_blank">Nome</a>
<a href="LINK"target="_blank">Nome</a>
<a href="LINK"target="_blank">Nome</a>
<a href="LINK"target="_blank">Nome</a>
</nav>
</div> 

13 comentários:

  1. Oi Roh, como vai?
    Sabe que eu adoro tudo do seu blog, haha, então sempre estarei vendo suas postagens ♥
    Estou in love com o segundo menu, com certeza irei usa-lo futuramente *uuuu*
    E aproveite bem as férias ♥ (as minhas acabam dia 03 também)
    Beijos,

    http://designer-lovers.blogspot.com.br/

    ResponderExcluir
  2. Oi fofa, tudo bem?
    Realmente é prazeroso ajudar os leitores no blog 'u' Os menus são lindos, amei <3 E boas férias Roh.
    xoxo // Candy Bomb

    ResponderExcluir
  3. As minhas férias também começaram no dia 3 e também irão terminar no dia 3 :c, mas enquanto isso eu vou viver feliz \o/ e blogar bastante \o/. Eu também não consigo abandonar o blog ele me deixa feliz <3
    Eu gostei bastante do colchete ele tem um efeito bem bacana o//

    Studio-Help.blogspot.com.br

    ResponderExcluir
  4. Roh, sua linda, saudades ♥.
    Eu fiquei de férias no dia 26, e volto também no dia 3. o/.
    Caraaaa, que menus lindoss. Roh, tu nasceu pra isso, molier. O que eu mais gostei foi o segundo, cujo eu vou usar com certeza. Muito obrigada por tudo, amore. Beijos e queijos.
    Blow Away.

    ResponderExcluir
  5. Oie ><
    Eu amei o seu blog é a minha primeira vez aqui e eu amei esses menus aí são tão fofinhos kissus amora :3.
    Cotton Candy {visite aqui!}

    ResponderExcluir
  6. Minha linda e doce jovem, olha só quem voltou \o uehuehe
    Os menus são perfeitos, eu iria usar um mas acabei usando outro e acho que me arrependi UHEUHEUHEUHE vou colocar em outro lay <3

    Equalizando - [visite, baby]

    ResponderExcluir
  7. Oi, minha férias já começaram (e já acabaram). Aqui na Bahia, elas são em junho e só serviram pra deixar um gostinho de quero mais. Me apaixonei pelo menu e favoritei pra usar no meu próximo lay. O modelo colchete é tão lindo *-* #xonei
    Bjs,
    - heartmoon ♥

    ResponderExcluir
  8. O meu favorito foi o colchete. Os dois são muito lindinhos, você tem talento viu? E sim, não pare de postar, eu também fico meio doente quando não posto AUSHAHSAUI Não vivo sem o GNMH :c
    beijinhos°˖✧◝(⁰▿⁰)◜✧˖°
    mikicandy.blogspot.com

    ResponderExcluir
  9. Que menus fofos <33 Achei o colchete super criativo, pretendo usá-lo >33<
    Beijos, c o l o r e d c o t t o n

    ResponderExcluir
  10. Assim você acaba com meu coração , um dia usarei todos os seus gadgets em um só layout. kkk' mentira quem dera se desse.
    ~ Primavera de Outubro ~

    ResponderExcluir
  11. Este comentário foi removido pelo autor.

    ResponderExcluir
  12. Está quase tudo o mesmo para mim, nem sei quando terei férias, oh que tristeza, aproveite bem as suas férias Roh-chan! E que lindos menus, pretendo usar o menu de colchetes, achei ele muito meigo :3

    xoxo | O Lar da Senhorita

    ResponderExcluir
  13. Ooi moça
    Bem bonito o menu colchete >u<

    Não sei se é chatice da minha parte, mas, pode me dizer o que acha do lay que eu fiz? Tipo, é super simples, sabe, tipo, só troquei as cores e tals, mas enfim...

    yeah-ih.blogspot.com

    ResponderExcluir

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^)