#HTML - Modelos de Tooltip [EXCLUSIVO]

sábado, 7 de novembro de 2015
♫ ~ MY CANDY BOY MY BABY GOTTA HAVE YOU GOTTA LOVE YOU ~ ♪

Essa música ♥ como não amar Candy Boy?? Estava quase gritando a letra dessa música agora mesmo shuashua' Mas, como vão vocês? Espero que bem <3 eu vou bem, acabei de terminar um trabalho e estou tão aliviada haha' era pra ser em grupo, mas cadê meu grupo para me ajudar? Falei que eles tinham que me entregar uma pesquisa ontem e não vi nenhuma ¬¬' agora o m,eu grupo sou eu e eu, só meu nome ali no trabalho mesmo u.u não vou carregar ninguém ¬¬ Mas parando de falar de trabalhos, estou louca para ver os vídeos do Melon Music Award ♥ já saíram, mas eu ainda não vi porque estava fazendo o trabalho e agora vim postar >///< gosto tanto de quando começam a ter essas premiações porque tem tantos stages legais <3 só vi o de Red Velvet, com o tema Divertidamente, e nem preciso dizer que amei ♥ ainda não falei do filme aqui, mas logo falarei também, porque o filme é ótimo. Retomando o foco em Stages, obrigada pelos comentários na postagem anterior <3 ainda não respondi alguns, mas logo farei isso c: e neles vocês falaram que gostariam do post com tooltips, e aqui está ele!

São, como na imagem, nove modelos para vocês usarem <3 todos criados e desenvolvidos por mim. A única coisa é que o código que vai acima do head, não é meu, e sim do The Moon Reverse, então, aqui estão os créditos para a sua autora diva Mack ♥ Se usar credite viu? Creditar não custa nada, evita que você seja acusado de plágio (afinal, usar o material disponibilizado por alguém e não creditar é sim plágio), e ainda me ajuda a continuar a trazer mais tutoriais aqui no blog <3 E sério, agora não tenho mais nada para falar, vou falar coisas aleatórias só para nivelar, porque sou viciada em nivelamento -shaushaushau' Eu consegui fazer uma split, mais ou menos, ainda não está perfeita, mas está quase <3 daqui a pouco estou eu fazendo que nem a Nahyun (gif) não Amy, não, para de sonhar -q E estou aprendendo a dançar Like OOH-AHH ♥ a parte da Tzuyu ♥ só que aquela parte do break dance me mata viu? Ainda não sei como fazer ¬¬' torçam por mim -hsauhsuahsa' sempre pedindo por torcida, mereço um prêmio por isso -q Vou parar de enrolar agora, vamos para os tooltips <3



Tutorial: tooltip personalizado no blog
Primeiramente, é preciso adicionar acima do <head> o código a seguir:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js' type='text/javascript'/>
<script language='JavaScript' src='http://yourjavascript.com/1411249631/qTip.js' type='text/JavaScript'/> 

Não se esqueça disso, pois caso contrário, seu tooltip não irá funcionar (a não ser que você já tenha um tooltip personalizado e esteja apenas trocando o modelo, pois assim, basta ir para a próxima etapa). Depois, procure por ]]><b:skin> e cole o código nas caixas abaixo, de acordo com o modelo desejado ^^ (caso você tenha um tooltip personalizado e esteja trocando o modelo, não se esqueça de apagar os códigos do modelo anterior para garantir que tudo funcione ;D)

Tooltip com bordas no estilo moldura

