Importante:

¿Como pedir soporte? (Marzo 18, 2015)

[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, 'Países NatalesEFEF7', FONTCOLOR, '#045FB4', BORDERCOLOR, '#FF0080')"

de forma que quede asi
<li><a href="{$mybb->settings['bburl']}/portal.php" onmouseover="Tip('<b>Portal</b>',  BGCOLOR, 'Países NatalesEFEF7', 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!
Tema anterior Tema siguiente
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, 'Países NatalesEFEF7'

cambia el Países NatalesEFEF7 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 , Edson Ordaz

This forum uses Lukasz Tkacz MyBB addons.