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

Redes sociales en perfil [Mejorado][Simplificado][Sugerencia]

Recommended Posts

Redes sociales en perfil
Mejorado y simplificado

 

Esto es una forma mucho más rápida y sencilla de poder añadir redes sociales a su sitio

1 - En inc/class/c.cuenta.php debajo de

class tsCuenta { 


agregan lo siguiente (solo agregan las redes desde aquí y nada más, ya no tienen que agregar más líneas)

    # Redes sociales disponibles
   /**
     * Si van a agregar más debe ser así 'nombre_minuscula => 'nombre_inicial_mayuscula',
   */
    var $redes = [
        'facebook' => 'Facebook', 
        'twitter' => 'Twitter', 
        'instagram' => 'Instagram',
        'youtube' => 'Youtube',
        'twitch' => 'Twitch',
    ]; 


Luego un poco más abajo buscamos private function unData($data)

        $data['p_socials'] = unserialize($data['p_socials']);
        $data['p_socials']['f'] = $data['p_socials'][0];
        $data['p_socials']['t'] = $data['p_socials'][1]; 

y la reemplazamos por 

        $data["redes"] = $this->redes;
        $data['p_socials'] = json_decode($data['p_socials'], true);
        foreach ($this->redes as $name => $valor) $data['p_socials'][$name];     


Luego un poco más abajo buscamos function loadHeadInfo($user_id)

        $data['p_socials'] = unserialize($data['p_socials']);
        $data['p_socials']['f'] = $data['p_socials'][0];
        $data['p_socials']['t'] = $data['p_socials'][1]; 

y la reemplazamos por

        $data['p_socials'] = json_decode($data['p_socials'], true);
        foreach ($this->redes as $name => $valor) $data['p_socials'][$name]; 


Más abajo buscan

                // EXTERNAS
                $facebook = $tsCore->setSecure($tsCore->parseBadWords($_POST['facebook']), true);
                $twitter = $tsCore->setSecure($tsCore->parseBadWords($_POST['twitter']), true);

y la reemplazan por

                # Redes sociales
                $red__social = [];
                foreach ($_POST["red"] as $llave => $id) $red__social[$llave] = $tsCore->setSecure($tsCore->parseBadWords($id), true); 

allí mismo buscan

'socials' => serialize(array($facebook,$twitter)), 

y la reemplazan por

 'socials' => json_encode($red__social), 


2 - Luego en inc/php/perfil.php buscan

    $smarty->assign("tsInfo",$tsInfo); 

y debajo agregan

    $smarty->assign("tsRedes", $tsCuenta->redes); 


3 - Despues en tema/templates/modules/m.cuenta_perfil_me.tpl buscan

    <div class="field">
        <label for="ft">Redes sociales</label>
        <img src="{$tsConfig.default}/images/icons/facebook.png" width="16" height="16" style="margin:5px; float:left" />
        <strong>facebook.com/</strong><input type="text" value="{$tsPerfil.p_socials.f}" maxlength="64" name="facebook" id="ft" class="text cuenta-save-2" style="width:204px"><br />
        <img src="{$tsConfig.default}/images/icons/twitter.png" width="16" height="16" style="margin:8px 5px 5px 160px; float:left" />
        <strong>twitter.com/</strong><input type="text" value="{$tsPerfil.p_socials.t}" maxlength="64" name="twitter" id="ft2" class="text cuenta-save-2" style="margin-top:3px; width:204px"><br />
    </div>

y la reemplazan por

      <div class="field">
          <label for="red">Redes sociales</label>
       <div style="display:grid;grid-template-columns: repeat(2, 1fr);gap: 10px;">
            {foreach $tsPerfil.redes key=name item=red}
            <div style="display:flex;justify-content: flex-start;align-items: center;">
               <div class="icon">
                 <img src="{$tsConfig.images}/icons/{$name}.png" width="16" height="16" />
               </div>
               <input type="text" class="text cuenta-save-2" value="{$tsPerfil.p_socials.$name}" placeholder="{$red}" name="red[{$name}]">
            </div>
         {/foreach}
       </div>
    </div>

NOTA: En esta parte "{$tsConfig.images}/icons/{$name}.png", deben agregar el icono de la red social que utilicen. Por que "{$name}.png" seria igual a esto "facebook.png", etc.

4 - Por último en tema/templates/modules/m.perfil_sidebar.tpl y arriba de 

<div style="margin-bottom: 10px">
    {$tsConfig.ads_300}
</div>


agregan esto (En realidad lo pueden poner donde ustedes quieran)

{if $tsInfo.p_socials != ''}
      {foreach $tsRedes key=name item=red}
         {if $tsInfo.p_socials.$name !== ''}
            <a class="sitio {$name}" target="_blank" href="https://{$name}.{if $name == 'twitch'}tv{else}com{/if}/{$tsInfo.p_socials.$name}" title="{$red}"><img height="14" width="14" alt="{$name}" src="{$tsConfig.images}/icons/{$name}.png"/></a>
         {/if}
      {/foreach}
   </div>
{/if}

NOTA: Les debo los iconos de instagram, youtube y twitch

Eso sería todo.

Edited by Miguel92
  • Like 1

Share this post


Link to post
Share on other sites

