[Tutorial] Tool Tips en su Header!
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 ti...

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

<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
<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!
Sirve para MyBB 1.6? te ha equivocado a lo mejor xD y se puede modificar completamente los colores no?
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!
y como le ago para que al pasar el mouse por cualquier cosa no nomas el header salga asi
alo que quieras que salga ponle por ejemplo en una imagen <img src"" title="aqui lo que quieras que salga">

y ya
Colaboradores
zayko Gypaete
This forum uses Lukasz Tkacz MyBB addons.