div#qTip {
  margin:2px; /*distância para o cursor*/
  margin-left: 10px; /*distância para o cursor, altere conforme achar necessário*/
  padding: 2px 5px; /*acolchoamento da caixa*/
  display: none; /*não mexa*/
  font: normal normal 8px PF Arma Five; /*fonte do texto*/
  color: #999; /*cor das letras*/
  no-repeat 5%; /*não mexa*/
  position: absolute; /*não mexa*/
  z-index: 1000; /*não mexa*/
  opacity: 1.0; /*opacidade do tooltip*/
  outline: 1px solid #ccc; /*cor da borda mais externa*/
  outline-offset: 4px; /*distância da borda mais externa em relação à caixa*/
  border: 3px solid #fff; /*cor da borda branca, se quiser, mude*/
  box-shadow: 4px 4px 0 #ddd, -3px 4px 0 #ddd, -3px -3px 0 #ddd, 0px -3px 0 #ddd, 4px -3px 0 #ddd, 4px 0px 0 #ddd, -4px -4px 0 #fff, 4px -4px 0 #fff, -4px 4px 0 #fff, -4px 0 0 #fff; /*os primeiros são a cor da borda do meio, e os com o fff são aquele efeito de brilho pela sombra*/
  background: #eee; /*cor de fundo do tooltip*/
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
}
div#qTip {
  margin:2px; /*distância para o cursor*/
  margin-left: 10px; /*distância para o cursor, altere conforme achar necessário*/
  padding: 2px 5px; /*acolchoamento da caixa*/
  display: none; /*não mexa*/
  font: normal normal 8px PF Arma Five; /*fonte do texto*/
  color: #F9B9D5; /*cor das letras*/
  no-repeat 5%; /*não mexa*/
  position: absolute; /*não mexa*/
  z-index: 1000; /*não mexa*/
  opacity: 1.0; /*opacidade do tooltip*/
  outline: 1px solid #F9B9D5; /*cor da borda mais externa*/
  outline-offset: 4px; /*distância da borda mais externa em relação à caixa*/
  border: 3px solid #fff; /*cor da borda branca, se quiser, mude*/
  box-shadow: 4px 4px 0 #FCD8E8, -3px 4px 0 #FCD8E8, -3px -3px 0 #FCD8E8, 0px -3px 0 #FCD8E8, 4px -3px 0 #FCD8E8, 4px 0px 0 #FCD8E8, -4px -4px 0 #fff, 4px -4px 0 #fff, -4px 4px 0 #fff, -4px 0 0 #fff; /*os primeiros são a cor da borda do meio, e os com o fff são aquele efeito de brilho pela sombra*/
  background: #FDE8F1; /*cor de fundo do tooltip*/
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
}
div#qTip {
  margin:2px; /*distância para o cursor*/
  margin-left: 10px; /*distância para o cursor, altere conforme achar necessário*/
  padding: 2px 5px; /*acolchoamento da caixa*/
  display: none; /*não mexa*/
  font: normal normal 8px PF Arma Five; /*fonte do texto*/
  color: #9DE4EE; /*cor das letras*/
  no-repeat 5%; /*não mexa*/
  position: absolute; /*não mexa*/
  z-index: 1000; /*não mexa*/
  opacity: 1.0; /*opacidade do tooltip*/
  outline: 1px solid #9DE4EE; /*cor da borda mais externa*/
  outline-offset: 4px; /*distância da borda mais externa em relação à caixa*/
  border: 3px solid #fff; /*cor da borda branca, se quiser, mude*/
  box-shadow: 4px 4px 0 #BAECF3, -3px 4px 0 #BAECF3, -3px -3px 0 #BAECF3, 0px -3px 0 #BAECF3, 4px -3px 0 #BAECF3, 4px 0px 0 #BAECF3, -4px -4px 0 #fff, 4px -4px 0 #fff, -4px 4px 0 #fff, -4px 0 0 #fff; /*os primeiros são a cor da borda do meio, e os com o fff são aquele efeito de brilho pela sombra*/
  background: #D6F4F8; /*cor de fundo do tooltip*/
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
}


Tooltip com bordas no estilo moldura