  • Similar Content

    • By Miguel92
      Obviamente por el momento tendrá varios errores!
      Hola a todos, presento "una actualización"(lo estoy haciendo de a poco) que ustedes podrán descargar desde mi repositorio aunque este no será parte del oficial, pero le estoy dando o tratando de dar una 2da oportunidad.
       
      Comunidad en discord https://discord.gg/gbg8fce3BF solo info de los últimos cambios!

      Hasta ahora tiene la última versión de Smarty 4.3.0, la última versión de jQuery 3.6.3 y las librerías de jQuery actualizadas

      Me gustaría saber que es lo que desean que tenga el "PHPost Risus 1.4x": (los tachados ya están agregados)
       [ 01 ] Administración & Moderación separados del theme
       [ 02 ] Chat
       [ 03 ] Comunidades
       [ 04 ] Descargar e instalar themes desde la administración
       [ 05 ] Descargar e plugins básicos desde la administración
       [ 06 ] Login & Registro separados del theme
       [ 07 ] Que editor Wysibb (bbcode) o EasyMDE (markdown)
       [ 08 ] Sección Archivos
       [ 09 ] Sección Vip
       [ 10 ] Sitemap.xml & Robots.txt 
       [ 11 ] Algún otro mod/complemento o lo que desees para añadir
       [ 12 ] Pueden ser diseños nuevos para el default! (en proceso...)

      Espero sus respuestas.
       
      11.01.2023 
      NOTA:
      Instalación arreglada y mejorada Ya tiene en uso password_hash y password_verify, es una mejora completa para las contraseñas. Nicks Reservados (basado en el mod de tutan-kabron), y tiene para añadirles contraseña para usuarios que ustedes deseen que use algunos de esos nicks reservados  
      12.01.2023 
      NOTA:
      Se añadió el último commit realizado en el repositorio (Este se actualizará automáticamente cuando exista un nuevo commit)  Así se verá en la administración, arriba de la versión de risus instalada

      Este es del commit que se hizo en github, lo más probable es que, cuando lo vean ya no será el mismo commit... Ya que lo estaré modificando.

       
      15.01.2023 
      NOTA:
      Se esta modificando el theme (semi-responsive pr el momento)
      Nueva forma de usar el modal, pero mantiene el uso original
      Mini tutorial de como usar el modal rápido



       
      18.01.2023 
      NOTA:
      Home terminada espero XD
      Comunidades añadidas
      Login y Registro separados

    • By Miguel92
      Bueno como dice el titulo "Mostrar titulo de los posts Anterior y Siguiente v2", ya que este es una actualización mejorada!
       
      Topic de la v1
       
