Jump to content
  • Sky
  • Blueberry
  • Slate
  • Blackcurrant
  • Watermelon
  • Strawberry
  • Orange
  • Banana
  • Apple
  • Emerald
  • Chocolate
  • Charcoal
Miguel92

Ver smilebox sin scroll [wysibb]

Recommended Posts

Este es en realidad un mini cambio, ya que por motivo raro no se puede dar clic en el scroll porque se sale o deja de mostrar los smile...

como resultado le quedará de esta manera

EpXe2rr.png

 

Para comenzar buscamos en themes/default/js/wysibb.js y buscan esto:

                var $sblock = $('<div class="wbb-list">').appendTo($btn);

y a lado de wbb-list agregan BoxSmile de tal manera que les quedará así:

                var $sblock = $('<div class="wbb-list BoxSmile">').appendTo($btn);

 

luego en la carpeta css crearemos un archivo llamado posts.css y de esta manera aprovechamos 

<link href="{$tsConfig.css}/{$tsPage}.css" rel="stylesheet" type="text/css" />

una vez creado dentro agregaremos los siguientes estilos:

/* Caja de los smile */
.BoxSmile {
    display: block;
    max-width: 280px; /* El ancho máximo */
    min-width: 470px; /* El ancho minimo */
    height: 330px; /* El largo */
}
.BoxSmile > span.smile {
    width:24px; /* El tamaño de la cuadricula */
    height:24px; /* El tamaño de la cuadricula */
    line-height:22px;
    padding:2px; /* El espacio dentro de la cuadricula */
    display:inline-block;
    zoom:1;
    cursor:pointer;
    vertical-align:middle
}
.BoxSmile > span.smile:hover {
    background-color: #EEE; /* El fondo que se aplica al pasar el cursor */
}
.BoxSmile > span.smile img {
    max-width:18px; /* El tamaño de la imagen */
    max-height:18px; /* El tamaño de la imagen */
}

Para más contenido visita 

 

VER VIDEO TUTORIAL

Editado por Miguel92
Video
  • Me gusta 3

Compartir este post


