• ¡Bienvenido a XenFácil!

    Estás viendo el sitio como Invitado. Para poder participar en este sitio

    y obtendrás privilegios adicionales, acceso a otras áreas y mucho mas.

    ¡Es gratis!


    ¿Ya eres miembro? Inicia sesión

Complemento The hapy place - Emoticos bajo el editor

lms

Administrador
Mensajes
7.743
Puntuación de reacciones
2.158
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
6.png7.png8.png9.png

¡Deberás leer el tema para más información!

* Probado en:
  • XenForo 1.0.0 Beta 4
  • Firefox 3/4
  • Chrome
  • Opera 11
* Descripción:
Este complemento hace un área expansible de emoticonos cliqueables bajo control del editor tinyMCE.

* Demo:
En este mismo foro. Está instalado.

* Historial de cambios *
  • 1.0 - 20/11/2010 - Lanzamiento inicial
* Instalación *

1. Instala el XML del complemento (addon_TheHappyPlace-es-ES.xml) desde el Panel de control.

Se añadirán 4 plantillas:
  1. editor_happyplace_js_setup
  2. editor_happyplace.css
  3. editor_happyplace
  4. editor_happyplace_quick_reply
2. Editar estas plantillas: (le recomendamos lo haga en su Estilo Predeterminado)
  1. editor
  2. editor_quick_reply
  3. editor_js_setup
  4. editor_ui.css
- editor -
  • - Añade:
    Insertar CODE, HTML o PHP:
     <xen:include template="editor_happyplace" />
  • - Detrás de:
    Insertar CODE, HTML o PHP:
     <xen:include template="editor_js_setup" />
- Ejemplo:
Insertar CODE, HTML o PHP:
<xen:if is="{$showWysiwyg}">
<xen:include template="editor_js_setup" />
<xen:include template="editor_happyplace" />
</xen:if>
- editor_quick_reply -
- Añade:
Insertar CODE, HTML o PHP:
 <xen:include template="editor_happyplace_quick_reply" />
- Detrás de:
Insertar CODE, HTML o PHP:
 <xen:include template="editor_js_setup" />
- Ejemplo:
Insertar CODE, HTML o PHP:
<xen:if is="{$showWysiwyg}">
<xen:include template="editor_js_setup" />
<xen:include template="editor_happyplace_quick_reply" />
</xen:if>
- editor_js_setup -
- Añade:
Insertar CODE, HTML o PHP:
<xen:include template="editor_happyplace_js_setup" />
- Detrás de:
Insertar CODE, HTML o PHP:
xenforo_bbcode_switch_text: ["{xen:jsescape {xen:phrase use_bb_code_editor}}", "{xen:jsescape {xen:phrase use_rich_text_editor}}"]
});
- Ejemplo:
Insertar CODE, HTML o PHP:
 xenforo_bbcode_switch_text: ["{xen:jsescape {xen:phrase use_bb_code_editor}}", "{xen:jsescape {xen:phrase use_rich_text_editor}}"]
});
<xen:include template="editor_happyplace_js_setup" />
});
</script>
- editor_ui.css -
- Añade:
Insertar CODE, HTML o PHP:
<xen:include template="editor_happyplace.css" />
- Detrás de (abajo del todo):
Insertar CODE, HTML o PHP:
.xenForoSkin span.mce_xenforo_code { background:url(@imagePath/xenforo/editor/code.png) no-repeat; }
- Ejemplo:
Insertar CODE, HTML o PHP:
.xenForoSkin span.mce_xenforo_media {background-position:-320px -20px}
.xenForoSkin span.mce_xenforo_quote {background-position:-220px 0}
.xenForoSkin span.mce_xenforo_code { background:url(@imagePath/xenforo/editor/code.png) no-repeat; }

<xen:include template="editor_happyplace.css" />
3. ¡Los emoticonos ya están!

4. Edita el CSS para crear tu propio enlace. Está en: editor_happyplace.css

* Créditos *
Shelley - Idea original, maquetas, ensayos y estilo.
Iuv - Ideas de estilo y diseño
inph - Código y resto de cosas

* Donar: http://inph.net/donate/xenforo/

Autor: inph
Artículo original: The Happy Place -- Clickable Smilies Under Editor Control

Salud2
 

Adjuntos

lms

Administrador
Mensajes
7.743
Puntuación de reacciones
2.158
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
Este complemento fue modificado por kier y no precisa de ninguna modificación de plantilla en su última versión para instalarse, es más, deberás deshacer las que hayas hecho.

Salud2
 
Arriba