Menu de Mensagem no blog

Repost do CG

Oi Dreammers! Como estão? Eu estou bem, apesar de estar com Bloqueio Criativo e tal, já devia ter me acostumado com isso, tenho sempre, mas por algum motivo, não, nunca me acostumo. Fiz duas fichas para um RPG no Amor Doce e aquilo sugou minha alma, nem layouts mais eu consigo fazer. Falando layouts, votem na enquete pelo amor de Deus (╯°□°)╯já tenho até a paleta montado para cada um (≧◡≦) desacostumei a usar kaomojis tenho ideia em mente, mas até agora nada resolvido.

Hoje vim trazer um tutorial que eu vi no CG uns dias atrás, é um menu de mensagem mega fofinho >u< eu amei, mas acho que só serve em certos layouts, mas é só saber mexer em HTML certinho e mexer na paleta e tal. Sem mais delongas, vamos ao post. Para ver a preview clique em Read More



(Vocês vão ver uma "aba" no canto direito, com um gif de panda escrito OI)

Para colocá-lo em seu blog, basta colocar esse código dentro de um HTML/Java Script


<style>
#menu
{z-index:999;
background-color:#fff;
border:2px dashed #FFC0CB;
width:50px;
height:50px;
border-radius:50px 0px 0px 0px;
-moz-border-radius:50px 0px 0px 0px;
position:fixed;
overflow:hidden;
bottom:0px;
right:0px;
-webkit-transition: opacity 0.8s linear;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;}
#icon
{margin-top:20px;
margin-bottom:20px;
margin-right:-12px;
-webkit-transition: opacity 0.8s linear;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;}
#menu:hover
{width:220px;
height:175px;
-moz-border-radius:0px;
border-radius:15px;
padding:10px;}
#menu:hover #icon
{margin-top:10px;
margin-right:0px;
margin-bottom:4px;}
</style>

<div id='menu'><center>
<div id='icon'><img src="http://33.media.tumblr.com/tumblr_lkl5vkKkoZ1qfamg6.gif"/>Oi</div>
Oi amigo, isso é um teste! Oi amigo, isso é um teste!
Oi amigo, isso é um teste! Oi amigo, isso é um teste!
Oi amigo, isso é um teste! Oi amigo, isso é um teste!
Oi amigo, isso é um teste! Oi amigo, isso é um teste!
Oi amigo, isso é um teste! Oi amigo, isso é um teste!
Oi amigo, isso é um teste! Oi amigo, isso é um teste!

</center><p></p>
<div align="right"> <u>ASSINATURA AQUI</u>
</div></div>

Só isso!! Modifique o que está em negrito, pode modificar outras coisas se quiser, mas saiba o que está fazendo para não bagaçar a coisa toda sim?
Você pode trocar o gif de panda por outro >u< É só colar a URL
Qualquer dúvida comentem ok?
Beijinhos e Brigadeiros~
Entenderam? HUEheue