Enlace al post
Compartir en otros sitios

  • Similar Content

    • Por Miguel92
      Pedido: [Mod] Imagen de cabecera en comunidades
      Por: @fellomix
       
      No sé si es exactamente lo que se pidió..
       
      Quedaría como la imagen, pero obviamente no tiene ese borde rojo ya que lo estaba probando...

       
      Ahora deben de seguir los siguientes pasos...(creo que les va a servir para cualquier theme con comunidades y cualquier versión de Risus)
      Buscamos en inc/class/c.comunidades.php
                  } elseif($type == 3) {                 $this->mod_history($comid, 5, $comid);                 $name = 'cf_'.(int)$comid.'.jpg';                 $root = TS_FILES.'uploads/'.$name;                 if(copy($file['tmp_name'],$root)) return '1: '.$tsCore->settings['url'].'/files/uploads/'.$name;                 else return '0: No se pudo subir la imagen';             }  y debajo o al lado de } pegamos
                   elseif($type == 4) {                 $this->mod_history($comid, 6, $comid);                 $name = 'head_'.(int)$comid.'.jpg';                 $root = TS_FILES.'uploads/'.$name;                 if(copy($file['tmp_name'],$root)) return '1: '.$tsCore->settings['url'].'/files/uploads/'.$name;                 else return '0: No se pudo subir la imagen';             } Luego buscamos en inc/php/ajax/ajax.comunidades.php
              case 'comunidades-edit_fondo':             //<--                 $result = $tsCom->uploadImagen($_FILES['background'], $_GET['comid'], 3);                 echo $tsCore->setJSON($result);             //-->         break; y debajo agregaremos
              case 'comunidades-edit_header':             //<--                 $result = $tsCom->uploadImagen($_FILES['header'], $_GET['comid'], 4);                 echo $tsCore->setJSON($result);             //-->         break; Luego vamos a themes/TUTHEME/js/comunidades.js y buscamos
          votar_tema: function(voto) {         $('#loading').fadeIn(250);         voto = (voto == 'pos') ? 'pos' : 'neg';         var votos = $('#votos_total');         var total_votos = parseInt(votos.text());         total_votos = (isNaN(total_votos)) ? 0 : total_votos; Arriba de esto pegamos lo siguiente
          subir_cabecera: function() {         $('#loading').fadeIn(250);         if ($('#head_input').val()) {             if(isImageFile($('#head_input').val())){                 $('#head_change').css({'opacity' : 0.5});                 $.ajaxFileUpload({                     url: global_data.url + '/comunidades-edit_header.php?' + cgget('comid', true),                     fileElementId: 'head_input',                     dataType: 'json',                     success: function(h){                         if(h.charAt(0) == 1) {                             $('#head_change').css({'opacity' : 1});                             $('#head_change').attr({'src' : h.substring(3) + '?' + new Date().getTime()});                         } else {                             mydialog.alert('Error', h.substring(3));                         }                                         $('#loading').fadeOut(250);                     }                 });             } else mydialog.alert('Error', 'El archivo no es una imagen válida.');         } else mydialog.alert('Error', 'No selecciono ningun archivo.');     },  
      Más abajo buscamos
          if(global_com.comid!='') {         $('body').css({'background-image' : 'url("' + global_data.url + '/files/uploads/cf_' + global_com.comid + '.jpg")'});     }
      y debajo agregamos
          if(global_com.comid!='') {         $('.headercom').css({'background-image' : 'url("' + global_data.url + '/files/uploads/head_' + global_com.comid + '.jpg")'});     } Solo tendríamos que agregar la clase .headercom en donde queramos que aparezca la cabecera de la comunidad
       
      Luego en themes/TUTHEME/templates/comunidades/c.crear_right.tpl y arriba de
      <input type="hidden" id="comid" value="{$tsDato.c_id}" /> <div class="com_box_title clearfix"><h2>Imagen de la comunidad</h2></div>
      Pegamos
          <div class="com_box_title clearfix"><h2>Cabecera de la comunidad</h2></div>     <div class="com_edit_imagen" align="center"> <img src="{$tsConfig.url}/files/uploads/head_{$tsDato.c_id}.jpg" id="head_change" height="180" width="100%" /> <input type="file" id="head_input" class="input_text" name="header" style="width: 100%;" onchange="com.subir_cabecera({$tsDato.c_id})" /> </div>  
      En themes/TUTHEME/templates/comunidades/c.com_info.tpl
      <div class="ver_com_info">     <div class="vci_left floatL">
      y la reemplazamos por
      <div class="ver_com_info headercom">     <div class="opacity">     <div class="vci_left floatL">
      luego más abajo buscamos
          <a href="#" onclick="$('.ver_com_info').toggle();return false;"><i class="com_icon icon_less"></i></a>     <div class="clearfix"></div> </div>
      y la reemplazamos por
          <a href="#" onclick="$('.ver_com_info').toggle();return false;"><i class="com_icon icon_less"></i></a>     <div class="clearfix"></div>     </div> </div> por último en themes/TUTHEME/css/comunidades.css agregamos
      .ver_com_info {     padding: 0; } .headercom { /* De acá podrán darle estilo al fondo */     background-position: center center;     background-size: cover;     background-repeat: no-repeat; } .opacity {     padding: 20px 8px;     background-color: rgba(255,255,255,.6); }  
      Luego trataré de hacer otro, pero que evite subir imagenes a nuestro servidor y que la suba a un web como por ejemplo imgur...creo, no sé...ya lo veré
      PD: Si al editar la imagen no cambia, presionen "CTRL + SHIFT + R" y para evitar eso busquen en t.comunidades.tpl 
      <script type="text/javascript" src="{$tsConfig.js}/comunidades.js"></script> y lo cambian por
      <script type="text/javascript" src="{$tsConfig.js}/comunidades.js?{$smarty.now}"></script>  
    • Por Tronlar
      Hola a [email protected],os dejo como poner el editor WYSIWYG igual que la versión 1.3 , lo he probado en la V5 pero tiene que funcionar en cualquier tema.Si tienes problemas con otro tema o lo que sea respecto al mod,coméntalo aquí dejando tu web y un usuario demo.

      En c.core.php --> inc/class/c.core.php

      Buscar:
      /* parseBBCode($bbcode) */ function parseBBCode($bbcode, $type = 'normal', $smiles = true, $mentions = true) { // Class BBCode include_once(TS_EXTRA . 'bbcode.inc.php'); $parser = new BBCode(); // Seleccionar texto $parser->setText($bbcode); // Seleccionar tipo switch ($type) { // NORMAL case 'normal': // BBCodes permitidos $parser->setRestriction(array('url', 'code', 'quote', 'font', 'size', 'color', 'img', 'b', 'i', 'u', 's', 'align', 'spoiler', 'swf', 'video', 'goear', 'hr', 'sub', 'sup', 'table', 'td', 'tr', 'ul', 'li', 'ol', 'notice', 'info', 'warning', 'error', 'success')); break; // FIRMA case 'firma': // BBCodes permitidos $parser->setRestriction(array('url', 'font', 'size', 'color', 'img', 'b', 'i', 'u', 's', 'align', 'spoiler')); break; // NOTICIAS case 'news': // BBCodes permitidos $parser->setRestriction(array('url', 'b', 'i', 'u', 's')); break; // SOLO SMILES (Esta opción se mantiene por compatibilidad con versiones anteriores, pero en su lugar se recomienda utilizar la opción "normal") case 'smiles': $parser->setRestriction(array('url', 'code', 'quote', 'quotePHPost', 'font', 'size', 'color', 'img', 'b', 'i', 'u', 'align', 'spoiler', 'swf', 'goear', 'hr', 'li')); break; } // HTML $html = $parser->getAsHtml(); // SMILES if ($smiles) $html = $parser->parseSmiles(); // MENCIONES if ($mentions) $html = $parser->parseMentions(); // Retornar resultado return $html; }  
       
      Cambiar por:
      /* parseBBCode($bbcode) */ function parseBBCode($bbcode, $type = 'normal') { // Class BBCode include_once(TS_EXTRA . 'bbcode.inc.php'); $parser = new BBCode(); // Seleccionar texto $parser->setText($bbcode); // Seleccionar tipo switch ($type) { // NORMAL case 'normal': // BBCodes permitidos $parser->setRestriction(array('url', 'code', 'quote', 'font', 'size', 'color', 'img', 'b', 'i', 'u', 's', 'align', 'spoiler', 'swf', 'video', 'goear', 'hr', 'sub', 'sup', 'table', 'td', 'tr', 'ul', 'li', 'ol', 'notice', 'info', 'warning', 'error', 'success')); // SMILES $parser->parseSmiles(); // MENCIONES $parser->parseMentions(); break; // FIRMA case 'firma': // BBCodes permitidos $parser->setRestriction(array('url', 'font', 'size', 'color', 'img', 'b', 'i', 'u', 's', 'align', 'spoiler')); break; // NOTICIAS case 'news': // BBCodes permitidos $parser->setRestriction(array('url', 'b', 'i', 'u', 's')); // SMILES $parser->parseSmiles(); break; // SOLO SMILES (Esta opción se mantiene por compatibilidad con versiones anteriores, pero en su lugar se recomienda utilizar la opción "normal") case 'smiles': $parser->setRestriction(array('url', 'code', 'quote', 'quotePHPost', 'font', 'size', 'color', 'img', 'b', 'i', 'u', 'align', 'spoiler', 'swf', 'goear', 'hr', 'li')); // SMILES $parser->parseSmiles(); // MENCIONES $parser->parseMentions(); break; } // Retornar resultado HTML return $parser->getAsHtml(); }  

      En acciones.js --> themes/tutema/js/acciones.js

      Buscar:
      /* Citar comentarios */ function citar_comment(id, nick){ var textarea = $('#body_comm'); textarea.focus(); textarea.val(((textarea.val()!='') ? textarea.val() + '\n' : '') + '[quote=' + nick + ']' + htmlspecialchars_decode($('#citar_comm_'+id).html(), 'ENT_NOQUOTES') + '[/quote]\n'); }  

      Cambiar por:
      /* Citar comentarios */ function citar_comment(id, nick){ var textarea = $('#body_comm'); var message = $.trim($('#comment-body-'+id).html()); $('.wysibb-texarea').execCommand('quote',{autor: nick, seltext: message}); }  
       
      Buscar:
      //Imprimir editores function print_editor(){ //Editor de posts if($('#markItUp') && !$('#markItUpMarkItUp').length){ $('#markItUp').markItUp(mySettings); $('#emoticons a').live("click",function(){ emoticon = ' ' + $(this).attr("smile") + ' '; $.markItUp({ replaceWith:emoticon }); return false; }); } //Editor de posts comentarios if($('#body_comm') && !$('#markItUpbody_comm').length){ $('#body_comm').markItUp(mySettings_cmt); } //Editor de respuestas comunidades if($('#body_resp') && !$('#markItUpbody_resp').length){ $('#body_resp').markItUp(mySettings_cmt); } } /* FIN - Editor */  

      Cambiar por:
      //Imprimir editores function print_editor(){ //Editor de posts if($('#markItUp').length && !$('.wysibb-texarea').length || $('#wysibb').length && !$('.wysibb-texarea').length){ $('#markItUp, #wysibb').removeAttr('onblur onfocus class style').css('height', '400').addClass('required').wysibb(); $('#moreemofn, #emoticons').remove(); } //Editor de posts comentarios if($('#body_comm').length && !$('.wysibb-texarea').length){ var wbbOpt = { buttons: "smilebox,|,bold,italic,underline,strike,sup,sub,|,img,video,link" } $('#body_comm').removeAttr('onblur onfocus class style title').css('height', '80').html('').wysibb(wbbOpt); } //Editor de respuestas comunidades if($('#body_resp') && !$('#markItUpbody_resp').length){ $('#body_resp').markItUp(mySettings_cmt); } //Editor de respuesta de mensajes if($('#respuesta').length && !$('.wysibb-texarea').length){ var wbbOpt = { buttons: "smilebox,|,bold,italic,underline,strike,sup,sub,|,img,video,link,|,removeFormat" } $('#respuesta').removeAttr('onblur onfocus class style title').css('height', '80').html('').wysibb(wbbOpt); } } /* FIN - Editor */  
       
      Buscar:
      mydialog.buttons(true, true, 'Enviar', 'mensaje.enviar(0)', true, true, true, 'Cancelar', 'close', true, false); mydialog.center();  
       
      Cambiar por:
      mydialog.buttons(true, true, 'Enviar', '$(\'.wysibb-texarea\').sync(); mensaje.enviar(0)', true, true, true, 'Cancelar', 'close', true, false); var wbbOpt = { resize_maxheight: 170, buttons: "smilebox,|,bold,italic,underline,strike,sup,sub,|,img,video,link,|,removeFormat" } $('#msg_body').wysibb(wbbOpt); mydialog.center();  

      Buscar:
      // RESPONDER responder: function(mp_id){ this.vars['mp_id'] = $('#mp_id').val(); this.vars['mp_body'] = encodeURIComponent($('#respuesta').val()); // Fix: 14/12/2014 - 1.1.000.9 if(this.vars['mp_body'] == '') { $('#respuesta').focus(); return; } // this.ajax('respuesta','id=' + this.vars['mp_id'] + '&body=' + this.vars['mp_body'], function(h){ $('#respuesta').val(''); // LIMPIAMOS switch(h.charAt(0)){ case '0': mydialog.alert("Error", h.substring(3)); break; case '1': $('#historial').append($(h.substring(3)).fadeIn('slow')); break; } $('#respuesta').focus(); }); },
          
      Cambiar por:
      // RESPONDER responder: function(mp_id){ this.vars['mp_id'] = $('#mp_id').val(); this.vars['mp_body'] = encodeURIComponent($('#respuesta').bbcode()); // Fix: 06/05/2018 - 1.3 if(this.vars['mp_body'] == '') { $('#respuesta').focus(); return; } // this.ajax('respuesta','id=' + this.vars['mp_id'] + '&body=' + this.vars['mp_body'], function(h){ $('#respuesta').val(''); // LIMPIAMOS $('.wysibb-body').html(''); switch(h.charAt(0)){ case '0': mydialog.alert("Error", h.substring(3)); break; case '1': $('#historial').append($(h.substring(3)).fadeIn('slow')); break; } $('#respuesta').focus(); }); },  

          
      En funciones.js --> themes/tutema/js/funciones.js

      Buscar:
      // NUEVO COMENTARIO nuevo: function(mostrar_resp, comentarionum){ // EVITAR FLOOD $('#btnsComment').attr({'disabled':'disabled'}); // var textarea = $('#body_comm'); var text = textarea.val();
      Cambiar por:
      // NUEVO COMENTARIO nuevo: function(mostrar_resp, comentarionum){ // EVITAR FLOOD $('#btnsComment').attr({'disabled':'disabled'}); // var textarea = $('#body_comm'); var text = textarea.bbcode();  
       
      Buscar:
      // VISTA PREVIA DEL COMENTARIO preview: function(id, type){ var textarea = (type == 'new') ? $('#' + id) : $('#edit-comment-' + id); var text = textarea.val();  

      Cambiar por:
      // VISTA PREVIA DEL COMENTARIO preview: function(id, type){ var textarea = (type == 'new') ? $('#' + id) : $('#edit-comment-' + id); var text = textarea.bbcode();  

      En main_header.tpl --> themes/tutema/templates/sections/main_header.tpl    
              
      Buscar:
      <link href="{$tsConfig.tema.t_url}/extras.css" rel="stylesheet" type="text/css" />  

      Agregar debajo:
      <link href="{$tsConfig.css}/wysibb.css" rel="stylesheet" type="text/css" />  
       
      Buscar:
       
      <script src="{$tsConfig.js}/funciones.js" type="text/javascript"></script>
      Agregar debajo:
      <script src="{$tsConfig.js}/wysibb.js" type="text/javascript"></script>  
      Subir esta carpeta y ya lo tienen funcionando.
       
       

       

       

       

       

       

       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
    • Por Miguel92
      Esto solo y únicamente para los que actualizaron
      de PHP 5.6 a PHP 7.x...
       
      NOTA: En la documentación oficial de php.net es funcional hasta:
      (PHP 4, PHP 5, PHP 7) each — Devolver el par clave/valor actual de un array y avanzar el cursor del array  
      En el archivo templates/b_toup/home/b.tags_recientes.tpl hay una función llamada each() y se visulizará un mensaje parecido a este
      Deprecated: The each() function is deprecated. This message will be suppressed on further calls in [ubicación en cache]....  
      Para arreglar eso buscamos en el archivo ya mencionado esto: [línea 31]
      while (list($name, $valor) = each($tags)){ y la reemplazamos por
      foreach($tags as $name => $valor) {  
      06/12/2018
      En el caso que le siga dando error comparenlo con este:
       
    • Por Cacho
      mi web es http://boludinga.daryhost.com/ 
      user: demo
      pass: demo5 o demo
       
      Hola, hace unos días que estoy en el foro, siempre lo miré desde afuera, la verdad que aprendí mucho, le pido por favor a quien pueda ayudarme con esto.
       
      En el editor wysiwyg vienen varios botones, pero no encuentro el de responder en los comentarios de los post, hay alguna forma de ponerlo?, solo se puede citar lo que dijo otro usuario, en el portal si funciona el responder les agradezco su ayuda. uso la 1.3 y el theme Carbon.
    • Por Miguel92
      MINI-MOD
      Este mini-mod es completamente simple!
      1 - Realizamos esta consulta
      ALTER TABLE `w_configuracion` ADD `countcomments` VARCHAR(3) NOT NULL AFTER `xat_id`; 2 - Buscamos en inc/class/c.admin.php y buscamos
                  'xat' => $tsCore->setSecure($_POST['xat']),             'edad' => $tsCore->setSecure($_POST['edad']),
      y debajo pegamos lo siguiente
                  'countcomments' => $tsCore->setSecure($_POST['countcomments']),
      un poco más abajo buscamos
      `c_allow_edad` = \'' . $c['edad'] . '\',
      y a lado le agregaremos
      `countcomments` = \'' . $c['countcomments'] . '\', 3 - Buscamos en inc/class/c.muro.php y buscamos
                  case 'comments':                 $limit = ($likes > 0) ? "LIMIT {$likes}" : '';
      y la reemplazamos por
                  case 'comments':                 $cantidadcomentario = ($tsCore->settings['countcomments']);                 $limit = ($likes > 0) ? "LIMIT {$cantidadcomentario}" : ''; 4 - Buscamos en templates/admin_mods/m.admin_configs.tpl
                                              <dl>                                             <dt><label for="ai_xat">Xat ID:</label><br /><span>Por defecto puedes agregar un chat de <a href="http://xat.com">Xat</a> para tu web, solo crea tu grupo he ingresa el nombre.</span></dt>                                             <dd><input type="text" id="ai_xat" name="xat" maxlength="20" value="{$tsConfig.xat_id}" /> </dd>                                         </dl>
      y debajo agregamos
                                              <dl>                                             <dt><label for="countcomments">Cantidad de comentarios:</label><br /><span>La cantidad de comentarios que se visualizará en las publicaciones como perfil y portal</span></dt>                                             <dd><input type="text" id="countcomments" name="countcomments" maxlength="3" value="{$tsConfig.countcomments}" /> </dd>                                         </dl>  
      Listo así de fácil, sencillo y sin complicaciones
      Los valores pueden ir desde 0 hasta 999

      PD: Si ya existía, pido disculpas...Nunca lo he visto
  • Navegando Recientemente   0 miembros

    No registered users viewing this page.

  • Patrocinador



  • ×