div#qTip {
  margin:2px; /*distância para o cursor*/
  padding: 7px 5px; /*acolchoamento da caixa*/
  display: none; /*não mexa*/
  font: normal normal 11px Georgia; /*fonte do texto*/
  letter-spacing: 1px; /*espaçamento das letras*/
  color: #fff; /*cor das letras*/
  no-repeat 5%; /*não mexa*/
  position: absolute; /*não mexa*/
  z-index: 1000; /*não mexa*/
  opacity: 1; /*opacidade do tooltip*/
  background: url('https://fbcdn-sphotos-a-a.akamaihd.net/hphotos-ak-xaf1/v/t34.0-12/12179552_790454134397490_636184923_n.jpg?oh=12f0dc4aef94993419cc3bf27a022809&oe=5631739F&__gda__=1446148241_c3351cf9d2465c1a1dd2774438f4d512') repeat; /*cor de fundo do tooltip*/
  text-shadow: 1px 1px 0 #C58FDE, -1px -1px 0 #C58FDE, -1px 0px 0 #C58FDE, 0px -1px 0 #C58FDE, 1px 0 0 #C58FDE, 0 1px 0 #C58FDE; /*sombra do texto*/
  outline: 1px solid #fff; /*risco branco interno*/
  outline-offset: -2px; /*posição do risco*/
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;

}
div#qTip {
margin:2px; /*distância para o cursor*/
padding: 7px 3px; /*acolchoamento da caixa*/
padding-left: 14px;
display: none; /*não mexa*/
font: normal normal 8px PF Arma Five; /*fonte do texto*/
letter-spacing: 1px; /*espaçamento das letras*/
color: #9b0000; /*cor das letras*/
no-repeat 5%; /*não mexa*/
position: absolute; /*não mexa*/
z-index: 1000; /*não mexa*/
opacity: 1; /*opacidade do tooltip*/
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMT-pY7WHXzLVueoUNhXbIn-h65gDQ2du_FOauP5yXZ3W3IJD1ZMDnPb2leQ4g-t5tUZ3kJixWFXXRKBcxn25NV0KU5drZYwmycLrHIUWpzt7q3FgLGP9-46dHi8GdHJyhIEvjbXRqytU/s1600/heart.png') no-repeat 2px 8px, url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqF4nTkTw-rL5MVOPeHYpycDSo79KBSIFimi5bsbk9ddvArxhNBqev2-MH7GvIFH5ol_1jesUFoYDo0QZgmm8zWN9XW0b_JchwRRl34N1cZesyVDm3QkTwqYJAarE8gvCHi9d2JZNarzw/s1600/bg.png') repeat; /*cor de fundo do tooltip*/
box-shadow: inset 0 0 5px #ccc; /*sombra do tooltip*/
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
}
div#qTip {
  margin:2px; /*distância para o cursor*/
  padding: 6px 8px; /*acolchoamento da caixa*/
  display: none; /*não mexa*/
  font: normal normal 8px PF Arma Five; /*fonte do texto*/
  letter-spacing: 1px; /*espaçamento das letras*/
  color: #fff; /*cor das letras*/
  no-repeat 5%; /*não mexa*/
  position: absolute; /*não mexa*/
  z-index: 1000; /*não mexa*/
  opacity: 1; /*opacidade do tooltip*/
  background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_YtyL_ouK-CzWhSTsqrcGWOV56RlAOconFY7v65tE2Aq6tzkqxo52k9G-DFSowKoQDSMtBcNRdu5CJkBEf-024EHhnPrwM013Vv5Gs5U_PFBqmBvfQltGq-EA0s2fFGbbRJf16AgA4Yw/s1600/canto1.png') no-repeat left top, url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi9LEgKK2HnaYht0VknuxyWOvTaJ4b2Q827b_gNUheKxD5acDyklAdWH9vhk70vb27SJGmwFQCklbYZGw6K8szgsEZpvmGT_PaGEDSAG1k9V5Rzekxr4sb1574ICvGIoVApki34tpo1A0/s1600/canto2.png') no-repeat left bottom, url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8NU7FUchyaJ98_ZDNdEy16xdzjJ2UCGH7YaLR6kHLkZxxW4JY81fvVsR3mMoO88uthbyw6UpQGRKdZLQD-zZpFhMUY6PCbeq0GCidds6CRxETqJwMgfIQXhpiZp1Lje5vazmmVnAVliI/s1600/canto4.png') no-repeat right top, url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiusoZdmxJwKZgfNrGwXNxCvephY800OIAGxOVFvYbOj9WObJxyH_eeudwBsLOqEwYmBxW9DOhm9ayd3dNkoGDCMSfIDUssVda1IpuNwkztgnA1o0f_xaA_zZIT6XPJ0zZ0DcI2a8EJYZ0/s1600/canto3.png') no-repeat right bottom, url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7XtohY8mtxkRyUz6DLIuuXE15MhrCg95cbfCVyHLplxDdkhE0q8oDOMVquE3AJa57Gf4y8ssWgR9WGdAulhipJd6Itu1G9zqU6PvOg_JNjBOU6nI4Dj319168J5o9KSWherWW7tboZmA/s1600/galaxy.png') repeat; /*fundo do tooltip, só mexa caso queria mudra o fundo degrade, que possui como nome galaxy*/
  border: 1px solid #fff; /*borda do tooltip*/
  box-shadow: inset 0 0 10px #fff; /*sombra do tooltip*/
  text-shadow: 0 0 3px #AAAEEC; /*sombra do texto*/
  border-radius: 2px; /*arredondado*/
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
}


Tooltip simples

div#qTip {
  padding: 5px 6px; /*acolchoamento da caixa*/
  display: none; /*não mexa*/
  font: normal normal 10px Trebuchet MS; /*fonte do texto*/
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #707070; /*cor das letras*/
  no-repeat 5%; /*não mexa*/
  po  margin:2px; /*distância para o cursor*/