14 comentários:

  1. Oi, oi Kaory! Estou bem e você? ~ Bloqueio criativo é um porre! Mas, tente nãpo forçar muito a criatividade; Deixe que as ideias fluam! ╮ (─▽─)╭

    Esse menuzinho é tão fofinho! Awn ~♥
    Ótimo post, beijos!
    colored cotton

    ResponderExcluir
    Respostas
    1. Oi oi Tori o/
      Estou ótima obrigada :3
      Siim >.<
      Depois que a gente força as ideias tudo acaba ficando uma merda e.e
      Obrigado Tori <3
      Beijos o3o

      Excluir
  2. Oi florzinha <3 Tudo bem?
    Eu também tô nesse maldito bloqueio criativo, o que eu opto pra não ficar sem o que postar é postar tutoriais aheuhae. Adorei o menuzinho, é um amor <3
    xoxo // Candy Bomb

    ResponderExcluir
    Respostas
    1. Oi Shinoda <3
      Tudo ótimo! E você?
      Sim, afinal é bem chato um blog sem postagens recentes né? e-e
      É mesmo <3
      xoxo~

      Excluir
  3. Olá, como vai?
    Bloqueio criativo é assim mesmo, sempre acontece :)
    Que menuzinho divonico >3<
    Kisses
    olivroemquehabito.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Olá Freaky o/
      Estou bem e tu?
      Já devia ter me acostumado mas e-e
      Obrigado >3<

      Excluir
  4. Oi :3
    Eu estou bem ^-^. Sei muito bem como é isso, as vezes eu penso penso e não consigo pensar em nada.(?)
    Eu já conhecia esse menuzinho, vi uma vez em um blog que gosto muito, mas o tutorial é bem antiguinho, já deve ter mudado alguns codes.
    Mesmo assim, o menu é muito fofenho <3
    Beijos!
    Com carinho Breh do blog Crazy Cake

    ResponderExcluir
    Respostas
    1. Oi >u<
      Que bom que está bem :3 Ai bloqueio criativo é horrível :c
      Ain em que blog? Eu postei no meu antigo blog e acabei não colocando os créditos lá (。・_・。)
      Acho que não... experimentei e está certinho!
      Ain obrigado *-*
      Beijos no kore~~

      Excluir
  5. Que menu lindo! Nunca tinha visto nada parecido e amei! Acho que vou colocar no meu blog depois ;D

    ~September Rains

    ResponderExcluir
  6. Olá Kaory <33~
    Eu nunca havia visto o menuzinho, achei bem fofinho e bom para quem sempre tem novidades no blog e gosta de informar aos seus seguidores. O tutorial é bem básico e eu achei bem explicado. Quando der estarei disponível para usa-lo!

    Xoxo~Cake-sugar

    ResponderExcluir
    Respostas
    1. Oi Myu o//
      O tuto é de outro blog, não lembro qual '-' o repost é de um antigo blog meu e eu ingênua que era, não coloquei os créditos e.e
      Achei mega útil para coisas como essas!! Tipo informar algo, avisinho, ou simplesmente, substituir o welcome como vi em alguns blogs!!
      use sim!! Ficarei mega feliz <3
      xoxo~~

      Excluir
  7. Oi, já votei na enquete. Bloqueio criativo é horrível. A pessoa quer fazer uma coisa mas não vem nenhuma ideia. É desesperador. Enfim, amei o menu, super diferente e simples. Vou favoritar pra tentar usar no meu próximo lay.
    Bjs,
    - heartmoon ♥

    ResponderExcluir
    Respostas
    1. Oi o/
      Obrigado pela sua ajuda <3
      Bloqueio criativo=pior coisa e-e
      Use sim!! Ficarei muito feliz >u<

      Excluir

Hey Dreammer, como está? Vai comentar? Primeiro leia as regrinhas >u<
☆ Os comentários são moderados
☆ Sim, as vagas estão abertas para afiliados.
☆ Palavrões são permitidos desde que não forem usados para ofender
☆ Se não gostou e está disposto a começar uma briga, saia.
☆ Faça somente críticas construtivas
☆ Retribuo todos os comentários, só tenha paciência.
☆ Deixe o link do seu blog para eu poder visitá-lo X3
☆ If you don't speak portuguese, don't hesitate to comment in your language! Be Welcome!
☆ Si tú no hablas portugués, no vacile y comente in español. ¡Bienvenido!

(っ・з・)っ ~ ♥ (≧◡≦) (≧∇≦)(ó㉨ò) ┐ (´ー`)┌ 〈( ^.^)ノ ᕦ(ò_óˇ)ᕤ ᕙ(⇀‸↼‶)ᕗ (∩︵∩) (╯︵╰,) (╹◡╹) (◑.◑) (◐.̃◐) (・_・ヾ (´・_・`) 【・_・?】 ( ゚д゚) (。_゜) ⊙.☉ \(〇_o)/ (⊙﹏⊙✿) (◕﹏◕✿) (◕‿◕✿) (◕︿◕✿) (◡‿◡✿) (◠△◠✿) (◕ω◕✿) (◠ω◠✿) (◠︿◠✿) (◠﹏◠✿) (◠‿◠✿) (ノ⊙ヮ⊙) (╯°□°)╯ಠ_ಠ ( ̄。 ̄)~zzz (°ロ°)ヽ (゜∇゜)ノ (ノ◕ヮ◕)ノ (▰˘◡˘▰) (︶▽︶) (。・_・。) (・ェ-) (。◕ ‿ ◕。) ʘ‿ʘ ╮ (─▽─)╭ ᕦ(ò_óˇ)ᕤ (≧ω≦) (^▽^) ( ̄□ ̄) (¬_¬) (╥_╥) (╯3╰) (¬‿¬) (◣_◢) (≧o≦) (⋋▂⋌) (॓_॔) (─‿‿─) (∩︵∩) (⊙_◎) (。♥‿♥。) (~ ̄▽ ̄)~ ★~(◠‿◕✿) (∩˃o˂∩) ~ヾ(^∇^) (づ。◕‿‿◕。)づ (ノ◕ヮ◕)ノ*:・゚✧ (;一_一) (¬_¬) (¬‿¬) (◕ ‿ ◕)/