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 suspenso para afiliados








Olá bom dia meus lindios do meu core como vão? (๑꒪▿꒪)* Kristal passando na sua timeline para mostrar como ela é diva e lindínea hahaha Senhor, já era para eu ter feito este post no domingo, mas os trabalhos da faculdade e os afazeres da minha casa atrasaram tudo, sorry! Quem ai viu o AAA, Asian Artist Awards hein? Eu vi todas as apresentações ontem e fiquei louca, cara na vez do BTS na parte do Hope caiu o microfone dele e mesmo assim ele manteve a compostura e continuou bem lindo performando, é um lindo!

E as meninas do Black Pink? Tadinhas gente, os microfones estavam com mal funcionamento e ficaram falhando quase o tempo todo na apresentação, mas como elas são lindas e super profissionais continuaram de boa e dançaram bem lindas, elas estão de parabéns! Hoje eu estou trazendo um menu suspenso tão fofinho, eu amei criar e foi tão fácil. As vezes eu me supero de tão anta que eu sou, tipo as vezes é algo tão simples e eu acabo complicando e desisto no meio do caminho HAHAHAHA Menus é mais a lógica mesmo!


Vá até o seu modelo e clique em editar html, dentro procure por: ]]></b:skin> acima dele cole o seguinte código:

.parcas {
background: url("http://i.imgur.com/N3gIPv1.jpg")no-repeat;border: solid 1px #;width:166px; text-align: center;  font-size:11px; font-family:calibri, cursive; color:#fff;text-shadow: 1px 1px 1px #9db0b5; padding:-8px;height: 20px; line-height:20px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-moz-transition: all .7s ease-in-out; -o-transition-radius: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; overflow:hidden;
}
.parcas:hover {background: url("http://i.imgur.com/KOzYljU.jpg")repeat;height: 280px;
}
.parcas img{
padding:4px;
background:#fff;
border:solid 1px #c8d3d6;
}
.parcas img:hover{
opacity:0.4;
-moz-transition: all .1s ease-in-out;
-o-transition-radius: all .1s ease-in-out;
transition: all .7s ease-in-out;
-webkit-transition: all .1s ease-in-out;
overflow:hidden;
}

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

<div style="position: absolute; margin-top: 50px; margin-left: -385px;z-index:200000;">
<div class="parcas">
<center><font color=#fff>AFILIADOS</font><p></p></center><br />
<div class="letra"> </div>
<a href="URL DO BLOGGER" title="TÍTULO DO blogger"
target="_blank">
<img height="40px;" src="http://i.imgur.com/SO8lIcV.jpg"
width="40px;"/></a>
<a href="URL DO BLOGGER" title="TÍTULO DO blogger"
target="_blank">
<img height="40px;" src="http://i.imgur.com/SO8lIcV.jpg"
width="40px;"/></a>
<a href="URL DO BLOGGER" title="TÍTULO DO blogger"
target="_blank">
<img height="40px;" src="http://i.imgur.com/SO8lIcV.jpg"
width="40px;"/></a>
<a href="URL DO BLOGGER" title="TÍTULO DO blogger"
target="_blank">
<img height="40px;" src="http://i.imgur.com/SO8lIcV.jpg"
width="40px;"/></a>
<a href="URL DO BLOGGER" title="TÍTULO DO blogger"
target="_blank">
<img height="40px;" src="http://i.imgur.com/SO8lIcV.jpg"
width="40px;"/></a>
<a href="URL DO BLOGGER" title="TÍTULO DO blogger"
target="_blank">
<img height="40px;" src="http://i.imgur.com/SO8lIcV.jpg"
width="40px;"/></a>
<a href="URL DO BLOGGER" title="TÍTULO DO blogger"
target="_blank">
<img height="40px;" src="http://i.imgur.com/SO8lIcV.jpg"
width="40px;"/></a>
<a href="URL DO BLOGGER" title="TÍTULO DO blogger"
target="_blank">
<img height="40px;" src="http://i.imgur.com/SO8lIcV.jpg"
width="40px;"/></a>
<a href="URL DO BLOGGER" title="TÍTULO DO blogger"
target="_blank">
<img height="40px;" src="http://i.imgur.com/SO8lIcV.jpg"
width="40px;"/></a>
<a href="URL DO BLOGGER" title="TÍTULO DO blogger"
target="_blank">
<img height="40px;" src="http://i.imgur.com/SO8lIcV.jpg"
width="40px;"/></a>
<a href="URL DO BLOGGER" title="TÍTULO DO blogger"
target="_blank">
<img height="40px;" src="http://i.imgur.com/SO8lIcV.jpg"
width="40px;"/></a>
<a href="URL DO BLOGGER" title="TÍTULO DO blogger"
target="_blank">
<img height="40px;" src="http://i.imgur.com/SO8lIcV.jpg"
width="40px;"/></a>
<a href="URL DO BLOGGER" title="TÍTULO DO blogger"
target="_blank">
<img height="40px;" src="http://i.imgur.com/SO8lIcV.jpg"
width="40px;"/></a>
</div></div>

3 comentários:

  1. Adorei o menu, principalmente por poupar bastante espaço na sidebar <3 Estava procurando alguns menus assim para um layout que estou fazendo. Com certeza vou usar algum tutorial daqui, me apaixonei por vários hahaha

    ~Abraços!
    ♡ Made by Lisa ♡

    ResponderExcluir
  2. OLá Roh-chan!~
    Ya, você anda muito atarefada, socorro, definitivamente não queria estar na sua pele, mas espero que as coisas melhorem pra ti^^ Eu nem vi o AAA, eu dificilmente acabo vendo por conta da minha internet do demon que insiste em ser uma verdadeira bosta ;u; Hope é muito amorzinho e talentoso <3 Woah, deve ter sido bem irritante pras moças do BlackPink ter que ficar com um microfone que está falhando, num programa que assisto (The X Factor) na hora da apresentação de uma cara o microfone ficou falhando, mas mesmo assim ele não parou até o pessoal do programa falar que ele iria recomeçar, mas deve ser bem ruim quando você quer mostrar seu potencial e isso aconteceu, eu ia ficar bem boladona com isso -q Enfim moça, que menu mais lindo, sério, eu realmente preciso enfiar isso em algum layout meu, ele poupa um gadget ou uma página do blog e ainda é muito amorzinho :3 'DOREY MUITO MOÇA~ Bem, estou-me indo :v { A W A }

    ResponderExcluir
  3. Olá Roh, que saudade! <3 Eu estou bem, espero que você também esteja. Kristal é muito deusa sim. Ah, vou começar na faculdade em breve e já estou com medo, socorrinho. Não cheguei a ver o AAA, mas vi algumas apresentações no youtube depois e como sempre tive sangramentos nasais. A PARTE DO JIMIN SEMPRE ME DESMONTA, SEM OR! E Hoseok é pura elegância, né non? Os microfones estavam todos bichados, euem. compraram na China? Ba dum tss

    Eu amo criar efeitinhos, dá um tesão quando tá pronto e você vê funcionando, aaaa! Mas tudo o que você faz fica maravilhoso, por mais que às vezes dê um trabalhinho a mais, haha! O menuzinho é a coisa mais linda, e não ocupa espaço, olha que prático! Adorei.

    [empire k.] [written f.]

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