sition: absolute; /*não mexa*/
  z-index: 1000; /*não mexa*/
  opacity: 0.6; /*opacidade do tooltip*/
  background: #eee;
  border: 1px solid #ccc;
  box-shadow: inset 0 0 7px #e5e5e5;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
}
div#qTip {
margin:2px; /*distância para o cursor*/
padding: 5px 6px; /*acolchoamento da caixa*/
display: none; /*não mexa*/
font: normal normal 10px Trebuchet MS; /*fonte do texto*/
letter-spacing: 1px;
text-transform: lowercase;
color: #F9B9DA; /*cor das letras*/
no-repeat 5%; /*não mexa*/
position: absolute; /*não mexa*/
z-index: 1000; /*não mexa*/
opacity: 1; /*opacidade do tooltip*/
background: #FDE8F1;
border: 1px solid #FCD8E8;
box-shadow: inset 1px 1px 0 #fff;
border-radius: 3px;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-o-transition: all 0.1s linear; }
div#qTip {
  margin:2px; /*distância para o cursor*/
  padding: 4px 6px; /*acolchoamento da caixa*/
  display: none; /*não mexa*/
  font: italic normal 11px Georgia; /*fonte do texto*/
  color: #707070; /*cor das letras*/
  no-repeat 5%; /*não mexa*/
  position: absolute; /*não mexa*/
  z-index: 1000; /*não mexa*/
  opacity: 1; /*opacidade do tooltip*/
  background: #eee;
  border: 5px solid #fff;
  box-shadow: inset 1px 1px 0 #ccc, inset 0 0 7px #ccc, 1px 1px 0 #ccc;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
}
*OBS.: os dois primeiros tooltips não são assim altos, só tive que fazer isso para alinhar com o terceiro (os códigos deles estão todos certinhos), e o terceiro possui uma margem em branco, por isso que não está visível. E também, o primeiro com a opacidade é com um fundo "liso", o que aparece ali é justamente por causa da opacidade >///<



É isso ♥ espero que tenham gostado <3 usem os modelos, por favor -hahahahah' trabalhei muito neles ♥ ah, e qual foi o preferido de vocês? Eu gosto muito do terceiro do background de imagem ♥ queria tanto fazer um com essas "bordinhas" internas <3 ah, e não se esqueçam, se quiser usar só a base e editar o resto, não se esqueça de creditar também ^^

