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

Recommended Posts

Pedido: [Pedido] Compartir en:

por: @Rebieta

 

Complemento compartir en redes sociales 

estilo FLAT (casi jajaja)

 

1 - En main_header.tpl buscamos

<link href="{$tsConfig.tema.t_url}/estilo.css" rel="stylesheet" type="text/css" />
<link href="{$tsConfig.tema.t_url}/phpost.css" rel="stylesheet" type="text/css" />
<link href="{$tsConfig.tema.t_url}/extras.css" rel="stylesheet" type="text/css" />

y debajo pegamos

<script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>

 

2- En m.posts_content.tpl buscamos

<div class="compartir-mov" style="text-align: right; color:#888; font-size: 14px;margin: 30px 0 10px">
                                
                                <div class="m-left"></div>
                                
                                <div class="m-right"></div>
                                
                                <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>
                            
                            </div>

y la reemplazamos por

{include file='modules/m.posts_redes.tpl'}

 

3 - Descargamos el archivo y descomprimir en el directorio modules → m.posts_redes.tpl ← 

 

y les quedará algo así:

torneo.png.52aadbf059ce1ff478c5822b5b4c46c1.png

 

En caso de alguna mejora la subiré!!

 

 

CAMBIAR DE .JS A .CSS

En el caso que tardará en aparecer los font awesome deben cambiar

<script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>

por este 

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.10/css/all.css">

 

Editado por Miguel92
cambio por si acaso
  • Me gusta 2
  • Gracias 1
  • Downvote 1

Compartir este post


Enlace al post
Compartir en otros sitios
On 21/4/2018 at 19:26, Miguel92 dijo:

Funciona correctamente...

Quieres que le haga algún cambio?

agregale instagram :P hace la version v2 :D

Compartir este post


Enlace al post
Compartir en otros sitios
hace 11 horas, pablo2k dijo:

agregale instagram :P hace la version v2 :D

No le encontraría el motivo de agregar un botón para compartir en instagram, ya que su único método es compartir desde instagram y no hacia instagram...[Por el momento es lo que sé, hasta el año pasado existía pero ahora ya no!]

Pero puedo hacer un rediseño de los botones!

Compartir este post


Enlace al post
Compartir en otros sitios

Registra una cuenta o conéctate para comentar

Debes ser un miembro de la comunidad para dejar un comentario


  • Similar Content

    • Por Miguel92
      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; }  
    • Por Miguel92
      El pedido: 
       
      Para: @CJ23

      PASO 1:
         Buscamos en inc/php/post.php esto
      // DO <= PARA EL MENU         $smarty->assign("tsDo",$_GET['do']); debajo pegamos ↓
      // Mod Ultimos registrados :: Reactualizado 08/09/2017         $smarty->assign("tsLastUser",$tsPosts->getLastUser());  
      PASO 2:
        Buscamos en inc/class/c.posts.php esto
      /*         getComentarios()     */     function getComentarios($post_id){ y arriba pegamos esto
        /*   MOD Ultimos Registrados :: Reacutalizado 09/08/2017   */     function getLastUser(){     global $tsCore;     //       $query = db_exec(array(__FILE__,__LINE__),'query', 'SELECT * FROM u_miembros WHERE user_activo= \'1\' AND user_baneado= \'0\' ORDER BY user_id DESC LIMIT 14'); /* LIMIT 14 ← le das el numero que quieras */       if(!$query) exit( show_error('Error al ejecutar la consulta de la línea '.__LINE__.' de '.__FILE__.'.', 'db') );     $data = result_array($query);     //     return $data;   } PASO 3:
      Crearemos un archivo llamado m.home_last_user.tpl en la carpeta modules, dentro del archivo pegamos esto:
      {if $tsConfig.c_allow_portal && $tsUser->is_member == true}     <div id="webStats">     <div class="wMod clearbeta">         <span class="qtip" title="Último usuario" style="padding: 5px 2px;">             Últimos registro Live <span class="estado">Live</span>         </span>     <div class="box_cuerpo">         <ul>             {foreach from=$tsLastUser item=m}             <li>                 <a href="{$tsConfig.url}/perfil/{$m.user_name}">                     <img src="{$tsConfig.url}/files/avatar/{$m.user_id}_120.jpg"/>                 </a>                 <span>                     <a href="{$tsConfig.url}/perfil/{$m.user_name}">{$m.user_name|truncate:9}</a>                     <i>{$m.user_lastactive|hace}</i>                 </span>             </li>             {/foreach}         </ul>     </div>     </div> </div> {/if} {literal} <style>     .estado {         width:16px;             height:16px;            background-image: url({/literal}{$tsConfig.images}/status.png{literal});            background-repeat: no-repeat;            color: transparent;            float: right;     }     .box_cuerpo ul li {         width: 100%;         height: 36px;         padding: 4px 2px;     }     .box_cuerpo ul li span {         padding: 5px;     }     .box_cuerpo ul li span a {         color: #333;         font-size: 14px;         font-style: normal;     }     .box_cuerpo ul li span i {         font-size: 10px;         color: #999;         display: block;     }     .box_cuerpo ul li a {         float: left;     }     .box_cuerpo ul li a img {         width: 34px;         padding:2px;     } </style> {/literal}  
      PASO 4:
        Buscamos templates/t.home.tpl 
      </div>                 <div id="derecha"> y debajo pegamos esto
      {include file='modules/m.home_last_user.tpl'}  
      PASO 5:
        Le das los toques de CSS que sea necesario...
       
      Esta es mi versión:

      En sí es más actualización del mod que otra cosa!
      Para hacerlo a modo LIVE [en vivo] buscas en inc/posts.php
              $smarty->assign("tsDo",$_GET['do']); y debajo pegas esto
              $_GET['online'] = true;          $tsUsers = $tsUser->getUsuarios();          $smarty->assign("tsUsers",$tsUsers['data']); luego en el archivo creado buscas
      <ul>             {foreach from=$tsLastUser item=m} y la cambias por
      <ul>             {foreach from=$tsUsers item=m} y listo...
       
      Agregado el día: 04/05/2018 desde los comentarios
       
      Me falto aclarar:
      LIVE(1) | INICIARÓN SESION(2)
      (1) $tsUsers → para usuarios que están ahora
       {foreach from=$tsUsers item=m}
      -----------------------------------------------------------------------------
      (2) $tsLastUser → para lo últimos que iniciaron sesión
       {foreach from=$tsLastUser item=m}
       
      ##############################################
       
      LIVE(1) | REGISTRARON(2)
      (1) {$m.user_lastactive|hace} → para usuarios que están ahora
      -----------------------------------------------------------------------------
      (2) {$m.user_registro|hace} → para lo últimos que se registrarón
    • Por LautaroSanchez
      Hola queria saber si esta el mod de control de mensajes para la 1.2
      tengo el theme V5
      Esta es mi pagina web ZinLimites!
    • Por Rebieta
      Buenas quería pedir un mod algo así como un top 15 que se vaya actualizando y muestre la cantidad de mb que gasta un usuario en la base de datos, así creo yo es más fácil controlar el contenido, realmente no se si esto es posible lo dejo en manos de algún experto como posible idea 
  • Navegando Recientemente   0 miembros

    No registered users viewing this page.

  • Patrocinador



  • ×