      Básicamente se puede realizar tranquilamente desde cero:
      1 - Buscan en inc/class/c.posts.php y van hasta la última llave }
      /* OBTENER LOS TITULOS DE LOS POSTS ANTERIOR/SIGUIENTE */ public function getTitles($from) { global $tsCore; $pid = (int)$_GET["post_id"]; $pid = $from ? $pid - 1 : $pid + 1; $opt = $from ? "<" : ">"; if($pid < 0) return false; // Post $sql = db_exec([__FILE__, __LINE__], "query", "SELECT post_id, post_title, c_seo FROM p_posts LEFT JOIN p_categorias ON post_category = cid WHERE post_id = {$pid}"); // Existe? if(db_exec('num_rows', $sql) === 0) { $sql = db_exec([__FILE__, __LINE__], "query", "SELECT post_id FROM p_posts WHERE post_id {$opt} {$pid} ORDER BY post_id DESC LIMIT 1"); } $data = db_exec('fetch_assoc', $sql); if(!empty($data)) { $data["post_title"] = $tsCore->setSEO($data["post_title"]); $data["post_url"] = "{$tsCore->settings["url"]}/posts/{$data["c_seo"]}/{$data["post_id"]}/{$data["post_title"]}.html"; } return !empty($data) ? $data : false; }  
      2 - En inc/php/posts.php buscan
                  $tsPages['autor'] = $tsPost['post_user']; y debajo agregan
                  $smarty->assign("tsAnterior", $tsPosts->getTitles(true));             $smarty->assign("tsSiguente", $tsPosts->getTitles(false));  
      3 - Luego buscan en tema/templates/modules/m.posts_content.tpl y buscan
      {if $tsPost.user_firma && $tsConfig.c_allow_firma} y arriba agregan (o donde deseen), obviamente ustedes lo tendrían que adaptar a su theme... Pero si usan bootstrap no tiene que hacer tantos cambios.
      <div class="post-antsig"> <div class="post-anterior"> <a href="{$tsAnterior.post_url}" class="d-flex justify-content-start align-items-center"> <div class="icon ml-2"> <!-- Acá puede ir un icono o imagen, deciden ustedes --> <i class="icon-angle-left"></i> </div> <div class="titulo"> <small class="text-uppercase">No te piedas</small> <span>{$tsAnterior.post_title|truncate:34}</span> </div> </a> </div> <div class="post-siguiente"> <a href="{$tsSiguente.post_url}" class="d-flex justify-content-end align-items-center t-end"> <div class="titulo"> <small class="text-uppercase">A continuación</small> <span>{$tsSiguente.post_title|truncate:34}</span> </div> <div class="icon mr-2"> <!-- Acá puede ir un icono o imagen, deciden ustedes --> <i class="icon-angle-right"></i> </div> </a> </div> </div> Así quedaría terminado!

    • By Miguel92
      Instalador automático de themes!
      Es completamente básico y no requiere de mucha instalación.
       
      1 - Abren header.php y al final agregan
      include TS_ROOT . "/inc/InstallAutomaticTheme.php";  
      2 - Descargan "InstallAutomaticTheme.php" y lo agregan en inc/
       
      y listo todos los themes que agregues en "themes" y que contengan el archivo "install.php" los va a instalar, primero comprobará si lo tienen instalado en caso que si lo tengan, no lo va a agregar otra vez.
    • By Miguel92
      Hola a todos, no se si les interesa, pero les dejó este mod!  (No sé si era la idea que tenía)
       
      Mod iniciado por: KMario19 
      Topic: [Desarrollo] BBCode file para archivos
       
      No lo he encontrado terminado, así que supongo que para usar este mod, deben tener:
      [SECCIÓN] Archivos V1.2
      [SECCIÓN] Archivos V2
       
      [SECCIÓN] Archivos v2.2 (Actualizado a 1.3) [ZIP]
      Topic: Sección archivos v2.2
       
      Iniciamos con la instalación
      1 - Buscamos en .htaccess y buscamos
      RewriteRule ^mod-history/([A-Za-z0-9_-]+)/ inc/php/mod-history.php?ver=$1 [QSA,L] debajo agregaremos
      # Descargar RewriteRule ^download/([0-9_-]+)$ inc/php/download.php?id=$1 [QSA,L]  
      2 - Luego vamos a inc/class/c.core.php y buscamos
      public function setMenciones($html) { arriba de la función (también puede ir arriba de la última })
      # Extraemos el nombre del archivo public function parseFiles($content) {     preg_match_all('/\[file\=(\d+)\]/i', $content, $files);     foreach ($files[0] as $id => $file) {         $dato = db_exec('fetch_assoc', db_exec([__FILE__, __LINE__], 'query', "SELECT file_id, f_nombre, f_descargas, f_ext FROM a_files WHERE file_id = {$files[1][$id]} LIMIT 1"));         if($dato["file_id"] > 0) {             $replace = "<a href=\"{$this->settings["url"]}/download/{$dato["file_id"]}\">{$dato["f_nombre"]}.{$dato["f_ext"]} <span style=\"color:#aaa\">{$dato["f_descargas"]} descargas</span>";         } else $replace = "<span style=\"color:#f00\">Archivo eliminado...</span>";         $content = str_replace($file, $replace, $content);     }     return $content; }  
      3 - Después buscamos en inc/class/c.posts.php 
      $postData['user_firma'] = $tsCore->parseBadWords($tsCore->parseBBCodeFirma($postData['user_firma']),true); arriba agregamos
      $postData['post_body'] = $tsCore->parsefiles($postData['post_body']);  
      4 - Subimos este archivo "download.php" en inc/php
       
      5 - Luego en tema/js/wysibb.js buscan
      smilebox: "Emoticonos", y debajo pegan
      file: "Descargar archivo",
      un poco más abajo buscan
      modal_link_title: "Insertar enlace", y arriba agregan
      modal_link_id: "Inserta el ID del archivo",
      luego buscan
      strike,sup,sub,| y a lado agregan
      ,file
      más abajo buscan
      img : { y arriba pegan (en buttonHTML lo pueden definir ustedes)
      file : {     title: CURLANG.file,     buttonHTML: '<span class="fa-solid fa-paperclip"></span>', // Pueden agregar imagen o lo que deseen     modal: {         title: CURLANG.modal_link_id,         width: "500px",         tabs: [             {                 input: [                     {param: "FILE",title:CURLANG.modal_link_id}                 ]             }         ]     },     transform : {         '<a href="{FILE}">{FILE}</a>':"[file={FILE}]"     } },  
      bueno, eso todo... espero no olvidarme de nada!
    • By Miguel92
      Actualizar a Smarty 4.0
       
      1 - Deben descargar la última versión de smarty del repositorio en github.
       
      2 - Luego van a inc/smarty y eliminan todo el contenido (Aviso, si tienen archivos agregados en plugins les recomiendo hacer una copia)
       
      3 - Abren el archivo descargado "smarty-master.zip", acceden a la carpeta que contiene y luego buscan la carpeta "libs" y extraen el contenido dentro de "inc/smarty"
       
      4 - Ahora vamos a la raíz de nuestro sitio y abrimos "header.php" y sigan los siguientes pasos:
        A Buscan  
      define('TS_FILES', TS_ROOT.'/files/');   y debajo agregamos
      define('TS_SMARTY', TS_ROOT.'/inc/smarty/'); B Arriba de "include 'config.inc.php';" agregan  
      # Definimos donde estan los temas   define('TS_THEMES', TS_ROOT . '/themes/');   # Definimos donde se estan los plugins adicionales   define('TS_PLUGINS', TS_EXTRA . 'plugins/');   # Tiempo de vida del cache antes de ser eliminado [5hs] (3600 equivale 1hs)   define('CACHE_LIFE_TIME', 3600 * 5);   define('CACHE_CHECKED', TRUE);   # Solo usar las carpetas agregadas en $smarty->setTemplateDir()   define('SECURITY', TRUE);   # Para comprimir el html y que sea más rápido   define('COMPRESS_HTML', FALSE);   C En inc/ext crean una carpeta llamada plugins y descargar plugins.zip y la descomprimen en "inc/ext"
           Contenido del comprimido zip: fecha, getUrl, hace, kmg, nl2br, quot, rtrim, seo, strlen, trim y ucfirst
        
        D Un poco más abajo buscamos y lo borramos 
      // Smarty   include TS_CLASS.'c.smarty.php';   E Más abajo buscamos
      // Smarty $smarty = new tsSmarty(); y reemplazamos por
        # Todas las instrucciones de smarty comienzan   include TS_ROOT . "/inc/smarty.config.php";   F Al no existir el archivo "smarty.config.php" lo crean dentro de "inc"
       
      5 - Ahora buscamos "/inc/smarty.config.php" y empezaremos la configuración.
        A - Abrimos la etiqueta de <?php y luego agregan estas instrucciones
       
      6 - Ahora vamos a la raíz de nuestro sitio y abrimos "footer.php":
        A - Borramos todo el contenido del archivo y la reemplazaremos con esto 
       
      PD: Se me olvido mencionar que deben ir a inc/php/ajax_files.php y borrar lo siguiente, ya que no lo usaremos
      $smarty->template_ts = false;   // SMARTY SETTINGS  
      NOTA:

      Como verán en el array $_ACCESO_TPL_PHP_ = [...items...], es el acceso a esas carpetas. ¿Por que incluí esto?, fácil es para simplificar más, antes para incluir un archivo se tenía que agregar de la siguiente manera
      {include file='sections/main_header.tpl'} pero como en este ejemplo, al estar la ruta de la carpeta "sections" en el array se puede usar así
      {include file='main_header.tpl'} sin tener que hacer referencia a la carpeta a la que se tenga que acceder, también se puede usar de la forma corta
      {include 'main_header.tpl'} En la parte que accede al tema, css, js e images es para el funcionamiento de los plugins que había realizado, si desean lo pueden borrar... A no ser que quieran el plugin al que llame phpost, ¿Cuál es su función?: Es agregar todos los css, js sin tener que escribir toda la ruta
      para acceder a dicho archivo y en caso de que este archivo no exista, no agregará nada(no va a ser una linea vacía)
      este sería un ejemplo:
      Agregará la fuente "Roboto" desde google y los estilos que estén mencionados en los parámetros
      y lo que que sería cache es como esto "archivo.css?{$smarty.now}", así cuando se hace un cambio
      lo apliquen los cambios
      {phpost fonts=["Roboto"]     css=[       "tema" => ["estilo.css", "css" => ["live.css", "wysibb.css", "$tsPage.css"]],       "cache" => true    ] ... ETC ... } Al tener la carpeta plugins dentro de inc/ext, puedes agregar más sin problemas
  • Recently Browsing   0 members

    No registered users viewing this page.

  • Patrocinador



  • ×