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

[SnackBarJs] Toaster para tu theme

Snackbarjs  

2 members have voted

  1. 1. Lo van a querer?



Recommended Posts

[SnackBar] Toaster para tu theme

 

Bueno como dice el titulo es un complemento que puede ir a cualquier theme sin importar que formato, frameworks,etc tenga.

Si quieren saber del tema o conocer el complemento visiten snackbarjs

 

Ejemplo como les puede quedar:

1 - INICIANDO SESIÓN CON UN USUARIO QUE NO EXISTE

2 - INICIANDO SESIÓN CON CONTRASEÑA ERRONEA

3C4.png

 

3 - CUANDO AGREGAS UN POST A FAVORITOS

4 - CUANDO YA TIENES EL POST EN FAVORITOS

4FF.png

 

¿Que es lo que hace?

 - Simplemente da una mejor forma de verlo y además queda bonito. (Se que no todos tenemos la misma opinion)

 - Reemplaza el tipico mensaje estatico que tiene por defecto.

 

¿Solo sirve con los .tpl?

 - Por suerte no hace falta que sea solamente en los js y ni en los .tpl, se pueden agregar tanquilamente en los archivos php.

 

¿Es mucho lo que hay que modificar?

 - Hay que reemplazar donde se de una notificación estatica, como se los demostre en las imagenes fuerón agregados en los archivos c.posts.php y c.user.php

 

¿Se le puede cambiar de estilos?

- Si tranquilamente no hay problema.

 

  • Like 1

Share this post


Link to post
Share on other sites
On 15/5/2018 at 10:33, isback dijo:

se ve muy bien :)

Puedes probarlo en la demo de mozzfire en la que lo tengo...por el momento lo tiene el login y no el registro

 

demo http://mozzfirev4x.skn1.com/

 

usuario: demo

contraseña: demouser

 