Temos 33 comentários, comente e alegre o dia de uma pessoa ~ (≧▽≦)

  1. Desculpa eu to fazendo uma bagunça aqui , eu amei o efeito moldura foram os melhores pra mim , eu ia usar , mas acabei que não vou dessa vez , por que já mudei o layout. Eu não me vi nos seus afiliados '-'
    DELIGHTS PASSOU POR AQUI.

    ResponderExcluir
    Respostas
    1. Que isso >///, Já arrumei haha' obrigada <3 quem sabe no próximo?? Ahh sim... então Mor, ele está no "+" onde estão todos os afiliados >///< abre um popup e ele é o primeiro <3

      Excluir
    2. Não tinha visto o popup '-' desculpa.

      Excluir
  2. ~I'll make this feels like hoome ~ ♪

    Aloha, Amy! Eu estou na bad por causa de três cordõezinhos meus que não consigo encontrar de jeito nenhum, e eles são tipo, muito preciosos para mim ~ e tô com fome~ TT-TT sjdfhdf. E você? Ah, trabalhos em grupo nunca dão certo comigo TT-TT sempre acabo fazendo sozinha. No começo desse ano, a professora cismou e bateu o pé que eu iria fazer trabalho em grupo e no dia da entrega me deu trinta pontos porque ninguém fez o trabalho porque duas das meninas se mudaram e uma sumiu por mais de dois meses :v ''Fazer'' um trabalho nunca foi mais fácil do que esse hu3
    Bom, não entendo muito sobre K-pop, mas também adoro premiações <3 (não sei se na Coreia é assim também, mas nas premiações tipo EMA,VMA, Grammy e etc, é legal quando as câmeras focam na cara do ganhador da categoria no momento em que o chamam jsdhfdjf é engra demais :v)

    Os modelinhos ficaram lindinhos demais >w< Amei todos ~como colocar todos os tooltips que a amy fez no layout google pesquisar :v ~ Meus preferidos são o modelinho rosa em estilo moldura e de galáxia pastel com bordinhas internas *u* Ah, como eu amo post's de goodies jsdashdgasdh

    Ps: Amy, eu me inspirei no nome do seu blog para criar um nome e ficou, tipo ''Lovely Marshmallow'', porque é um nome bem amorzinho mas antes de usar mesmo, vim aqui pedir permissão, porque obviamente, foi uma GRANDE inspiração, né non? Então se você não quiser, de boa na lagoa, tenho mais algumas outras ideias ali e não vou ficar chateada nem nada ^w^ (aí, no caso, eu também ia deixar créditos por inspiração para ti :3)
    Ps²: Aqui parece ser tão legal õ/ Vou ali dar uma stalkeada legal nas outras postagens *u* By the way, esse layout é lindo! E as fotografias que você tirou para as gadgets ficaram lindinhas também. <3 Ah, e estou me sentindo seduzida por aquele milkshake secsi ali no cantinho, viu?! asuasash.
    ~chu

    ResponderExcluir
    Respostas
    1. Bae, eu fui no seu portfólio e vi que aquele layout em rosinha e azul está com o título de ''layout free'', você vai liberar ele futuramente? Porque tipo, eu estou vomitando arco-íris açucarado por ele >//< E se não for para liberar, você vende? Porque eu toparia comprar :v :3

      Excluir
    2. Olá Mia <3 Vish, boa sorte com a procura ♥ espero que você consiga encontrá-los <3 e que você possa saciar a sua fome! hahahah' eu estou bem, obrigada :3 pois é, é quase sempre o mesmo comigo, trabalhos que eu me mato fazendo as coisas TT^TT nossa, trinta pontos? Isso é bom né? ~na minha escola é um treco diferente que não tem essas coisas de nota, é, pois é~
      Premiações ♥ também amo -hahahha' é assim também hahaha'

      Obrigadaaa Mia <3 que bom que gostou ♥ também amo esses ♥ shaushuashua' goodies <33

      Então, Mia, é meio chato dizer isso, mas eu queria saber se você realmente pode usar outro nome... Porque como você disse é uma grande inspiração e tals... Ou se você achar que fica bom mudar para outra palavra no lugar do "Lovely", (Pink, Fluffy, Adorable, Cute, Shy (? ficou meio nada a ver mas achei que ficou bonitinho), Lazy (o mesmo caso do Shy), Fancy, Sparkling, Yummy) Marshmallow (deixei assim para caso você queira ir combinando e vendo como fica). Sério, me desculpe, mesmo, mas é porque eu acho que iria ficar meio parecido e tals >///< espero ter te ajudado com as sugestões >//< (por favor, responda-me depois para eu saber o que achou das ideias ♥).
      Obrigada ♥ que bom que gostou desse cantinho hahahah' obrigada <33 Aquele Milkshake ♥

      Ahh, mil perdões (novamente) mas eu cometi um engano e esqueci de mudar ali :c ele não é free, foi um que eu até já usei aqui no LM :c então, sobre vender, bem... eu nunca vendi um layout shaushuahua' e como esse é um "layout usado" não acho certo vendê-lo, você me entende?? Eu posso dar umas mudadas nele e tentar liberá-lo, mas isso seria provavelmente só mais tarde, talvez no aniversário do blog (10/12), você poderia esperar até lá?? E novamente, desculpa Mia TT^TT

      Excluir
    3. Obrigada, vou precisar. TT^TT <3 hahah, sim. Vou fazer tapioca >//< Sim, trinta pontos é MUITO bom! sjfhsdjf Sério? É como, por letras tipo A+ e etc? *o* Ah, legal! Premiações são demais u.u

      Oush, que isso Amy, não precisa se desculpar. Realmente, e pensando melhor, mesmo com os créditos, muitos poderiam não ver e achar que eu estou plagiando :v Estou in love com as sugestões ♥ Fiquei dividida :cccc Acho que vou fazer um uni-duni-tê maroto aqui para escolher sabe :v

      Era eu quem tinha que estar me desculpando, moçan. Ahh. Sim, entendo. Tudo bem <3 sjdfhsdfh Beijinhos, Amy. Obrigada pelas sugestões >//< Vou usar.

      Excluir
    4. Que isso -shaushua' eu também vivo perdendo as minhas coisas, mas dá pra achar ♥ Tapioca ♥ Ahh, então que bom -hahahahah' na verdade também não é assim, é um outro jeito ainda, eles chama de avaliação por conceito, você tem vários conceitos para atingir (tipo para cada conteúdo da matéria tem vários conceitos) e daí os nomes são diferentes, para se você foi muito bem, se foi normal, se foi mal, ou se não soube de nada mesmo hsuahusahua' Premiações são mesmo u3u

      Pois é, eu tinha pensado nisso também... Mas que bom que gostou das ideias hahahah' nada como uns bons adjetivos shuahsuau'

      Que isso u.u você veio pedir permissão para mim e fico honrada por isso <3 por ter sido uma inspiração para alguém >///<

      Beijos Mia ♥ que bom que gostou hsuahsauh'

      Excluir
  3. Olá Amy;
    bem, primeiramente estou aqui para dizer que adorei o teu blog. Agora, os modelos de tooltip ficaram muito lindinhos, você quem fez? Parabéns, adorei todos! Quem sabe eu passe a usar em meu próximo design, num estilo fofogay hahusah. Ficou maravilhosinho, achei muito fofo.

    Cya {{lockzcreen.blogspot.com

    ResponderExcluir
    Respostas
    1. Olá Cya <3
      Obrigaaaada ♥ fico feliz que tenha gostado amore ♥ obrigada novamente -hahah' fui eu sim >///< obrigada ♥ Quem sabe né? Espero que você possa usá-los hahaha' obrigada ♥

      Excluir
  4. Amei!! Todos tem um modelo In-crí-vel, obrigada por postar este tutorial. Me ajudou muito porque tem tutoriais que não funcionam e esse seu é bem explicadinho.
    Meu blog: Photography Day
    Tambem postei esse tutorial la no meu outro blog com os devidos créditos: Tutoriais Aqui!

    ResponderExcluir
    Respostas
    1. Obrigada Bárbara <3 que isso, eu é que tenho que agradecer hahahhaha' Obrigada ♥ fico feliz que tenha gostado, mesmo que eu demore mais fazendo posts assim, prefiro sempre explicar cada coisinha hsuahusahushua'
      Ahh sim... ^^

      Excluir
  5. Lindos os modelos Amy! Com toda certeza irei usar em um layout que estou trabalhando!
    Deixa eu te fazer uma pergunta meio besta? Como você faz pra deixar o link dos comentários aparecendo no post footer mesmo quando entra na página do post?
    Ah, parabéns pelo blog maravilhoso!
    Beijo <3

    ResponderExcluir
    Respostas
    1. Obrigada Aninha <3 agradeço por utilizar um desses tooltips hahahah'
      Que isso u.u não é besta não, eu fiquei testando várias vezes para conseguir isso hsuahsuahusa' Então, eu procuro por "<b:include cond='data:blog.pageType not in {"item","static_page"}" no HTML do blog e retiro a seguinte parte: "cond='data:blog.pageType not in {"item","static_page"} and data:post.allowComments'" e só hahahahahha' é bem simples, mas dá um ótimo resultado hsuahsuahu'
      Obrigada ♥
      Beijos <3

      Excluir
    2. Amy, muito obrigada por responder, me ajudou muito, muito mesmo!!!
      Tudo de bom para você <3

      Excluir
    3. Que isso u.u Fico feliz em ter te ajudado <3
      Obrigada e igualmente! ♥

      Excluir
  6. Nova por aqui, amei o blog <3
    O tutorial é ótimo amo tooltip, mais as vezes tenho de resistir a usar por que também gosto desse básico que sempre tem sem personalizar! Amei os modelos, super fofos *---*
    Beijos!

    http://cloundforhtml.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Bem vinda ao Lovely Milkshake Aki-san <3 e obrigada ♥
      Também amo hahahha' digamos que é um vício meu hsuahsuahusa' sério?? Eu tenho uma cisma com esse simples, porque ele demora um pouco para aparecer @_@ mas ele é bonito também hahahah' obrigada ♥
      Beijos <3

      Excluir
  7. Olá Amy a quanto tempo não? Amei seu blog está muito belo como sempre. Os modelos estão muito lindos, amo modelos de tooltip gostei muito da postagem. Amy não sabia em que pagina podia responder sua pergunta, mas claro que aceito afiliação de novo. Para mim será um prazer. Seu blog já se encontra na minha lista de afiliados com o nome "Love MS"

    webunny.blogspot.com (Bunny Crazy)

    ResponderExcluir
    Respostas
    1. Olá Wendy ♥ muito tempo né? Saudades de você <3 obrigada Wendy ♥ assim como o seu u3u obrigaaada <3 Ahh tudo bem, não tenho uma página específica, então está tudo certo responder por aqui hahahahah' Obrigada <3 você não tem noção de como fico feliz com isso ♥ obrigada, mesmo ♥ o prazer é todo meu ♥ Okay <3
      Kissus ♥

      Excluir
  8. Olá ♥ Como vai?
    Eu nunca escutei essa música, novidade, não é mesmo? Ashaushus
    Ah! O que dizer dessas pessoas que não fazem merda nenhuma pra ajudar no trabalho?
    Teve uma vez que eu fiz tudo sozinha e retirei o nome delas de tudo, por que não sou trouxa, e ela ainda teve a cara de pau de vir reclamar! Não sou obrigada a "dar" a nota de mão beijada pra alguém que não fez nada ¬¬.

    Enquanto você tem várias músicas, álbuns etc. pra ver, eu tenho várias séries! Sério, são muitas mesmo, nem sei por onde começar a maratonar hahaha. Sem contar os filmes que quero ver, e os que aguardo ansiosamente para ver anos que vem, quando lançar. O que dizer desse 2016 que mal conheço e já considero pakas? hahahah

    Miga, sua loka, você vai conseguir fazer o split hahaaha Se você dançar Like Ooh-ahh na sua formatura, estou aguardando o vídeo hahahha ♥

    Eu achei os modelos de tootlip super fofos *uu* Meu modelo favorito foi esse primeiro, com bordas no estilo moldura :3

    Beijos ♥ | Ah! Pode me tirar da elite? Estou reformando o blog, e não pretendo continuar a ter afiliados. Acho injusto, pois estou sempre mudando, sabe? Obrigada desde já :D | Ah!² Não repare os erros de português nesse comentário, estou com preguicinha de corrigi-los ahsuahs

    ResponderExcluir
    Respostas
    1. Olá Lari ♥ vou bem, e você?
      Hahahahha' mas essa é do Twice (o grupo novo que já falei por aqui) e nem é a principal, então é normal hsuahsuahusa
      Pois é, não tenho o que dizer ¬¬'
      Bem dessa! Eu fiz o trabalho inteiro e deixei só o meu nome lindo u3u beijo no ombro pro resto shaushuahsahu' e o pior é que uma das pessoas do meu grupo teve a cara de pau de um dia antes da entrega vir me perguntar "qual era o nosso tema?" ¬¬' fez um trabalho sozinho u.u se reclamasse eu falava "querido, não sou obrigada a te carregar não viu?"

      Hahahahaha' séries <3 agora só que entrei para esse mundo das séries, então ainda só vi/estou vendo Once Upon a Time ♥ boa sorte com as séries hsuahusahushausa' Os filmes que irão sair ano que vem ♥ espero que dê para eu ir assisti-los hahahah' 2016 ♥

      Obrigada hsuahsuahsuahus' eu hein Lari? Se eu dançar e me gravarem eu morro hshusahusau' cavo um buraco na terra e me escondo lá até 2070 hsuahsuahus'

      Obrigada ♥ que bom que gostou <3 também gosto deles hahahah'

      Beijos ♥ posso sim... Ahhhh sim, que isso u.u tudo bem pelos erros hsuahushau

      Excluir
  9. Olá! Adorei o seu blog e os tooltips! Como eu adoro coisas básicas, o último tooltip foi o que mais gostei IJSERIGJOIJ' mas enfim, adorei o seu layout, tudo super organizadinho aqui <3. E eu também preciso ver os videos do Melon, só vi o de BTS e Red Velvet até agora ):

    http://rawr-it.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Olá <3 obrigada ♥ hsuahushausua' coisas básicas são tão simples mas tão lindas né? Obrigada ♥ shuahsuahus' eu também hahah'

      Excluir
  10. Oii!
    O seu blog é muito lindinho, adorei ele. E os tooltips também, inclusive estou usando um no meu blog.
    Já estou seguindo, fofa. Aceita afiliação?
    Beijos, Maria Gabriela (Magê) | Moonlight Babe

    ResponderExcluir
    Respostas
    1. Oii :3
      Obrigada ♥ e obrigada por utilizá-lo hahahah'
      Aceito sim amore, só que eu estou meio apurada aqui que eu tenho que sair um pouquinho, quando eu voltar eu coloco tá?
      Beijos ♥

      Excluir
  11. Amyyy! ♥ Que saudade daqui, mulher c': Estava sem nada para fazer e lembrei dos blogs <3333 O lay está tão lindo C': Eu amei esse hover nos menus, adoro detalhes que fazem a diferença, hihi >3<
    Cara, eu passei pela mesma coisa do trabalho, só que detalhe: era para uma feira de ciências, e meu grupo de tão desorganizado e preguiçoso que era, me fez assumir as rédeas e fazer a maquete inteira sozinha ToT E nem uma cartolina, ou algo para acrescentar no trabalho eles fizeram... Triste, isso foi em outubro, espero até hoje o dinheiro q eles iriam me dar como contribuição na maquete :'c Eu ainda não vi Divertidamente ~desolada~
    Sobre os tooltips: Amy, um amor depessoa como sempre, cara, fico sempre lisonjeada ToT Esse primeiro tooltip foi o que eu mais gostei! Ficou muito criativo <3 O quarto também, pois um dia ainda consigo fazer um layout só de coisas assim kadksdps Meio tumblr >u<
    Até mais, dongie! <3 Gostei de passar aqui, viu? c': ♥

    ResponderExcluir
    Respostas
    1. SOCORRO MACK ♥ UNNIE DIVA DA MINHA VIDA <3 É VOCÊ MESMO? NÃO ESTOU SONHANDO? QUE SAUDADES EU SENTI DE VOCÊ ♥ aquela hora que agradeço aos céus por você não estar fazendo nada shuahsuahsua' sério, é tanta a saudade que eu senti de ti TT^TT apareça mais viu? fique mais tempo sem ter o que fazer para dar as caras por aqui hsuahusahusua' Obrigada unnie ♥ fico tão feliz de ouvir (ler) isso de você ç3ç seus layouts são tão lindos que me dói aqui hsuahsuahsau' obrigada ♥ hahahha' também amo esses detalhes pequenos -q' ♥

      Vish unnie, que droga isso viu? É sempre com a gente né? Essa vida é injusta mesma ¬¬' credo que raiva disso ¬¬' também já tive disso, fiz um super cartaz de um carro para um teatro e fiquei um tempão esperando pelo pagamento ~affs~ Quando puder veja, é muito bom ♥

      Obrigada unnie ♥ eu é que fico u3u graças ao seu blog que eu comecei a conseguir montar essas coisas, sem ele eu não seria nada u3u Obrigada >3< também gosto dele ♥ já usei uma vez quando fiz um layout cheio dessas molduras hsuahsuahu' Obrigada hahaah' consegue sim, tu diva mulher u.u você consegue fazer qualquer tipo de layout u.u ~só falei verdades~

      Até mais unnie mais do que diva ♥ Também amei sua visita ♥ senti sua falta TT^TT apareça mais viu? Ou vou morrer chorando te esperando u.u

      Excluir
  12. Olá Dear Amy!
    Tudo okay love ?
    Espero que sim!
    Estou ótima, apenas na semana passada tudo ficou um pouco corrido!
    Lamente ter ficado meio ausente aqui de novo~sorry! >_<
    Meu blog completo 1 ano na segunda e só consegui postar sábado a noite.
    Ainda tenho que começar a organizar os extras em comemoração ao aniversário do meu blog!

    Que chato isso do teu grupo não ter te apoiado, sei bem como é...
    quando ainda estava na escola(me formei ano passado); o mesmo sempre acontecia comigo.
    Ninguém ajudava em nada e sobrava para mim fazer tudo sozinha. Isso é a principal razão de eu detestar trabalhos em grupo, sempre que podia fazia sozinha mesmo, em grupo só quando meus professore(a)s me obrigavam, ficava bem bolada com ele(a)s por causa disso, eu sempre liderava o grupo, para melhor organização de tudo; só botava o nome de quem realmente me ajudou; qualquer coisa falava que não me ajudou com os prof. e não colocava os nomes desse povo preguiçoso!

    Boa sorte com os trabalhos, espero que consiga organizar tudo e tire uma excelente nota com eles!

    Sobre o Melon, foi muito bacana, curti muito, vi com minha mana mais nova!
    A premiação passou ao vivo no canal do youtube do 1TheK(acho que escrevi certo).
    Começou as 7:00 AM do Sábado e foi até 12:00 PM; quase que nós não conseguimos ver.
    No final de semana ajudamos nossos Pais, eles vendem Frango Assado(é muito bom).
    Poi esse motivo é raro eu postar no sábado, e no domingo a noite estou na Igreja!
    Estamos(eu+ela), super ansiosas para ver o MAMA desse ano!
    Ano passado também vimos as duas premiações, gostei de ambas, mais curti mais a 1ª;
    apesar de que na 2ª teve inúmeras apresentações do meu bias do WINNER(Song Mino) :3

    Os tooltips ficaram todos uns amorzinhos e tão fofinhos~in love com todos!
    Pensada em usar um deles no próximo layout. Só não sei se faço um de comemoração:
    1º - Aniversário de 1 ano do blog;
    2º - Meu Aniversário de 19 anos!

    Me ajuda a escolher uma dessas data como tema unnie, please ?

    Me desculpe pelo texto-cometário, rs!
    Espero que consiga ver o Melon logo, foi realmente muito bom!

    Tenha uma semana ainda mais abençoada!
    xoxo, Pam! || {1997}

    ResponderExcluir
    Respostas
    1. Eita, não tinha visto esse seu comentário Pam! Desculpe-me >///<
      Olá Pam, tudo sim ♥ obrigada, e que bom que você vai bem <3
      Tudo bem hahaha'
      Parabéns ao 1997 ♥ tudo de bom para você e para o blog u.u

      Pois é, mas não adianta nem reclamar daquele grupo hsuahsuahusa' vish, que droga ¬¬' Sim hsaushashua' comigo acontece exatamente o mesmo hahaha'

      Obrigada ♥

      Nossa, que bom que você viu e gostou ♥ ahhh sério? eu não sabia, se não eu teria visto TT^TT que bom que vocês puderam assistir <3 Ahhhh frango assado é tão bom ♥♥♥♥♥ eu amo <3 Ahhh sim... entendo >///<

      Obrigada Pam ♥ bem, agora acho que já foi o do aniversário do seu blog, então eu teria que escolher a segunda opção hahahaha'

      Que isso u.u amo os seus comentários ♥
      Obrigada >///<

      Excluir
  13. This is so cute (i don't speak portuguese, sorry)

    ResponderExcluir

Por favor, comente :3 não custa nada não é mesmo? Ao comentar, você me fará feliz ♥

Antes de comentar leia as regrinhas:
♥ Nada de ofensas;
♦ Comentários anônimos são aceitos;
♣ Comentários spam serão excluídos;
♠ A moderação dos comentários está ligada, pois assim ficará mais fácil de ler todos os comentários :3
♥ Temos vagas ^3^ pode pedir afiliação aqui~

Para colocar links cole o seguinte código:
<a href="SEU LINK">NOME DO LINK</a>
<b>PALAVRA EM NEGRITO</b>
<i>PALAVRA EM ITÁLICO</i>