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

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
Donador
Donador

Levi Bona'parteel Sáb 22 Sep 2012, 4:42 pm

eso no sirve por lo que ve el demo no veo el tooltip bueno igual se te agradece



avatar
Usuario
Usuario

mekrod
avatarmekrod
Usuario
Ver perfil de usuario
el Sáb 22 Sep 2012, 8:44 pm

exelente aporte :P lo voy a probar, edito: no sirve, y algo q no comprendo como le hago para activarlo en un texto X , es q no sirve asi con ese codigo nada mas

avatar
Colaborador
Colaborador

3go0ne
avatar3go0ne
Colaborador
Ver perfil de usuario
el Dom 23 Sep 2012, 4:10 am

Laxus dreyar escribió:eso no sirve por lo que ve el demo no veo el tooltip bueno igual se te agradece

mekrod escribió:exelente aporte :P lo voy a probar, edito: no sirve, y algo q no comprendo como le hago para activarlo en un texto X , es q no sirve asi con ese codigo nada mas

Bueno, al final de todo quite el código de Matti y decidí compartir uno creado por mi, cualquier inconveniente no olviden comentarlo.



Sigueme en Twitter @3go0ne

AYÚDAME CON MI PROYECTO PARA CREAR UN FORO

Umbra ignis illuminat populus

Spoiler:
avatar
Donador
Donador

Levi Bona'parteel Dom 23 Sep 2012, 4:04 pm

Tienes 24 horas para arreglar este codigo si no mando a la papelera Saludos



avatar
Colaborador
Colaborador

3go0ne
avatar3go0ne
Colaborador
Ver perfil de usuario
el Dom 23 Sep 2012, 9:16 pm

Laxus dreyar escribió:Tienes 24 horas para arreglar este codigo si no mando a la papelera Saludos

Listo, arreglado. Pueden ver el demo.

Edito: Estoy probando un script que al parecer no es compatible con el Tooltip pero pueden ver cualquier subforo y sirve a la perfección.



Sigueme en Twitter @3go0ne

AYÚDAME CON MI PROYECTO PARA CREAR UN FORO

Umbra ignis illuminat populus

Spoiler:
avatar
Usuario
Usuario

Chupy
avatarChupy
Usuario
Ver perfil de usuario
el Lun 24 Sep 2012, 12:20 am

tuyệt



http://www.cntt-k3.com
tenemos todo el código y , skin PunBB
avatar
Usuario
Usuario

hoanglongnhatbaoel Lun 24 Sep 2012, 12:57 am

HI66^^

avatar
Usuario
Usuario

BlackStars
avatarBlackStars
Usuario
Ver perfil de usuario
el Jue 27 Sep 2012, 12:56 pm

boooom

avatar
Usuario
Usuario

BlackStars
avatarBlackStars
Usuario
Ver perfil de usuario
el Jue 27 Sep 2012, 12:56 pm

boooom..

avatar
Usuario VIP
Usuario VIP

Critus1012
avatarCritus1012
Usuario VIP
Ver perfil de usuario
el Vie 28 Sep 2012, 9:57 am

Gracias por el aporte, pero ya casi la mayoria de los tooltip que he probado no me han servido :/



Hola Invitado, Bienvenid@ Al Foro 15-Tronos.net
Para Evitar problemas, leer las reglas:
Normas Generales 15-Tronos en 15-tronos | Diseñamos Tu Foro
©️ 15-tronos | Diseñamos Tu Foro.
Se te agradece Evitar el FLOOD, Gracias
avatar
Usuario VIP
Usuario VIP

deryan
avatarderyan
Usuario VIP
Ver perfil de usuario
el Jue 04 Oct 2012, 10:01 pm

posteo para ver gracias x ese aporte

avatar
Diseñador
Diseñador

Hipster
avatarHipster
Diseñador
Ver perfil de usuario http://www.gamecity.foroperu.org
el Mar 16 Oct 2012, 12:48 pm

gracias :D





avatar
Usuario
Usuario

Angelink
avatarAngelink
Usuario
Ver perfil de usuario
el Sáb 20 Oct 2012, 10:36 am

Gracias por el aporte

avatar
Usuario
Usuario

fascicularia
Ver perfil de usuario
el Vie 26 Oct 2012, 9:01 am

para ver gracias

avatar
Usuario
Usuario

Jamamangu
avatarJamamangu
Usuario
Ver perfil de usuario
el Vie 26 Oct 2012, 11:25 am

Posteo.


Saludos

avatar
Usuario
Usuario

MEGAYES
avatarMEGAYES
Usuario
Ver perfil de usuario
el Sáb 24 Nov 2012, 3:16 am

grcias

avatar
Usuario
Usuario

MEGAYES
avatarMEGAYES
Usuario
Ver perfil de usuario
el Sáb 01 Dic 2012, 9:34 pm

muchas gracias

avatar
Usuario
Usuario

shak
avatarshak
Usuario
Ver perfil de usuario
el Vie 07 Dic 2012, 1:29 pm

graciaas ;)

avatar
Usuario
Usuario

Farg25
avatarFarg25
Usuario
Ver perfil de usuario
el Sáb 22 Dic 2012, 12:03 pm

excelente

avatar
Usuario VIP
Usuario VIP

Ban Midou
avatarBan Midou
Usuario VIP
Ver perfil de usuario
el Dom 20 Ene 2013, 11:53 am

