04 fevereiro 2013

Menu Jumping | Efeito de Texto no PhotoFiltre | E mal entendido!

| |
Bolhinhas de sabão me lembram da infância... que saudade ^-^
Oi gente!!
Vou começar o post falando do mal entendido que aconteceu antes de ontem e que finalmente acabou hoje. Uma leitora, a Dani {mó fofa. Clica aqui para ver o blog dela}, comentou algo sobre o efeito, só que eu burrinha entendi errado. Aí eu fiquei tipo: "Como ela pode ter usado se eu postei agorinha?" e excluí achando que ela não leu o post e tals. Aí começou a confusão. Os leitores dela vieram aqui e me xingaram de nomes horríveis, então fui explicar para ela por que eu excluí e me desculpei, e ela me entendeu. Agora estamos em paz. Ela é mega fofa e foi super gentil, enquanto eu esperava alguém totalmente ao contrário. Ah, deem uma passadinha no blog dela, ok?

Tipo, eu quero dizer que isso foi um mega mal entendido, mas que isso não irá me impedir de excluir alguns comentários. Como eu disse na postagem anterior, tem gente que vem aqui e fala: "Concurso URL" ou então  {fazendo algo sem sentido, mas que vale divulgação: os 4 primeiros blogs que comentarem com a palavra chocolate, ganham divulgação na lateral} posto alguns backgrounds e falam: "Adorei os pngs". Isso não dá! "Quer dizer que não pode divulgar concurso aqui?" É óbvio que pode, amor. Mas tem que falar do post, ser gentil e depois divulgar o concurso para mim. Se eu achar o concurso legal, eu posso até divulgar na barra lateral.

Agora vamos falar de outra coisa, já estou cansada desse assunto e prometo nunca mais me precipitar ok?
Eu fiz um menu ^-^ Ele se chama Jumping jura? não sabia que o nome do menu era o mesmo do título ¬¬ {Pulando}. É um menu horizontal discreto só que tem um efeito bem legal.

A pedido de alguém na ask, eu vou postar o efeito que eu uso no meu blog de teste {eu não vou mais usá-lo como live preview, apenas para testar códigos para ver se dá certo. Estou trocando os posts com o blog teste como live preview para o tumblr} no texto e como fazer aquele balãozinho. Vamos?


Efeito No Texto
Eu usei o PhotoFiltre {Baixe aqui; torne-o gratuito aqui}. Primeiro a abra a imagem que você quer apertando CTRL+O ou faça um documento (imagem de qualquer cor, até transparente, do tamanho que quiser) apertando CTRL+N. Aperte Ok.

Aperte CTRL+T. Vai aparecer a ferramenta de texto. Escreva o que quiser.
Lembre-se: use um tamanho grande, nada de 30 {ou 25} para baixo, dependendo da fonte. Ela tem que ser grossinha. Ou seja, a maioria das letras Handwrite {ou mais conhecida como letras de mão} que são todas delicadinhas, fininhas e tals, só se for bem grande. Escolha a cor que quer.

 É só dar ok. Aperte A e escolha a opção do print abaixo.

É um pacote com várias formas entre desenhos e formas geométricas diferentes. A que eu usei se chama Stamp01. No meu pc, se clicar uma vez dá para ver como é a forma.

É só selecionar e pronto ^.^ Me avise se eu estiver esquecendo algo, é que sinto que esqueci algo. Estou tão esquecida ultimamente o.O


Menu Jumping
Só pra relembrar, aqui está ele novamente ^.^

Procure por ]]>< e acima cole:

@-webkit-keyframes i-like-move-isa {
10% {-webkit-transform: translatey(-5px);}
55% {-webkit-transform: translatey(-15px);}
100% {-webkit-transform: translatey(-10px);}
}
@-moz-keyframes i-like-move-isa {
10% {-moz-transform: translatey(-5px);}
55% {-moz-transform: translatey(-15px);}
100% {-moz-transform: translatey(-10px);}
}
@-o-keyframes i-like-move-isa {
10% {-o-transform: translatey(-5px);}
55% {-o-transform: translatey(-15px);}
100% {-o-transform: translatey(-10px);}
}
/* Menu */
menu-move {display: inline-block;
font-family: 'Trebuchet MS';
font-size: TAMANHO DA FONTEpx;
background: #COR DO FUNDO;
padding: 2px;
text-align: center;
text-transform: uppercase;
border-radius: 10px;
color: #COR DA FONTE;
text-shadow: 0px 0px 6px #COR DA SOMBRA;
width: LARGURA DO MENUpx;
line-height: 22px;
}
menu-move:hover {
    -webkit-animation-name: i-like-move-isa;
    -webkit-animation-duration: .5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
-moz-animation-name: i-like-move-isa;
    -moz-animation-duration: .5s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: alternate;
-o-animation-name: i-like-move-isa;
    -o-animation-duration: .5s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: alternate;}
Mude apenas o que está em negrito, ok?

Agora vá em Layout • Adicionando gadgets • HTML/JavaScript • Cole:

<a href="http://euamohtml.blogspot.com.br/"><menu-move>Home</menu-move></a>
<a href="http://euamohtml.blogspot.com.br/"><menu-move>Nome</menu-move></a>
<a href="http://euamohtml.blogspot.com.br/"><menu-move>Nome</menu-move></a>
<a href="http://euamohtml.blogspot.com.br/"><menu-move>Nome</menu-move></a>
<a href="http://euamohtml.blogspot.com.br/"><menu-move>Nome</menu-move></a>
É só salvar e pronto ^-^
Beijos. Espero que tenham gostado.

