27/10/15

[Tutorial] Primer Modelo de Tooltip


Holaaa~ hace mucho que no publicaba tutoriales, pero pronto actualizare mas este es un tutorial rapidito seguro les gustara.




Vista Previa

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


2- Ahora vamos a Plantilla --> Edicion HTML y Busca ]]></b:skin>

div#qTip {padding: 3px; /*Espaço entre a borda e o texto*/border: 2px solid #d3d8f4; /* Estilo de borde */
display: none; /*Não mexa*/
background: #e2e6fe; /* Color de fondo */
color: #fff; /*Color de fuente*/
font-family: pf arma five; /*Tipo de fuente*/
font-size: 8px; /*Tamaño de la fuente*/
position: absolute; /*Não mexa*/
z-index: 1000; /*Não mexa*/}
@font-face { font-family: silkscreen; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }


Rojo: lo que esta en rojo son los colores que puedes cambiar a tu gusto al lado de cada color dice para que es ese color



Eso es todo, espero les guste
dudas o algo comente.

No hay comentarios:

Publicar un comentario