tooltip

Sunguard Roll20 Update 4.3

Lots of minor and major updates listed here! Based on feedback provided during our open feedback session! You can still provide feedback until 3/31 here!

https://docs.google.com/document/d/1wxK3p8Z8p4rdE6gRN4vgMdHBn_4bxDi3pYMUUWBQaXo/edit?usp=sharing

Still a significant amount of changes to be made based on feedback! Expect a 4.4 update here very soon!

Updates under the Read More:

Keep reading

Tooltip personalizado #1

veja aqui

cole isso no seu css

/*-✱- tooltip by I-NSEGUR-A | CONNECTION HTML | credite sempre bitch !-✱-*/
#s-m-t-tooltip {-webkit-animation: CH 600ms;max-width:320px;margin:20px 20px 20px 8px;background: #fff;border:1px solid #e3e3e3;z-index:999999999999999999999999999999999999999;font-family:pf arma five;font-size:8px;color:#aaa;padding:5px;text-shadow:1px 1px 0px #eee;}
@-webkit-keyframes CH {
0% {-webkit-transform: scale(.3);}
50% {-webkit-transform: scale(1.05);}
70% {-webkit-transform: scale(.9);}
100% {-webkit-transform: scale(1);}
}

isso depois de <head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:20,
tip_fade_speed:400,
attribute:"title"
});
});
})(jQuery);
</script>

usou ? creditou e dê like no post
nao reblogue nem repasse

/ruby

anonymous asked:

hi marcie! i was wondering, is there anything particular that you had to do to get the hover thing on your networks? like, when you hover over it and it says the name of the network, but its not the normal grey box tumblr has

Hey babe! So what you’re referring to is a tooltip - it’s used to customize the hover boxes that give additional information about links when you put your cursor over them :-)

Keep reading

8

I know you probably hoped for something else than these eyes but I’m too tired to sort the rest of the pictures now so you’ll only get these edits of RippleSims whatever eyes today. Yeah I have no idea what they’re called since the files were literally named “randomnumbersandletters_eyes” and the tooltip had link to Ripplesims site and swatches only said “R”. ¯\_(ツ)_/¯ So “RippleEyeEdit” it is. Two sets, first one has the original colors and most of the eyes have some sort of pupil and the second one has no pupil, colors are lighter and set contains three alien eyes because I wanted to make alien eyes for change. 

Download RippleSimsEyes V1
Download RippleSimsEyes V2

Credits:

  • Ripplesims for the original eyes
  • Pooklet for the sclera
  • Trapping, Aweehie & me for the colors
Tooltip personalizado #2

veja aqui

cole isso no seu css

/*-✱- tooltip by I-NSEGUR-A | CONNECTION HTML | credite sempre bitch !-✱-*/
#s-m-t-tooltip {-webkit-animation: CH 600ms;max-width:320px;margin:20px 20px 20px 8px;background: #111111;border:1px solid #000;z-index:999999999999999999999999999999999999999;font-family:pf arma five;font-size:8px;color:#fff;padding:5px;text-shadow:1px 1px 0px #000;}

isso depois de <head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:20,
tip_fade_speed:400,
attribute:"title"
});
});
})(jQuery);
</script>

usou ? creditou e dê like no post
nao reblogue nem repasse

/ruby

How to: a floating box on your page with tooltip hovers, networks, social and stats

I made a site for it to give a live preview and provide the code:

http://floatybox.tumblr.com/

The border radius of this box changes when you hover over it. When you hover over each symbol a title pops up called a “tooltip”. There is more explanation of tooltips in this code, and I’ll make a post about them soon!

The networks section has a horizontal scroll so you can add multiple networks. The stats include a user counter and a freehostedscript that displays your browser that you’re using to view the blog.

This box is highly customizable :) Enjoy! Here’s the link again:

http://floatybox.tumblr.com/

anonymous asked:

how do you make those boxes to show up when you hover the link??

these boxes are called tooltips.
1
. paste this under <head>
2. paste this under {CustomCSS}
3. search for the link section under {CustomCSS}, it should look something like this

