Deprecated: str_replace(): Passing null to parameter #3 ($subject) of type array|string is deprecated in /var/www/mybb-es.com/html/inc/class_language.php on line 201
[Tutorial] Tool Tips en su Header!
Edson Ordaz   30 Aug, 2010, 7:23 pm
#1
Hola amigos bueno les enseñare a poner tool tips que es esto? bueno miren aca
http://es.wikipedia.org/wiki/Tooltip

ahora para poder agregar tool tip a sus header debemos subir este archivo dentro de la carpeta jscripts!!

NOTA: Quitar extencion php
[attachment=587]

aora si vamos a la plantilla header o donde quieran y en la parte de asta arriba agregan

Código:
<script type="text/javascript" src="jscripts/wz_tooltip.js"> </script>

les pondre un ejemplo con el theme de ProNavy de mi amigo solstise
en el header donde esta esto

<li><a href="{$mybb->settings['bburl']}/portal.php" title="{$lang->toplinks_portal}"><b>{$lang->toplinks_portal}</b></a></li>

quito esta parte

Cita:title="{$lang->toplinks_portal}">
y agrego esto

Cita:onmouseover="Tip('<b>Portal</b>', BGCOLOR, '#2EFEF7', FONTCOLOR, '#045FB4', BORDERCOLOR, '#FF0080')"

de forma que quede asi
Código:
<li><a href="{$mybb->settings['bburl']}/portal.php" onmouseover="Tip('<b>Portal</b>',  BGCOLOR, '#2EFEF7', FONTCOLOR, '#045FB4', BORDERCOLOR, '#FF0080')"><b>{$lang->toplinks_portal}</b></a></li>

y en ves de aparecer asi (recuerden q al imprimir pantalla no aparece el mouse):

[Imagen: rjfbxc.png]

aparece asi:

[Imagen: 2hcndlc.png]

donde: onmouseover es que lo siguiente aparecera al pasar el mouse sobre el link

bgcolor= el color de fondo
font color= color de funete
bordercolor= color de borde

si no quieren que contenga eso por ejemplo si no quieren color de borde pues solo se borra esto:
, BORDERCOLOR, '#FF0080'

y pueden agregar mas cosas les pondre una lista de lo que se puede agregar!
y agregan eso que les dije arriba a cada link que quieran poner!

NOTA: Simpre va en mayusculas (eso creo jaja)

ABOVE = Coloca la descripcion arriba del mouse
BGCOLOR = Coloca color de fondo
BGIMG = Coloca una imagen de fondo
BODERCOLOR = Coloca color de borde
CENTERMOUSE = Coloca la descripcion en medio del mouse (abajo pero el mouse esta enmedio)
CLICKCLOSE = al dar click en el mouse desaparece
CLOSEBNT = Arriba de la descripcion aparece la palabra close y al presionar close se cierra la dexripcion
CLOSEBNTCOLORS = Pone de color la palabra close
CLOSETNTEXT = Con esto aparece la palabra que quieras para cerrar se usa asi
Cita:Tip('Descripcion', CLOSEBTN, true, CLOSEBTNTEXT, 'Click para cerrar', STICKY, true)
DURATION = con esto se quita la dexripcion en un determinado tiempo (poner en milisegundos)
FADEIN = Aparece poco apoco como animacion
FADEOUT = Desaparece poco a poco
FONTCOLOR = Color de letra
OPACITY = El fondo es un poco transparente
PADDING = El cuadro de la descripcion es un poco grande aunque el texto sea poco
SHADOW = Pone sombra
SHADOWCOLOR = Pone color ala sombra
TEXTALIGN = Aliniacion al texto
TITLE = Pone un titulo ala descripcion
TITLEFONTCOLOR = Pone color al texto del titulo
TITLEFONTFACE = Tipo de letra al titulo
WIDTH = Pone ancho el cuadro de descripcion

Cualquier duda postearla aqui!

Saludos!
Gypaete   31 Aug, 2010, 4:02 am
#2
Sirve para MyBB 1.6? te ha equivocado a lo mejor xD y se puede modificar completamente los colores no?
Edson Ordaz   31 Aug, 2010, 6:51 am
#3
si sirve para 1.6 y de los colores no entendi jaja pero si te refieres si el color que puse yo se puede modificar pues si en esta parte

BGCOLOR, '#2EFEF7'

cambia el #2EFEF7 por un color en hexadecimal y la letra cambias el color cambiando este codigo
#045FB4

Saludos!
zayko   29 Oct, 2010, 10:28 am
#4
y como le ago para que al pasar el mouse por cualquier cosa no nomas el header salga asi
Edson Ordaz   29 Oct, 2010, 10:32 am
#5
alo que quieras que salga ponle por ejemplo en una imagen <img src"" title="aqui lo que quieras que salga">

y ya
  
Powered By MyBB, © 2002-2024 MyBB Group.
Made with by Curves UI.