Dos modelos de tooltip




hello ¡Hello! ¿como están? espero esten de lo mejor -u-
Yo bien.. tuve algunos problemas ayer con la pc.. y hacer entradas, hoy pude descargar un programa(? ahaha.. algo así como google chrome.. No me explico bien :c pues! Y aquí estoy.. si la entrada está rara es por eso :v vamos a comenzar con estos estilos de tooltip! espero les guste y que por favor den créditos -u-

:D Plantilla | Editar html | CTRL + F :D
<head>

Para poder tenerlos en nuestro blog es importante hacer lo siguiente..
Ya despues de aver buscado ese codigo encima de <head> ponen este codigo
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"></script>
<script language="JavaScript" src="//yourjavascript.com/1411249631/qTip.js" type="text/JavaScript"></script>
Quedara algo así:

Y guardas.. 

*click en la imagen para ver mejor*

LOS MODELOS DE TOOLTIP

Plantilla | Editar html | CTRL + F
]]></b:skin>
Arriba de ]]></b:skin> ponen el codigo del tooltip que les guste

El codigo se vera algo así:

Y el modelo es así:

 *Y su codigo es:
div#qTip {
position: absolute;
z-index: 1700;
display: none;
margin-top: 6px;
background: #000;
padding: 5px;
font-family: "Trebuchet MS";
-moz-opacity: 0.28;
-khtml-opacity: 0.28;
opacity: 0.28;
filter:alpha(opacity=28);
font-size: 11px;
text-transform: lowercase;
color: #fff;
}

Para el ultimo.. 
Su codigo se vera algo así:

Y su modelo es así:

*Y su codigo es:
@font-face { font-family: "PF Arma Five";
src: url('http://static.tumblr.com/xf6erfz/sUBm594pm/pf_arma_five.ttf'); src: format('truetype');}
div#qTip {
position: absolute;
z-index: 1700;
display: none;
margin-top: 5px;
background: #e8e1e7;
box-shadow: inset 0 0 4px #d6c8d5, 3px 3px 0 #f7f7f7;
border-radius: 2px;
padding: 5px;
font-family: "PF Arma Five";
font-size: 8px;
text-transform: lowercase;
color: #d2c3d1;
text-shadow: 1px 1px #f1ecf1;
}
¡Y listo! si quieres que quede en tu blog.. ya realizado todos los pasos solo da en ''Guardar'' y listo..
Espero les guste mucho, y que los usen^^ Soy un desastre explicando.. pero está vez espero aver explicado de la mejor forma.. También les quiero venir agradeciendo por los comentarios de mi ultimo post.. que fue de la plantilla, fueron comentarios positivos y lindosshege

¡Nos seguimos leyendo prontito!haha~

ke mira AH, les quiero decir que la firma la hizo [Larita]
Créditos por los modelos: [*]

http://3.bp.blogspot.com/-ENA2FK7J3FY/VlJL_KNhaCI/AAAAAAAAEec/HL3FE__oejI/s1600/FirmaGladiuska-ByLarita.png

6 comentarios:

¡Hey, gracias por leer la entrada!

- Sí vas a dejar un comentario que sea referente a la entrada.
- Comenta con respeto.
- No spam.
- No malas palabras.
- Respeta al administrador y a los usuarios del blog.
- Sí tienes problemas con un tutorial comenta, para poder ayudarte.

- Símbolos:
☯♠♤♣♧ ♥♡♦♢♔ ★✖ ✗✘✌✿☽ ☾♩ ♪ ♫ ♬ ✧ ❝❞ ❀ ❄

- Emojis:
(>‿◠)✌ (✿◠‿◠) (▰˘◡˘▰) ( ͡° ͜ʖ ͡°) (≧∀≦) ( ˘ ɜ˘) (・w・)[̲̅$̲̅(̲̅ ͡° ͜ʖ ͡°̲̅)̲̅$̲̅] (ノ◕ヮ◕)ノ*:・゚✧ ( ͡° ʖ̯ ͡°) ( ͡° ᴥ ͡°) ヽ(゚▽゚*)乂(*゚▽゚)ノ

Recuerda dejar la URL de tu blog para poder visitarlo.

Sí te gusto la entrada no olvides seguir el blog, así no te pierdes ninguna entrada.

Contacto:

(para cualquiera cosa idk)

gladiuskagg@gmail.com
-Glad.