4. now you’ll replace
<a href=”/”>index</a> 

with

<a title=”boxname“href=”url“>nameoflink</a>

nameoflink is the thing the link says, boxname is the thing the box says when you hover over the link, and url is the url of the link. just replace those words with the things you want to use and thats it. do the same with the other links and message me if you need any help with it.

anonymous asked:

sabe como colocar uma "setinha" no tooltip? ;/

ufff, ACHEEEI, graças adeus. haha tava procurando um tuto que tinha lido sobre isso, e procurei mttt e achei! Enfim, é o seguinte. Primeiro, você cola o código a seguir no seu CSS, ou seja, entre <style> e </style>:

código aqui

Personalize ele como quiser. Pronto. Agora, você vai colar esse código depois de <body>:

<script language="JavaScript" src="URL DO DOCUMENTO"></script>

Bom. Agora você se pergunta “Que URL DO DOCUMENTO é essa?”. Para ter essa pontinha, você precisa de mais trabalho. Vou explicar o que você deve fazer.

1) Abra seu bloco de notas, e cole esse código aqui nele.

2) Depois, você vai apertar CTRL + F, e procurar por src. Logo depois desse src, vai ter a URL de uma imagem. Essa imagem é a pontinha do seu tooltip. A url que tá aí, é uma pontinha preta, porque e uma base. Mas você pode trocar a cor como você quiser no photoshop ou em algum programa de edição. Depois de ter feito a alteração da cor (se quiser fazer), venha aqui, cria uma url, e substitua essa nova url pela url da base que está lá logo depois de src.

3) Depois de ter trocado a url da sua imagem da pontinha, salve o documento como formato “.txt” (basta salvar com qualquer nome, e no final botar .txt). Depois vem aqui, e cria a url do seu documento que você acabou de salvar.

4) Depois de ter criado a url, copie ela, e cole no lugar do “URL DO DOCUMENTO” do código que eu pedi para copiar logo depois de <body>. Então, no meu caso, ficaria:

<script language="JavaScript" src="http://static.tumblr.com/8nqsmq9/YWWm244gs/tooltip1.txt"></script>

PS: O url alí é a url do documento que você copiou no bloco de notas (alterado por mim). Não pegue ele, é legal você ter um esforcinho básico :P

–//–

Pronto. Agora vem a parte fácil. Basta colocar isso aqui onde você quer que apareça o tooltip:

<a href="LINK" onMouseover="ddrivetip('O QUE VOCE QUISER')"; onMouseout="hideddrivetip()"></a> 

Se quiser pôr em alguma imagem, ponha o seguinte código:

<img src="URL" onMouseover="ddrivetip('O QUE VOCE QUISER')"; onMouseout="hideddrivetip()">

É isso. Se usar, credite!!!! Tive muito trabalho. Tutorial feito por Gabriel, bjbj.

Observações: A cor da pontinha tem que ser a mesma da cor do balãozinho. Então se você quiser que seu balão seja azul, você tem que botar a pontinha do seu tooltip azul também.

Script Tooltip:

O que é o Tooltip? 

São aquelas frases que surgem ao passar o mouse em algo. Geralmente em um menu, ou uma foto. 

 1- Primeiro coloque esse código aqui, depois de <body>.

 2- Agora coloque esse aqui, no css, que é entre <style> e </style>.

Agora pra usa-lo em menu iframe, utilize esse código aqui, onde quiser que o menu iframe apareça, ajustando sempre o que é pedido.

Para usa-lo em links, use este aqui.

E em imagens esse aqui

Lembre-se sempre, de que não aparece no customize!Apenas quando você salva e pá. 

Credite, e qualquer dúvida vá na ask. 

Paty

Como colocar tooltip

Coloque isso no seu css:

#dhtmltooltip {position:absolute; padding:1px 5px; background-color:#eee; text-align:center; width:auto; visibility:hidden; z-index:300; border-radius:5px; border:solid 1px #609}

E edite como quiser.Então coloque isso depois de < body > e mude os dois valores indicados no começo como quiser.

Se usar dê like,se possível credite-nos por ensinar! / Lucas