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

About This Club

Bueno lo que haremos en esta "ESCUELA" jaja, es la actualización desde cero!! Mirá primero "Presentación", ya que allí estarán todos los pasos ordenados... Existe 2 formas de actualización.. [ 1 - Actualización de Jquery y JS] y [ 2 - Actualización del Php 5.x a php 7.x]

  1. What's new in this club
  2. En este caso es cómo integrar redes sociales a nuestra web! Les dejaré el archivo adaptado a la versión de font awesome 5, el zip contiene (la descomprimen dentro de default): DESCARGAR: jssocial.zip CSS/jssocials: * js-socials.min.css * jsSocials-flat.min.css * jsSocials-classic.min.css * jsSocials-minima.min.css * jsSocials-plain.min.css JS/jssocials: * jssocials.min.js * configuracion.js [Solo la configuración básica] CDN: * https://use.fontawesome.com/releases/v5.2.0/css/all.css [01] Abrimos main_header.tpl en default/templates/sections y debajo de wysibb.css pegamos esto: <link href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" rel="stylesheet"> [02] Abrimos t.posts.tpl en default/templates y debajo de {include file='sections/main_header.tpl'} pegaremos lo siguiente <link rel="stylesheet" href="{$tsConfig.css}/jssocials/js-socials.min.css"> <link rel="stylesheet" href="{$tsConfig.css}/jssocials/jsSocials-flat.min.css"> en el mismo archivo arriba de {include file='sections/main_footer.tpl'} pegaremos esto <script src="{$tsConfig.js}/jssocials/jssocials.min.js"></script> <script src="{$tsConfig.js}/jssocials/configuracion.js"></script> [03] Luego abriremos m.posts_content.tpl en templates/modules y buscamos <ul class="post-compartir clearbeta"> <li class="share-big"> <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="{$tsConfig.titulo}" data-lang="es">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script> </li> <li class="share-big"> <a name="fb_share" share_url="{$tsConfig.url}/posts/{$tsPost.categoria.c_seo}/{$tsPost.post_id}/{$tsPost.post_title|seo}.html" type="box_count" href="http://www.facebook.com/sharer.php">Compartir</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script> </li> <li class="share-big"> <span class="share-t-count">{$tsPost.post_shared}</span> <a href="{if !$tsUser->is_member}javascript:registro_load_form(); return false{else}javascript:notifica.sharePost({$tsPost.post_id}){/if}" class="share-t"></a> </li> <li class="txt-movi">Compartir en:</li> </ul> y la reemplazaremos por <div id="Compartiendo"></div> Bueno allí tienen la configuración terminada esto solo es la básica! En el video mostraré como hacer más configuraciones para que quede mejor... VER VIDEO TUTORIAL + AVANZADA
  3. 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 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
  4. Uh tenes razón no me di cuenta jajaja Gracias!
  5. En el paso 5 pusiste, 5 - Ahora en default/templates/t.php_files.tpl, cuando en realidad deberia ser 5 - Ahora en default/templates/t.php_files/p.registro_form.tpl no aplique la cosa esta pero creo que es asi, salu3
  6. Tema orginal "Cralke" Jquery 1.7.1 Captcha v1 Tema actualizado "Cralke" Jquery 3.3.1 Recaptcha v2 Actualizador automático + instalación del theme, solo te queda borrar el cache! (lo que quiero decir que no tienes que ir a administración -> temas -> e instalarlo desde allí, el upgrade ya lo instala y lo activa) PANTALLA DEL REGISTRO PANTALLA DEL UPGRADE (1) Seleccionan "Realizarlas automáticamente" y luego presionan realizar instalación PANTALLA DEL UPGRADE (2) Si esta en verde, quiere decir que ya las ejecuto! Si esta en rojo, quiere decir que la línea esta duplicada o hay un error...En el caso de esta esas 2 estan duplicadas... MODO 1: Crakle(theme+archivos): Contiene el theme completo + los 5 archivos del directorio class (c.borradores.php, c.core.php, c.cuenta.php, c.posts.php y c.registro.php) Descargar: Crakle(theme+archivos) MODO 2: Crakle(completo): Contiene el theme completo + directorio inc completo(versión 1.3) Descargar: Crakle(completo) La descomprimen dentro de la carpeta raíz, luego en el navegador web lo usan así https://www.tu_web.com/upgrade/ PASO OLVIDADO: Buscar en templates/modules/admin_mods/m.admin_rangos.tpl y borrar {literal} <style> #colores {width:200px; position:absolute; right:50px; padding:15px 8px 10px 10px; border:1px solid #ccc; background-color:#fafafa;} #cerrar {position:absolute; right:5px; top:3px; z-index:2} #colores .title {position:absolute; left:10px; top:0px; z-index:2; font-weight:bold} #colores span {display:block; float:left; cursor:pointer; border:1px solid #FFF; border-width:1px 1px 0 0} /* ADMIN NEW LABEL */ fieldset tr.newLabel td{text-align:left;} fieldset tr.newLabel label{ float:none; width:80px; padding:0; text-align:center; cursor:pointer; } tr.newLabel label.yes:hover { background-color:#86F786; } tr.newLabel label.no:hover { background-color:#EFB0B2; } </style> {/literal} Luego más abajo buscar <dd><input type="text" id="rColor" name="rColor" value="{$tsRango.r_color}" style="color:#{$tsRango.r_color}; font-weight:bold;width:30%"/></dd> y reemplazarlo (en realizar al input se le agrega class="jscolor") <dd><input type="text" id="rColor" class="jscolor" name="rColor" value="{$tsRango.r_color}" style="color:#{$tsRango.r_color}; font-weight:bold;width:30%"/></dd>
  7. Despues haré la actualización que te había mencionado, y te nombraré jaja
  8. copyright (c) 2018 rascii
  9. me sirvió mucho, muchas gracias
  10. Ala shabal que buen tutorial
  11. La actualización es muy rápida y no requiere hacer ninguna modificación al menos que el usuario la requiera, pero se puede hacer otro tutorial agregando un plugin en smarty y/o uso de ello Incorporar un nobbcode: Quita las etiquetas del bbcode y usarlo como descripción del post en el home (Usando el contenido del body del post) -------------------------------------- O usar el strip_tags Referencias: → php.net (http://php.net/manual/es/function.strip-tags.php) → smarty.net (https://www.smarty.net/docsv2/es/language.modifier.strip.tags.tpl) Visiten la página en github: Web(del tutorial) Ver tutorial → Ver ahora ←
  12. de hecho la música se lo mande así nomas jajajajaja
  13. No sabía que conocías música electrónica jajaja Alto camtasia jajaja
  14. La primera parte consta de 4 videos + un video extra el cual no es obligatorio... 1 video especial para los que no quieren tomarse el tiempo para hacerlo TOTAL 6: ※ Parte 1: Actualizamos jquery 1.7.1 a la 3.3.1 ※ Parte 2: Actualizamos los js para que sea compatible ※ Parte 3: Eliminamos archivos ya que estaran en jquery.plugins.js ※ Parte 4: Actualizamos Jquery.plugins.js ※ Parte 5: Extra actualizamos jquery.color.js ※ EXTRA (6) Suscribansen y activen la campanita, porque estaré subiendo mini tutoriales de como actualizar es script...y delen mucho likes jajaaja https://www.youtube.com/channel/UC4vgC1nMp6AxJ1h2JRgIi2w (aun no tiene url personalizada) solo el primer video:
  15. Bueno. Si realizaron la actualización de los JS y por alguna razón no les guarda los campos para enviar al borrador del usuario en el caso de borrar un post en "/moderacion/", aquí está la solución: Van al archivo moderacion.js y buscan: if($('#send_b').attr('checked')){ var send_b = 'yes'; } Y lo remplazan por: if($('#send_b').prop('checked')){ var send_b = 'yes'; } Razón de este error o bug: Espero les sirva
  16. Bueno. Si realizaron la actualización de los JS y por alguna razón, no les guarda la información cuando agregan un filtro u opción en el monitor y/o van a modificar un mensaje. 1.-Buscamos en acciones.js: filter: function (x, obj) { $.ajax({url: global_data.url + '/notificaciones-filtro.php', type: 'post', data: 'fid=' + x}); var v = $(obj).attr('checked') ? 1 : 0; }, 2.-Lo cambiamos por: filter: function (x, obj) { $.ajax({url: global_data.url + '/notificaciones-filtro.php', type: 'post', data: 'fid=' + x}); var v = $(obj).prop('checked') ? 1 : 0; }, 3.-Luego buscamos en el mismo archivo: modificar: function(act){ var inputs = $('#mensajes .GBThreadRow :input'); var ids = new Array(); var i = 0; // inputs.each(function(){ var este = $(this).attr('checked'); 4.-Lo cambiamos por: modificar: function(act){ var inputs = $('#mensajes .GBThreadRow :input'); var ids = new Array(); var i = 0; // inputs.each(function(){ var este = $(this).prop('checked'); Razón de este error o bug: Espero les sirva
  17. Bueno. Si realizaron la actualización de los JS y por alguna razón no les guarda los campos de categorías favoritas en "posts" en "/mi/", aquí está la solución: Van al archivo portal.js y buscan: if($(this).attr('checked')) cat_ids += $(this).val() + ','; Y lo remplazan por: if($(this).prop('checked')) cat_ids += $(this).val() + ','; Razón de este error o bug: Espero les sirva
  18. Bueno. Si realizaron la actualización de los JS y por alguna razón no les guarda los campos "Género/Sexo" (en algunos casos no lo guarda), "Te gustaría:" y "Tengo:" dentro de "Perfil" en "/cuenta/", aquí está la solución: Van al archivo cuenta.js y buscan: $('.cuenta-save-' + secc).each(function() { if (($(this).attr('type') != 'checkbox' && $(this).attr('type') != 'radio') || $(this).attr('checked')) params.push($(this).attr('name') + '=' + encodeURIComponent($(this).val())); }); Y lo remplazan por: $('.cuenta-save-' + secc).each(function() { if (($(this).attr('type') != 'checkbox' && $(this).attr('type') != 'radio') || $(this).prop('checked')) params.push($(this).attr('name') + '=' + encodeURIComponent($(this).val())); }); Razón de este error o bug: Espero les sirva
  19. Demo

    Demo actualizada...
  20. ei pero mis botonos se ven arriba komo hago para ke se vean abajo buen mod jaja salu2
  21. Actualización: Compartir posts "Redes Sociales" Bueno cuando ves un post, lo más probable que lo veas de esta manera... Y un mensaje en la consola que dice lo siguiente 'imagen' Bien empecemos: 1 - Buscamos en templates/modules/m.posts_content.tpl (o en donde tengas para compartir ya que los themes son distintos) CAMBIAMOS TWITTER <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="{$tsConfig.titulo}" data-lang="es">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script> la reemplazamos por <a href="https://twitter.com/share?ref_src=twsrc%5Etfw" class="twitter-share-button" data-size="large" data-text="{$tsPost.post_title}" data-url="{$tsConfig.url}/posts/{$tsPost.categoria.c_seo}/{$tsPost.post_id}/{$tsPost.post_title|seo}.html" data-lang="es" data-dnt="true" data-show-count="true">Tweet</a> CAMBIAMOS FACEBOOK <a name="fb_share" share_url="{$tsConfig.url}/posts/{$tsPost.categoria.c_seo}/{$tsPost.post_id}/{$tsPost.post_title|seo}.html" type="box_count" href="http://www.facebook.com/sharer.php">Compartir</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script> la reemplazamos por <div class="fb-share-button" data-href="{$tsConfig.url}/posts/{$tsPost.categoria.c_seo}/{$tsPost.post_id}/{$tsPost.post_title|seo}.html" data-layout="button_count" data-size="large" data-mobile-iframe="true"><a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u={$tsConfig.url}/posts/{$tsPost.categoria.c_seo}/{$tsPost.post_id}/{$tsPost.post_title|seo}.html&src=sdkpreparse" class="fb-xfbml-parse-ignore">Compartir</a></div> 2 - Como verán no posee los *.js para que funcione yo lo he colocado a mi manera, ustedes lo pueden poner en el mismo archivo o hacer lo que hice, en templates/t.posts.tpl arriba de {include file='sections/main_footer.tpl'} agregan esto <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> <div id="fb-root"></div> {literal} <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "https://connect.facebook.net/es_ES/sdk.js#xfbml=1&version=v3.0"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> {/literal} Ahora si quieren agregar Google+ 1 - En m.posts_content.tpl debajo de <ul class="post-compartir clearbeta"> agregan esto <li class="share-big"> <div class="g-plus" data-action="share" data-height="24" data-href="{$tsConfig.url}/posts/{$tsPost.categoria.c_seo}/{$tsPost.post_id}/{$tsPost.post_title|seo}.html"></div> </li> 2 - Ahora en t.posts.tpl arriba de {include file='sections/main_footer.tpl'} agregan esto <script src="https://apis.google.com/js/platform.js" async defer>{literal}{lang: 'es'}{/literal}</script> y les quedaría así... (imagen actualizada) Nota: Para visualizarlo de esta manera buscar en el mismo archivo en el que sea realizado la modificación "m.posts_content.tpl" y buscamos (solo en la de twitter, facebook y google) solo los 3 primero (en el caso que no agregues google serán los 2 primeros) <li class="share-big"> y la cambian por <li class="share-big" id="redes"> luego ir a estilo.css y buscan .FBConnectButton_Small .FBConnectButton_Text { margin-left:17px; padding:2px 4px 3px!important; -moz-border-radius:3px; } y arriba pegan esto .post-compartir #redes { margin-top: 32px; }
  22. 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) {
  23. Bueno como dice el título he iniciado un theme con el framework css de UiKit, como para cambiar un poco el bootstrap 4... Pero me encontré con un mini-dificulta ya que el sistema de grid que tiene es un poco feo ya que no deje relizarlo de la misma manera que bs4 y queda medio desformado... Así que tendré que hacer un sistema de grillas a mi manera para poder acomodar de la forma que quiero. Tendrá modificaciones el uikit.min.css, no directamente en ese archivo si no que agregó más clases porque carece un poco de "estilos", pero tiene muchas cosas que estan bastante buena así que veré si lo mejoró o lo dejó asi nomas! Visita la documentación de UIKit oficial 28/06/2018 Captura inicio: (Aunque no me convence el diseño, lo iré cambiando en el camino..) Con el menú desplegado Cuando quieres buscar un posts / usuario A estas modificaciones las realice yo porque el que trae en uikit era horrible, tuve que agregar un nuevo sistema de grillas porque el del framework era medio raro de usar y hacia uso de flexbox lo que iba a joder un poco cuando se vea en un dispositivo
  24.  
  • Patrocinador



  • ×