gracias por aportar



El Mejor Foro de Rol de Naruto Shippuden
Entra y vive tu Aventura con un solo Click en la Imagen

avatar
Nuevo Usuario
Nuevo Usuario

[Admin]weberth
avatar[Admin]weberth
Nuevo Usuario
Ver perfil de usuario
el Lun 21 Ene 2013, 10:31 am

Comentando pr ver o Link

avatar
Usuario
Usuario

Dowloadistox
Ver perfil de usuario
el Sáb 26 Ene 2013, 7:55 pm

POSTEO PARA VER !

avatar
Usuario
Usuario

Enrique1000
Ver perfil de usuario
el Dom 03 Feb 2013, 11:12 pm

respondo para ver, gracias.

avatar
Usuario
Usuario

Firm
avatarFirm
Usuario
Ver perfil de usuario
el Sáb 16 Feb 2013, 3:59 pm

gracias

avatar
Usuario
Usuario

genau
avatargenau
Usuario
Ver perfil de usuario http://torneos-pandhers.foroes.org/
el Vie 22 Mar 2013, 6:58 pm

siempre se deja un preview para ver q tal va el script y el css



avatar
Donador
Donador

Edgar93
avatarEdgar93
Donador
Ver perfil de usuario
el Lun 25 Mar 2013, 12:24 am

posteo para ver

avatar
Usuario
Usuario

CruzitoVlf
avatarCruzitoVlf
Usuario
Ver perfil de usuario http://www.xtremegamer.foro.bz
el Vie 19 Abr 2013, 10:37 pm

ok.

avatar
Usuario
Usuario

Master Publicitarioel Sáb 20 Abr 2013, 6:25 am

ver

avatar
Usuario
Usuario

nidales
avatarnidales
Usuario
Ver perfil de usuario
el Jue 25 Abr 2013, 12:31 am

posteo para ver!!

avatar
Usuario
Usuario

kuke
avatarkuke
Usuario
Ver perfil de usuario
el Sáb 27 Abr 2013, 7:46 pm

bien

avatar
Usuario
Usuario

Foose
avatarFoose
Usuario
Ver perfil de usuario
el Dom 23 Jun 2013, 11:49 pm

posteo para ver!

avatar
Usuario
Usuario

Trueno
avatarTrueno
Usuario
Ver perfil de usuario
el Lun 24 Jun 2013, 12:54 am

aver

avatar
Usuario
Usuario

Immanence
avatarImmanence
Usuario
Ver perfil de usuario
el Lun 24 Jun 2013, 1:02 am

Muchas Gracias!

avatar
Girl
Girl

rola fadiel Dom 04 Ago 2013, 9:44 pm

Gracias

avatar
Usuario
Usuario

DAVIDYESMASTERel Jue 19 Sep 2013, 12:54 am

gracias

avatar
Usuario
Usuario

JoorgeSuarez
Ver perfil de usuario http://anti-sxe.host-es.com/
el Lun 07 Oct 2013, 12:36 am

gfg



Hola Invitado Soy Jorge, mucho gusto!! adios
avatar
Usuario
Usuario

PRINCESS BROSSel Vie 18 Oct 2013, 4:32 pm

GOOOD

avatar
Nuevo Usuario
Nuevo Usuario

Izthak
avatarIzthak
Nuevo Usuario
Ver perfil de usuario
el Sáb 19 Oct 2013, 11:55 am

gracias por aportar

avatar
Usuario
Usuario

Konti
avatarKonti
Usuario
Ver perfil de usuario
el Dom 20 Oct 2013, 6:31 am

boommm

avatar
Usuario
Usuario

Konti
avatarKonti
Usuario
Ver perfil de usuario
el Dom 20 Oct 2013, 9:05 am

excelente

avatar
Usuario
Usuario

Mr. Deh
avatarMr. Deh
Usuario
Ver perfil de usuario
el Dom 20 Oct 2013, 11:28 am

Gracias !

avatar
Usuario
Usuario

Julinho
avatarJulinho
Usuario
Ver perfil de usuario http://www.4reyes.net/
el Vie 22 Nov 2013, 7:41 pm

veamos



avatar
Usuario
Usuario

TroJaNu4U
avatarTroJaNu4U
Usuario
Ver perfil de usuario
el Lun 23 Dic 2013, 8:21 am

gracias

avatar
Usuario
Usuario

ReneJ'
avatarReneJ'
Usuario
Ver perfil de usuario
el Vie 17 Ene 2014, 9:17 pm

Gracias

avatar
Usuario
Usuario

MR Designer
Ver perfil de usuario
el Lun 25 Ago 2014, 10:26 pm

excelente

avatar
Usuario
Usuario

sica3
avatarsica3
Usuario
Ver perfil de usuario
el Sáb 14 Feb 2015, 5:09 pm

thank's

avatar
Usuario
Usuario

lewis11
avatarlewis11
Usuario
Ver perfil de usuario
el Lun 16 Feb 2015, 10:36 am

posteo

avatar
Usuario
Usuario

AlexSas
avatarAlexSas
Usuario
Ver perfil de usuario
el Vie 06 Mar 2015, 7:59 am

thanks

avatar
Usuario
Usuario

action
avataraction
Usuario
Ver perfil de usuario
el Dom 05 Jun 2016, 8:29 am

thanks

Ir a la página : 1, 2  Siguiente

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

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