para comprobar puedes poner cualquier nombre y saldrá el mensaje en la parte izquierda inferior

  • Thanks 1

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By Miguel92
      Esto es algo que siempre quise hacer, pero como he mencionado anteriormente "SOY MALíSIMO EN PROGRAMACIÓN PHP", pero estaba buscando algo parecido en el foro...pero no encontré. Así que realice uno desde cero.
       
      1 - En inc/class/c.posts.php buscan
          /*         getCatData()         :: OBTENER DATOS DE UNA CATEGORIA     */ y arriba agregan
         /*       OBTENER LOS TITULOS DE LOS POSTS ANTERIOR/SIGUIENTE    */    function TituloAnterior() {       global $tsCore;       $post_id = intval($_GET['post_id']-1);       $query = db_exec(array(__FILE__, __LINE__), 'query', 'SELECT post_id, post_title FROM p_posts WHERE post_id = \''.$tsCore->setSecure($post_id).'\' LIMIT 1');       $data = db_exec('fetch_assoc', $query);       return $data['post_title'];    }    function TituloSiguente() {       global $tsCore;       $post_id = intval($_GET['post_id']+1);       $query = db_exec(array(__FILE__, __LINE__), 'query', 'SELECT post_id, post_title FROM p_posts WHERE post_id = \''.$tsCore->setSecure($post_id).'\' LIMIT 1');       $data = db_exec('fetch_assoc', $query);       return $data['post_title'];    }  
      2 - Luego en inc/php/posts.php buscan
                  // COMENTARIOS             /*$tsComments = $tsPosts->getComentarios($tsPost['post_id']);             $tsComments = array('num' => $tsComments['num'], 'data' => $tsComments['data']);             $smarty->assign("tsComments",$tsComments);*/             // PAGINAS y arriba pegan
                  $smarty->assign("tsTituloAnterior",$tsPosts->TituloAnterior());             $smarty->assign("tsTituloSiguente",$tsPosts->TituloSiguente());  
      y en la sección del post donde esta anterior, aleatorio y siguente le agregan 
      {$tsTituloAnterior} o {$tsTituloSiguente}
       
      hasta ahora todo bien, pero cual es el problema
      Ejemplo 1: Llegaste al último post, pero ya no veras ningún nombre de post siguente...Pero lo que quiero es que muestre el nombre del post actual ya que es el último
      Ejemplo 2: Tienes los posts con las id (1,2,3,6) hay falta el 4 y 5, y esto no funcionaría ya que le esta sumando o restando a la ID actual y en este caso:
      ¿Como haría para buscar el ID más cercano?
    • By Miguel92
      Pedido: [Mod] Imagen de cabecera en comunidades
      Por: @fellomix
       
      Una segunda forma de poder hacerlo!
       
      1 -  Ejecutar esta consulta
      ALTER TABLE `c_comunidades` ADD `c_headercom` VARCHAR(255) NOT NULL AFTER `c_nombre_corto`; 2 -  Buscar en c.comunidades.php en la función nueva_comunidad()
                      'fecha' => time(),                 'nombre' => $tsCore->setSecure($tsCore->parseBadWords($_POST['nombre']), true),                 'ncorto' => $tsCore->setSeo($tsCore->setSecure($_POST['ncorto'], true)),
      y debajo agregamos
                      'headercom' => $tsCore->setSecure($tsCore->parseBadWords($_POST['headercom']), true),
      un poco más abajo buscamos
                  // Insertamos             if(db_exec(array(__FILE__, __LINE__), 'query', 'INSERT INTO c_comunidades (c_autor, c_nombre, c_nombre_corto,
      y le agregamos a lado 
                   c_headercom,
      un poquito más abajo de
                      VALUES (                     \''.$tsUser->uid.'\',                     \''.$dato['nombre'].'\',                     \''.$dato['ncorto'].'\',
      agregamos
                          \''.$dato['headercom'].'\',
      Luego buscamos la función editar_comunidad($comid)
                          'pais' => $tsCore->setSecure($_POST['pais']),                         'desc' => $tsCore->setSecure($_POST['descripcion']),                     'color' => $tsCore->setSecure($_POST['back_color']),
      y debajo pegamos
                          'headercom' => $tsCore->setSecure($_POST['headercom']),
      más abajo buscamos 
                          c_acceso = \''.(int)$dato['acceso'].'\',                     c_permisos = \''.$dato['permisos'].'\',
      y debajo pegamos
       
                         c_headercom = \''.$dato['headercom'].'\',             
      3 - Después buscamos en c.crear_left.tpl
          <div class="item_form clearfix">         <label>Categoría</label>         <select name="categoria" id="ShowCats" class="required" onChange="com.subcat()" tabindex="3">             <option value="0">Selecciona una categoría</option>             {foreach from=$tsCats item=c}             <option value="{$c.cid}" {if $tsDato.c_categoria == $c.cid}selected="selected"{/if}>{$c.c_nombre}</option>             {/foreach}         </select>     </div>
      y debajo o arriba pegamos (se me olvido quitar los required, ya que no es obligatorio)
          <div class="item_form clearfix">         <label>Cabecera!</label>         <input type="text" name="headercom" tabindex="10" maxlength="180" size="60" class="required input_text https" placeholder="URL de portada (debe tener https://)" pattern="https://.*" value="{$tsDato.c_headercom}">         <small class="mg-lt">Solo admitirá los https!</small>     </div> 4 - Después buscamos c.com_info.tpl [línea 24 y 25]
      <div class="ver_com_info">     <div class="vci_left floatL">
      y la reemplazamos por
      <div class="ver_com_info" style="background-image: url({$tsCom.c_headercom});">     <div class="opacity">     <div class="vci_left floatL">
      luego debajo de la línea 61 agregaremos un 
          </div> 5 -  Por último agregaremos esto a comunidades.css
      .ver_com_info {     padding: 0; } .headercom {      background-position: center center;     background-size: cover;     background-repeat: no-repeat; } .opacity {     padding: 20px 8px;     background-color: rgba(255,255,255,.6); }  
    • By Miguel92
      Lo que se hará es agregar las opciones para que se pueda elegir entre el recaptcha v2 y el recaptcha v3.
       
      1 - Ejecutar estas consultas
      ALTER TABLE `w_configuracion` ADD `c_recaptcha` int(1) NOT NULL DEFAULT '0'; ALTER TABLE `w_configuracion` ADD `pkey3` varchar(55) NOT NULL; ALTER TABLE `w_configuracion` ADD `skey3` varchar(55) NOT NULL;  
      2 - Buscar en inc/class/c.registro.php
      /** reCAPTCHA **/         $recaptcha = 'https://www.google.com/recaptcha/api/siteverify?secret=' . $tsCore->settings['skey'] . '&response=' . $tsData['user_captcha'] . '&remoteip=' . $tsCore->getIP(); y la reemplazamos por
      /** reCAPTCHA **/         if($tsCore->settings['c_recaptcha'] == 0) {             $R_KEY = $tsCore->settings['skey'];         } else {             $R_KEY = $tsCore->settings['skey3'];         }         $recaptcha = 'https://www.google.com/recaptcha/api/siteverify?secret=' . $R_KEY . '&response=' . $tsData['user_captcha'] . '&remoteip=' . $tsCore->getIP();  
      3 - En config.inc.php que se encuentra en la raíz buscamos y la borramos
      define('RC_PUK',"6LcXvL0SAAAAAPJkBrro96lnXGZ56TBRExEmVM3L"); // public key recaptcha define('RC_PIK',"6LcXvL0SAAAAAEg1zizOxJPTjlD0ZtbbzubF2NjE"); // private key recaptcha  
      4 - En header.php buscamos
          // Mensajes     $smarty->assign('tsMPs',$tsMP->mensajes); y debajo pegamos
          if($tsCore->settings['c_recaptcha'] == 0) {         define('RC_PUK',$tsCore->settings['pkey']);         define('RC_PIK',$tsCore->settings['skey']);     } else {         define('RC_PUK',$tsCore->settings['pkey3']);         define('RC_PIK',$tsCore->settings['skey3']);     }  
      5 - Luego buscan en templates/sections/main_header.tpl
      </head> <body> <!--JAVASCRIPT--> y arriba agregan esto
      {if !$tsUser->is_member && $tsConfig.c_recaptcha == 1}   <script src="https://www.google.com/recaptcha/api.js?render={RC_PUK}"></script> {/if}  
      6 - Luego buscan en js/registro.js
                  /* Terminos */             case 'terminos':                 var value = $(el).is(':checked'); y arriba agregan
                  /* ReCaptcha V3 */             case 'recaptcha_response_field':                this.datos['g-recaptcha-response'] = $('#RegistroForm #recaptchaResponse').val();             break; y un poco más abajo buscan
      var rnum = h.substring(0, strpos(h, ':'));                     if (rnum != '1' || rnum != '2') {                         registro.datos['g-recaptcha-response'] = '';                         grecaptcha.reset();                     } y lo reemplazan por
      if(SelectR == 0){                     var rnum = h.substring(0, strpos(h, ':'));                     if (rnum != '1' || rnum != '2') {                         registro.datos['g-recaptcha-response'] = '';                         grecaptcha.reset();                     }                }  
      7 - Luego buscan en t.php_files/p.registro.form.tpl (en el caso del mod de registro buscan en t.registro.tpl)
              <div class="form-group">             <label>Confirme humanidad:</label>             <div class="g-recaptcha" data-sitekey="{$tsConfig.pkey}"></div>             <div class="help"><span><em></em></span></div>         </div> y la reemplazan por
      {if $tsConfig.c_recaptcha == 0}         <div class="form-group">             <label>Confirme humanidad:</label>             <div class="g-recaptcha" data-sitekey="{RC_PUK}"></div>             <div class="help"><span><em></em></span></div>         </div>         {else}         <div class="form-group">             <input type="hidden" name="g-recaptcha-response" id="response" class="g-recaptcha">             <div class="help"><span><em></em></span></div>         </div>         {/if} luego más abajo buscan
      <script src="https://www.google.com/recaptcha/api.js" async defer></script> <script type="text/javascript"> $.getScript("{$tsConfig.js}/registro.js{literal}", function(){     registro.change_paso(1);     mydialog.procesando_fin(); }); </script> {/literal} y lo reemplazan por
      {if $tsConfig.c_recaptcha == 0} <script src="https://www.google.com/recaptcha/api.js" async defer></script> {/if} <script type="text/javascript"> const SelectR = '{$tsConfig.c_recaptcha}'; $.getScript("{$tsConfig.js}/registro.js{literal}", function(){     registro.change_paso(1);     mydialog.procesando_fin(); }); </script> {/literal} {if $tsConfig.c_recaptcha == 1} <script type="text/javascript">     var keyv3 = '{RC_PUK}';     grecaptcha.ready(function () {     grecaptcha.execute(keyv3{literal}', {action: 'homepage'}).then(function (token) {            var response = document.getElementById('response');            response.value = token;        });     });     {/literal} </script> {/if}  
      8 - Por último en templates/admin_mods/m.admin_configs.tpl y buscan
      <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 agregan
      <hr />             <fieldset class="selectRecaptcha">                 <legend>Seleccionar el reCaptcha</legend>                 <span>Puedes elegir entre el Recaptcha v2 o el Recaptcha v3</span>                 <select name="recaptcha" id="recaptcha">                     <option value="0"{if $tsConfig.c_recaptcha == 0} selected="selected"{/if}>Recaptcha v2</option>                     <option value="1"{if $tsConfig.c_recaptcha == 1} selected="selected"{/if}>Recaptcha v3</option>                 </select>                 <div id="recaptchav2">                     <h4>Recaptcha V2</h4>                     <dl>                         <dt>                             <label for="pkey">reCaptcha pública</label>                             <br /><span>Clave pública de <a href="https://www.google.com/recaptcha/admin">reCatpcha</a>.</span>                         </dt>                         <dd><input type="text" id="pkey" name="pkey"{if !$tsConfig.pkey}placeholder="Sin clave" {/if}value="{$tsConfig.pkey}" /></dd>                     </dl>                     <dl>                         <dt>                             <label for="skey">reCaptcha secreta</label>                             <br /><span>Clave privada de <a href="https://www.google.com/recaptcha/admin">reCatpcha</a>.</span>                         </dt>                         <dd><input type="text" id="skey" name="skey"{if !$tsConfig.skey}placeholder="Sin clave"{/if} value="{$tsConfig.skey}" /></dd>                     </dl>                 </div>                 <div id="recaptchav3">                     <h4>Recaptcha V3</h4>                     <dl>                         <dt>                             <label for="pkey3">reCaptcha pública</label>                             <br /><span>Clave pública de <a href="https://www.google.com/recaptcha/admin">reCatpcha</a>.</span>                         </dt>                         <dd><input type="text" id="pkey3" name="pkey3"{if !$tsConfig.pkey3}placeholder="Sin clave" {/if}value="{$tsConfig.pkey3}" /></dd>                     </dl>                     <dl>                         <dt>                             <label for="skey3">reCaptcha secreta</label>                             <br /><span>Clave privada de <a href="https://www.google.com/recaptcha/admin">reCatpcha</a>.</span>                         </dt>                         <dd><input type="text" id="skey3" name="skey3"{if !$tsConfig.skey3}placeholder="Sin clave"{/if} value="{$tsConfig.skey3}" /></dd>                     </dl>                 </div>             </fieldset>             <hr /> y por último en el mismo archivo agregar
      <script>{literal} var rv3 = '{/literal}{$tsConfig.c_recaptcha}{literal}'; (rv3 == '1') ? $('#recaptchav2').hide() : $('#recaptchav3').hide(); $("select[name=recaptcha]").change(function(){     var reCaptcha = $(this).val();     (reCaptcha == '1') ? $('#recaptchav2').slideUp(),$('#recaptchav3').slideDown() : $('#recaptchav2').slideDown(),$('#recaptchav3').slideUp(); }); {/literal}</script>  
      Y creo que eso sería todo, cualquier problema avisen!
    • By Miguel92
      Esto es una mini actualización del

      Lo había incluido en el theme Hydra, pero no lo voy a usar!

      ¿Cual es la diferencia con el original?
      Que solo he agregado una función que he buscado por internet, que en este caso leerá el directorio CSS y obtendrá todos los nombre que existan en dicha carpeta, y es por ello que estan escritas manualmente estilo.css, extras.css y phpost.css en el caso que exista otro css fuera de la carpeta lo tendrán que escribir...
      Todos los achivos encontrados serán mostrados en un select en el cual ustedes puede seleccionar y presionar editar ya que agrega el texto correspondiente en el input

      1 - Ir a js/admin.js y debajo de todo agregar
      /* EDITAR CSS */ var css = { editar: function(){ var e = $('input[name=file-css]').val(); if(css.check(e)){ $.ajax({ type: 'POST', url: global_data.url + '/css.php?ajax=1&pas=0', data: 'css=' + e, success: function(h){ $('textarea[name=css]').html(h).css({ width:'100%', height: '500px', resize: 'vertical' }).show(); $('button[name=savecss]').show(); } }); } else sinCss(); }, save: function(){ var e = $('input[name=file-css]').val(); var t = $('textarea[name=css]').val(); $.ajax({ type: 'POST', url: global_data.url + '/css.php?ajax=1&pas=1', data: 'css=' + t + '&name=' + e, success: function(h){ mydialog.show(); mydialog.title('Guardado...'); mydialog.body('Debes recargar <b>' + global_data.s_title + '</b> para que los cambios realizados en el archivos sean aplicados!'); mydialog.buttons(true, true, 'Regargar', 'admincss()', true, false, true, 'No', 'close', true, true); mydialog.center(); } }); }, check: function(filename){ var ext = (/[.]/.exec(filename)) ? /[^.]+$/.exec(filename.toLowerCase()) : ''; if(ext && /^(css)$/.test(ext)) return true; else return false; } } // admincss function admincss() { location.href = global_data.url + '/admin/css' } function sinCss() { mydialog.show(); mydialog.title('Error'); mydialog.body('Debes seleccionar o escribir un archivos CSS para poder elegir'); mydialog.buttons(true, true, 'Ya entendi!', 'close', true, true); mydialog.center(); }

      2 - Ir a templates/t.admin.tpl y debajo de
      {elseif $tsAction == 'rangos'} {include file='admin_mods/m.admin_rangos.tpl'}
      agregar
      {elseif $tsAction == 'css'} {include file='admin_mods/m.admin_css.tpl'}
      3 -  Ir a templates/admin_mods/ y crear un archivo llamado m.admin_css.tpl y agregar lo siguiente (El diseño esta realizado con bootstrap 4 y Material) por lo que deberán adaptarlo a su theme
      {literal} <script type="text/javascript"> function cambioOpciones() { document.getElementById("mostrarCss").value=document.getElementById("opciones").value; } </script> {/literal} <div class="card-header"> <h3>Editar CSS</h3> </div> <div id="rec" class="card-body"> <span class="d-block">Seleccione un archivo, si no se encuentra escribalo!</span> <div class="row"> <div class="col-4"> <select id="opciones" onchange="cambioOpciones();" size="8" class="custom-select"> <option value=''>Selecciona una opción</option> <option value='estilo.css'>Estilo</option> <option value='extras.css'>Extras</option> <option value='phpost.css'>Phpost</option> {php} $directorio = opendir("../../themes/".TS_TEMA."/css/"); //ruta actual while ($archivo = readdir($directorio)) { if (is_dir($archivo)) { } else { $txtCSS = ucfirst(str_replace('.css', ' ', $archivo)); echo "<option value='css/$archivo'>$txtCSS</option>"; } } {/php} </select> </div> <div class="col-8"> <input type="text" name="file-css" id=mostrarCss" class="d-inline form-control" placeholder="Ej: estilo.css o css/admin.css" size="15" style="width:70%" /> <button class="btn btn-outline-success" onclick="css.editar(); return false;">Editar</button> <textarea name="css" class="prettyprint lang-css" style="display:none;"></textarea> <button class="btn btn-outline-info" onclick="css.save(); return false;" name="savecss" style="display:none;">Guardar</button> </div> </div> </div>
      Veran en el código de m.admin_css.tpl esto
      $directorio = opendir("../../themes/".TS_TEMA."/css/"); //ruta actual
      en donde dice ".TS_TEMA." no funciona, solo le cambian por el nombre de su theme actual

      4 - En la misma carpeta buscan m.admin_sidemenu.tpl y buscan
      <li id="a_temas"><span class="cat-title"><a href="{$tsConfig.url}/admin/temas">Temas y apariencia</a></span></li> y  agregan
      <li id="a_rangos"><span class="cat-title"><a href="{$tsConfig.url}/admin/css">Editar CSS</a></span></li> 5 - Por último van a inc/php/ajax y crean un archivo llamado ajax.css.php y pegan esto
      <?php if ( ! defined('TS_HEADER')) exit('No se permite el acceso directo al script att Xtatter :P'); /*/ · EDITAR EL CSS EN LA ADMIN BY XTATTER /*/ if($tsUser->uid == 1){ $pas = (int)$_GET['pas']; if($pas == 0) { $file_css = $tsCore->setSecure($_POST['css']); $i = file_get_contents($tsCore->settings['tema']['t_url'] . '/' . $file_css); if(empty($i)) $i = 'Error: el archivo no existe'; die($i); } else { $css = $_POST['css']; $css = str_replace('\\n', '\n', $css); $css = str_replace("&#039;", "'", $css); $css = str_replace('&quot;', '"', $css); $file_css = $_POST['name']; $i = '../../'.$tsCore->settings['tema']['t_url'] . '/'; file_put_contents( '../../themes/'.$tsCore->settings['tema']['t_path'] .'/'. $file_css, $css ); } } else { return false; } ?>
      VISTA PREVIA

    • By 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>  
  • Recently Browsing   0 members

    No registered users viewing this page.

  • Patrocinador



  • ×