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):
aparece asi:
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!