• ¡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

Trad.Complementos The Happy Place -- Emoticonos cliqueables debajo del editor

lms

Administrador
#1
¡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
#3
Edita la plantilla editor_js_setup y busca
Editar modelo editor_js_setup e pesquisa
PHP:
xenforo_smilies_menu_image: '@imagePath/xenforo/editor/smilie.png',
        xenforo_smilies: {xen:helper json, $smilies},
Bórralo y guarda los cambios.
Excluí-lo e salvar as alterações.

Salud2
 
#4
Edita la plantilla editor_js_setup y busca
Editar modelo editor_js_setup e pesquisa
PHP:
xenforo_smilies_menu_image: '@imagePath/xenforo/editor/smilie.png',
        xenforo_smilies: {xen:helper json, $smilies},
Bórralo y guarda los cambios.
Excluí-lo e salvar as alterações.

Salud2
Gracias ;)

Tem uns smilies gratuitos que encontrei na web que podiam ser usados no forum, ficam fantásticos:
 

Adjuntos

lms

Administrador
#10
Versión 3 Lanzada. Está adjuntada al primer post de este tema. ¡No más modificaciones de plantillas, ya!

La versión 3 precisa, al menos, de XenForo 1.0.0 RC3 y no funcionará hasta que reviertas TODAS las modificaciones previas de plantillas (de este complemento).
Kier Darby dijo:
Instrucciones de instalación:
1) Quítate los zapatos, relájate y aclara tu mente.

2) Sube el directorio 'TheHappyPlace' dentro del directorio library/ en tu servidor web (el directorio que contiene tu archivo config.php).

3) Instala el complemento TheHappyPlace.xml a través de 'Instalar complemento' de la página Inicio de tu panel de control.

4) Tómate algo y pon algunos emoticonos. Sin más.
Kier Darby, February 22nd 2011

Salud2
 

lms

Administrador
#11
Para adaptar al estilo flexile, añade en EXTRA.css
PHP:
.moreSmiliesHandle a
{
color: @faintTextColor !important;
background-color: @pageBackground !important;
border: 1px solid @veryDarkMonochrome !important;
}

Salud2
 

lms

Administrador
#13
Debajo del editor de cada tema, verás una pestaña que pone Emoticonos. Dale y comprueba lo que hace este complemento (que coloca esa pestaña ahí).

Salud2
 

Tize

XenForoUser
#14
Hola, yo acabo de instalar el complemento después de haberlo intentado anteriormente ya que me da siempre un curioso error y es que no cargan las emoticonos dentro de este.
No sé si es necesario editar alguna plantilla para poder dejarlo funcional o no se si no es compatible con la versión 1.1.3

Gracias.
a.png

b.png
 

lms

Administrador
#15
PCA -> Inicio -> Emoticonos -> Editar (de uno en uno) y pon la ruta de la imagen sustituta del texto a figurar como emoticono.

61.png

Salud2
 

Tize

XenForoUser
#16
Hola, realicé las pruebas con 3 iconos y no se ven.
Tendré que eliminar todos los que tengo añadidos ?
Tengo 48 y la verdad es que me pegué el curraso del siglo para ponerlos, pero si de seguro si los suprimo al añadirlos como indicas funcionan me arriesgo.
Si no pues lo dejo tal cual porqué son muchos :confused:

Muchos de ellos están de la manera que indicas con la ruta directa pero no se ven de igual modo :oops:
 

lms

Administrador
#19
Me refiero a que si se corresponden la ubicación de los archivos con la ruta especificada y si sus nombres no contienen caracteres "hispanos" tipo ñ, acentos o espacios.

Salud2
 

Tize

XenForoUser
#20
Si claro, es más.
Hay algunos iconos que estoy utilizando en la opción de arriba y funcionan perfectamente.
Pero.. al añadirlos como me has indicado por ruta no se ven tampoco, realicé la prueba con Chrome y Firefox.
Saludos.
 
Arriba