14 comentários:

  1. Que Bom Que o Mal Entendido Foi Resolvido!! Olha primeirameramente (Desculpa) Aí Voçê Deve se Perguntar Pq eu To Pedindo Desculpa?! Olha Eu Deixei um omentario Em Anonimo No Seu blog Falando sobre esse Mal entendido que Aconteseu!! desculpa por dito aquelas coisas Pra Voçê Eu Sei que Voçê Não gostou & EU Tbm fui muito grossa!! Então to desculpada?? Espero que sim! & Adorei seu Blog..

    ResponderExcluir
    Respostas
    1. Adorei sua atitude! Você foi a única pessoa que veio aqui, provando que você é humilde e corajosa {sem ofensa a ninguém}
      Obrigada ^-^

      PQ não deixou o link do seu blog, amor? ;/

      Excluir
  2. Sério, menu perfeito, na boa. E sinceramente acho que você agiu certo. Não conheço um único autor que não exploda um comentário sem noção. Até quem comenta esse tipo de coisa não gosta que faça o mesmo, afinal, o objetivo central de quem escreve qualquer coisa, principalmente na internet é ser lido. bezzo, sarah
    http://svt-pistache.blogspot.com.br/

    ResponderExcluir
  3. Adorei o tutorial,e o efeito do menu é bem legal.Eu procurando a Live Preview e estava bem na minha frente rsrsrs,enfim amei o blog estou seguindo.
    Adorei o blog da Dani!!!

    Beijos
    Amora Ruffles

    ResponderExcluir
  4. Estou pensando em usar esse,acho incrível as pessoas como vcs criarem códigos,me sinto burrinha perto disso.Vim também agradecer a visita no meu blog e dizer que sim,sou eu quem faz os desenhos.Desculpa também ter precipitado em relação ao que aconteceu com a dani,é que agente é muito amiga,e eu pensei que vc tava errada,quando na verdade era só um mau entendido.
    muito sucesso para vc e que isso nunca mais se repita,bjs!!!
    Sckitty World

    ResponderExcluir
  5. Awn, adorei seu blog, muito lindo. Amei o Lay!! *-*

    Retribui? Estou seguindo aqui.

    thewoag.blogspot.com.br

    Kisses

    ResponderExcluir
  6. Muito Obigada pelo Elogio!!
    cantinhodarebec.blogspot.com.br
    soluanetes.blogspot.com.br

    ResponderExcluir
  7. ain que fofa :3 obrigada,também acho você super legal e seu blog é incrível! *----* Adorei o menu,você tem muito talento para criar códigos html! Entendo o que você falou,uma vez eu postei um top 5 de vídeos mais legais com danças,mas,tipo eram videos bem raros pois eram de cantores russos,aí veio uma menina e comentou ''adoro esses videos,visita meu blog?'' é chato mesmo u_u.Beijos

    ~~Quem Precisa de tv Para Ver Beyoncé

    ResponderExcluir
  8. Não tenho o photofiltre, só o photoscape :(

    Ah seguindo seu blog, segue de volta?
    www.cupcaketaste.com

    ResponderExcluir
  9. Dani, primeiro queria relatar que eu estou tendo probleminhas para comentar aqui, o texto não aparece na caixa, ai eu estou escrendo no bloco de notas pra postar ):

    Enfim, que bom que o mal entendido foi esclarecido e que agora está tudo bem ^^
    Isso é bem chato, eu sempre respondo meus comentários lendo todas as postagens ~não sei se ta valendo, mas chocolate pra você haha~ de todos os blogs, e ai quando chega um copy&cola la no Tk juro que não sei o que fazer, só não respondo com copy&cola pq o que não quero pra mim, não vou querer pra blog nenhum, tem que dar o exemplo ne? hah ^^

    E eu amei o menuzinho, você que fez? Parabéns viu, eu favoritei, logo faço uma postagem lá com os melhores menus e o seu estará nele ;D
    Acho bem mais fácil as live previews hospedadas no tumblr, você não precisa se preocupar com um monte de códigos num lugar só, né?

    Fiz um post do que um comentário, então vou ficando por aqui aushauhsahs :3
    Beijos
    Too Kawaii

    ResponderExcluir
  10. Isa Souza ;P Eu Queria Saber Se Tem Como voçê Criar Um Layont Para o Meu Blogito? Por Favor! e Porque eu sou nova no blogosfera & Presiço de ajuda,Mim da Essa Forsinha por Favor! Mim Manda uma Resposta na no Meu Blog!
    cantinhodarebec.blogspot.com.br
    Agradeço desde Sempre.
    Beijo!

    ResponderExcluir
  11. O menu é perfeito. E o efeito no texto
    é super legal, e muito bonito. Adoro Styles e personalização
    na parte de fontes, e tal ..

    Seu layout tá super, lindo *u*

    #- Subdona ;

    http://poisonhtml.blogspot.com.br

    ResponderExcluir
  12. Adorei o menu ! É super original :3
    Estou seguindo & acompanhando .

    Obrigada pela visita :3

    lettts-haave-funn.blogspot.com.br/

    ResponderExcluir
  13. Desculpe-me se ja perguntaram, mas estou começando agora a mexer com html e com blogs rs', mas no lugar do #negrito eu coloco o que? Obrigada!

    ResponderExcluir

« »