Guii.com.uy
  Log Out

Do you really want to leave here so soon?

Convertite en Güiikero en sólo unos segundos!

Retroceder   Güii - Guii.com.uy > WebMaster > Scripts - Sources
Actualizar esta página Sexy Alert Box 1.2 mootools & jQuery
User Tag List

 
LinkBack Herramientas Desplegado
Post creado por:
DiMa Sabeeeeee!
Avatar de DiMaNacho
DiMaNacho esta en línea ahora

Mi pensamiento Güiikero

buen nick!

Mi info güiikera

Creé 5.350 post
Me registré el 25-March-2008
Estoy en Dentro de las entrañas de Güii
Tengo 21 años
Veces que gritó Güii: 748
Le dijeron Güii 1.870 veces en 801 Post
Mentioned: 5 Post(s)
Tagged: 3 Thread(s)
Puntos: 57.317, Nivel: 24
Puntos: 57.317, Nivel: 24 Puntos: 57.317, Nivel: 24 Puntos: 57.317, Nivel: 24
Nivel máximo: 98%, 133 Puntos
Nivel máximo: 98% Nivel máximo: 98% Nivel máximo: 98%
Actividad: 5,5%
Actividad: 5,5% Actividad: 5,5% Actividad: 5,5%
Premios otorgados
Logros obtenidos
Ver perfil de DiMaNacho! Ver Albumes de DiMaNacho! Entrá a mi Facebook Twitter :) Mis videos en YouTube! Agregame al MSN!

Sexy Alert Box 1.2 mootools & jQuery
Sexy Alert Box es un clon “sexy” del clásico alert de javascript. Con un aire a lightbox, cambia las feas alertas de windows por alertas mas atractivas!.


Características de SexyAlertBox:
  • Estilo: Mostrar mensajes de error de una manera más bonita.
  • Compatibilidad: Funciona tanto en navegadores modernos, como en Internet Explorer.
  • Requiere: Mootools 1.2 o superior
  • Requiere: jQuery 1.3 o superior

Demostración

Puedes ver la demostración del script en el siguiente enlace: Ver demo.


Instalación

Sube todos los archivos de SexyAlertBox a tu servidor. Las imágenes, el CSS y el Javascript. Si ubicas la carpeta imágenes en un directorio diferente, no olvides cambiar las rutas que están dentro del archivo CSS.
Para usar mootools pega el siguiente código:


Código PHP:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/mootools/1.2.1/mootools-yui-compressed.js"></script>
<script type="text/javascript" src="sexyalertbox.v1.2.moo.js"></script><link rel="stylesheet" type="text/css" media="all" href="sexyalertbox.css"/> 
Para usar jQuery pega el siguiente código:

Código PHP:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script><script type="text/javascript" src="jquery.easing.1.3.js"></script><script type="text/javascript" src="sexyalertbox.v1.2.jquery.js"></script><link rel="stylesheet" type="text/css" media="all" href="sexyalertbox.css"/> 
¿Cómo se usa?

Usar SexyAlertBox es fácil:


Código PHP:
Sexy.alert('Hello world!'); 
Para crear un alert más personalizado, puedes usar el segundo parámetro:


Código PHP:
Sexy.confirm('Hello world!', {
textBoxBtnOk: 'Quiero Entrar',textBoxBtnCancel: 'Quiero Salir'}); 
Recuerda que puedes poner código html en el mensaje del alerta.


Descarga



Más material:

FUENTE
  • Compartir
  • Compartí este post!
Responder Citando Quote selected text Reportar Mensaje
  • 1205
    Visitas
  • 0
    Comentarios
Post creado: 05-Jan-2010 a las 21:36
Respuesta

Etiquetas
alert, box, jquery, mootools, sexy

Chat Güiikero!
Loading ...
Empty the chat input field
Show the formatting buttons line (BBCODES) Show the smilies selection line Enable/Disable sound in the chatbox Show the help window
MGC Chatbox Evo v3.2.2 by MGC © 2008-2012
General help
The MGC Chatbox Evo is really easy to use

You can :
  1. Send chats : you just have to enter the text in the dedicated input field and then to validate it by pushing the return key ou by clicking on the OK button.
  2. Format the chats :
    3. once you un-collapse the chatbox formatting toolbar by clicking on the BBCode button, you have access to different formatting options for your chats. You can format a chat by selecting a part (or the totality) of it and then select one of the buttons/list. You can also add empty formatting tags by selecting nothing and clicking one of the buttons/menu thus allowing you to add the chat text afterwards between these tags.*
  3. Access to the different channels : you can have access to different channels restricted to only some usergroupds or for specifics use of the chatbox. The different channels are accessible from the buttons on the left of the chatbox.*
  4. Edit your chats (or others chats) : the edition of a chat can be done by a simple double-click on it.*
  5. Use specific commands : some commands can be accessible in the chatbox depending on the will of the administrator(s) of your forum. These commands let you execute specific actions of formatting, management, etc... You will herebelow the information on the command which are accessible to you. You must notice that you are not forced to use the command prefixes (/command_name) when you use them in the channel they are attached to (except in the general channel).*
* : Depending on the settings chosen by the administrator(s) of the forum, you might not have access to all these features.



« Tema Anterior | ass="vbmenu_option">Crear una Encuesta Crear una Encuesta
Herramientas
Desplegado
Mode Lineal Mode Lineal

Normas de Publicación
No puedes crear nuevos temas
No puedes responder mensajes
No puedes subir archivos adjuntos
No puedes editar tus mensajes
Los Códigos BB están Activado
Las Caritas están Activado
[IMG] está Activado
El Código HTML está Desactivado
Trackbacks are Activado
Pingbacks are Activado
Refbacks are Activado

Links de Interés:
------
Guii en Facebook Guii en Twitter Guii en YouTube!



Guii.com.uy fue desarrollado y diseñado por DMNArts.com
utilizando como base vBulletin (Copyright © 2000-2011 Jelsoft Enterprises Limited.)
no new posts