ConectarseRegistrarse
0

Temas

Monedas

Likes

0
Debes de estar Registrado y comentar para ver el enlace de descarga
Pulsa en Me Gusta para desbloquear contenidos ocultos y Agradecer por este aporte
Logros y Medallas obtenidos por

Temas Similares


Respuestas

avatar
Colaborador
Colaborador

3go0ne
avatar3go0ne
Colaborador
Ver perfil de usuario
el Sáb 22 Sep 2012, 4:27 am

Recuerdo del primer mensaje :

Creador: Jason Frame | Adaptador: ÆDesign | Personalización: 0/5 | Versión: Todas

Descripción:

Este Tooltip funciona para todas las imágenes, botones, iconos, títulos, etc...

Vista Previa:
Spoiler:
No hay vista previa.

Tutorial:

Creamos un nuevo JS con el nombre "Tipsy" y seleccionamos "Todas las paginas"
hide


Ahora vamos al Panel y colocamos el siguiente CSS:

Código:
.tipsy {
padding: 5px;
font-size: 10px;
position: absolute;
z-index: 999;
}

.tipsy-inner {
padding: 5px 8px 4px 8px;
background-color: black;
color: white;
max-width: 200px;
text-align: center;
}

.tipsy-inner {
border-radius: 3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}

.tipsy-arrow {
position: absolute;
background: url('http://onehackoranother.com/projects/jquery/tipsy/stylesheets/../images/tipsy.gif') no-repeat top left;
width: 9px;
height: 5px;
}

.tipsy-n .tipsy-arrow {
top: 0;
left: 50%;
margin-left: -4px;
}

.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
}

.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
}

.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -4px;
background-position: bottom left;
}

.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
background-position: bottom left;
}

.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
background-position: bottom left;
}

.tipsy-e .tipsy-arrow {
top: 50%;
margin-top: -4px;
right: 0;
width: 5px;
height: 9px;
background-position: top right;
}

.tipsy-w .tipsy-arrow {
top: 50%;
margin-top: -4px;
left: 0;
width: 5px;
height: 9px;
}

Y eso es todo.

Demo ya instalado. Retirado (28/09/12)



Última edición por ÆDesign el Vie 28 Sep 2012, 11:16 am, editado 4 veces



Sigueme en Twitter @3go0ne

AYÚDAME CON MI PROYECTO PARA CREAR UN FORO

Umbra ignis illuminat populus

Spoiler:
avatar
Usuario
Usuario

An Nguyễn
Ver perfil de usuario
el Jue 29 Sep 2016, 1:37 am

Thanks you

avatar
Diseñador
Diseñador

Ivanaruto
avatarIvanaruto
Diseñador
Ver perfil de usuario http://shutskins.forosactivos.net
el Lun 14 Nov 2016, 1:41 pm

jajaja COOL



banner
Shut Skins Team L|Original
avatar
Usuario
Usuario

Kozlov
avatarKozlov
Usuario
Ver perfil de usuario
el Mar 13 Dic 2016, 2:12 pm

eweqweq


Contenido patrocinado
Contenido patrocinado

Ir a la página : Precedente  1, 2

Permisos de este foro:
No puedes responder a temas en este foro.

 
Copyright © 2010 - 15-Tronos.net. All Rights Reserved.