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

[MOD][Modificación] Cuenta + Redes Sociales

Recommended Posts

Hola hoy les traigo una modificación más + mod o como quieran llamarlo...

caps..
225.png
87D.png

1) Abrimos inc/class/c.cuenta.php y buscamos

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

y debajo agregamos

        $data['p_socials']['y'] = $data['p_socials'][2];
        $data['p_socials']['i'] = $data['p_socials'][3];
        $data['p_socials']['l'] = $data['p_socials'][4];
        $data['p_socials']['p'] = $data['p_socials'][5];


más abajo buscamos

        $data['p_nombre'] = $tsCore->setSecure($tsCore->parseBadWords($data['p_nombre']), true);
        $data['p_mensaje'] = $tsCore->setSecure($tsCore->parseBadWords($data['p_mensaje']), true);
        $data['p_socials'] = unserialize($data['p_socials']);
        $data['p_socials']['f'] = $data['p_socials'][0];
        $data['p_socials']['t'] = $data['p_socials'][1];

y debajo agregamos

        $data['p_socials']['y'] = $data['p_socials'][2];
        $data['p_socials']['i'] = $data['p_socials'][3];
        $data['p_socials']['l'] = $data['p_socials'][4];
        $data['p_socials']['p'] = $data['p_socials'][5];

ahora más abajo buscamos

                if(!empty($sitio)) $sitio = substr($sitio, 0, 4) == 'http' ? $sitio : 'http://'.$sitio;
                // EXTERNAS
                $facebook = $tsCore->setSecure($tsCore->parseBadWords($_POST['facebook']), true); /* ELIMINAR */
                $twitter = $tsCore->setSecure($tsCore->parseBadWords($_POST['twitter']), true); /* ELIMINAR */
                $youtube = $tsCore->setSecure($tsCore->parseBadWords($_POST['youtube']), true); /* ELIMINAR */
                for($i = 0; $i < 5; $i++) $gustos[$i] = $tsCore->setSecure($tsCore->parseBadWords($_POST['g_'.$i]), true);
                // IN DB
                $perfilData = array(
                    'nombre' => $tsCore->setSecure($tsCore->parseBadWords($_POST['nombrez']), true),
                    'mensaje' => $tsCore->setSecure($tsCore->parseBadWords($_POST['mensaje']), true),
                    'sitio' => $tsCore->setSecure($tsCore->parseBadWords($sitio), true),
                    'socials' => serialize(array($facebook,$twitter,$youtube)), /* ELIMINAR */

y la reemplazamos

                if(!empty($sitio)) $sitio = substr($sitio, 0, 4) == 'http' ? $sitio : 'http://'.$sitio;
                // EXTERNAS
                for($i = 0; $i < 5; $i++) $gustos[$i] = $tsCore->setSecure($tsCore->parseBadWords($_POST['g_'.$i]), true);
                // IN DB
                $perfilData = array(
                    'nombre' => $tsCore->setSecure($tsCore->parseBadWords($_POST['nombrez']), true),
                    'mensaje' => $tsCore->setSecure($tsCore->parseBadWords($_POST['mensaje']), true),
                    'sitio' => $tsCore->setSecure($tsCore->parseBadWords($sitio), true),


Luego buscamos  

                case 8:
                    ....
                setSecure($_SERVER['REMOTE_ADDR']).'\')')) return array('error' => 'Proceso iniciado, recibirá la respuesta en el correo indicado cuando valoremos el cambio.');
                }
            break;


debajo agregaremos esto

            case 9:
                // EXTERNAS
                $facebook = $tsCore->setSecure($tsCore->parseBadWords($_POST['facebook']), true);
                $twitter = $tsCore->setSecure($tsCore->parseBadWords($_POST['twitter']), true);
                $youtube = $tsCore->setSecure($tsCore->parseBadWords($_POST['youtube']), true);
                $instagram = $tsCore->setSecure($tsCore->parseBadWords($_POST['instagram']), true);
                $linkedin = $tsCore->setSecure($tsCore->parseBadWords($_POST['linkedin']), true);
                $pinterest = $tsCore->setSecure($tsCore->parseBadWords($_POST['pinterest']), true);
                // IN DB
                $perfilData = array(
                    'socials' => serialize(array($facebook,$twitter,$youtube,$instagram,$linkedin,$pinterest)),
                );
            break;


3) Ahora buscamos en templates/t.cuenta.tpl

                            <li><a onclick="cuenta.chgtab(this)">Cambiar Nick</a></li>

y debajo agregamos esto

                            <li><a onclick="cuenta.chgtab(this)">Redes</a></li>    

Luego más abajo buscamos

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


y debajo agregamos esto

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


4) Ahora vamos a templates/modules/ y creamos un archivo llamado m.cuenta_redes.tpl y en el alojaremos todo esto
 

<div class="content-tabs redes" style="display:none">
    <fieldset>
        <div class="alert-cuenta cuenta-9"></div>

            <h2 class="active rsocial">Redes Sociales:</h2>
        <div class="field">
        <div id="redesociales">
            <span class="fa fa-facebook Linkfa"></span>
                <strong>facebook.com/</strong>
                <input type="text" value="{$tsPerfil.p_socials.f}" maxlength="64" name="facebook" id="ft" class="text cuenta-save-9">
        </div>
        <div id="redesociales">
            <span class="fa fa-twitter Linktw"></span>
                <strong>twitter.com/</strong>
                <input type="text" value="{$tsPerfil.p_socials.t}" maxlength="64" name="twitter" id="ft2" class="text cuenta-save-9">
        </div>
        <div id="redesociales">                            
            <span class="fa fa-youtube Linkyo"></span>
                <strong>youtube.com/</strong>
                <input type="text" value="{$tsPerfil.p_socials.y}" maxlength="64" name="youtube" id="ft2" class="text cuenta-save-9">
            </div>
        <div id="redesociales">                                
            <span class="icon icon-instagram Linkins"></span>
                <strong>instagram.com/</strong>
                <input type="text" value="{$tsPerfil.p_socials.i}" maxlength="64" name="instagram" id="ft2" class="text cuenta-save-9">
            </div>
        <div id="redesociales">                                
            <span class="fa fa-linkedin Linkli"></span>
                <strong>linkedin.com/</strong>
                <input type="text" value="{$tsPerfil.p_socials.l}" maxlength="64" name="linkedin" id="ft2" class="text cuenta-save-9">
            </div>
        <div id="redesociales">                                
            <span class="fa fa-pinterest Linkpi"></span>
                <strong>pinterest.com/</strong>
                <input type="text" value="{$tsPerfil.p_socials.p}" maxlength="64" name="pinterest" id="ft2" class="text cuenta-save-9">
            </div>                
                
    </div>
        <div class="buttons">
            <input type="button" value="Guardar" onclick="cuenta.save(9)" class="mBtn btnOk">
        </div>
    <div class="clearfix"></div>
</div>

5) En extras.css al final de todo agregaremos

ATENCIÓN ACÁ USTEDES PUEDEN MODIFICARLO PARA ADAPTARLO A SU THEME Y UTILIZA FONTAWESOME

/* Cuenta */
h2.rsocial {
    margin: 0px;
    padding: 8px;
    font-size: 30px;
    color: #357997;
    line-height: 1em;
    text-align: center;
    font-family: 'Century gothic';
    border-top: 1px dashed #145665;
    border-bottom: 1px dashed #145665;
}
#redesociales {
    width: 100%;
    padding: 8px;
    display: block;
}
#redesociales span {
    color: #EEE;
    padding: 6px;
    font-size: 20px;
}
#redesociales span.Linkfa,
#redesociales span.Linkyo,
#redesociales span.Linkins,
#redesociales span.Linkli,
#redesociales span.Linktw,
#redesociales span.Linkpi { padding: 5px 15px; text-align:center; border-radius:3px; }

#redesociales span.Linkfa { background:#3B5998;}
#redesociales span.Linkyo{ background:#D14836;}
#redesociales span.Linkins{ background:#14589E;}
#redesociales span.Linkli{ background:#007FB1;}
#redesociales span.Linktw{ background:#00ACED;}
#redesociales span.Linkpi{ background:DarkRed;}
#redesociales strong {
    color: #333;
    font-size: 20px;
    padding-left: 3px;
    font-weight: normal;
    text-shadow: 0px 0px 3px #888;
    text-transform: uppercase!important;
}
#redesociales input[type="text"] {
    float: right;
    color: #555;
    font-weight: bold;
    padding: 6px;
    width: 270px;
    font-size: 20px;
    margin-right: 18%;
}
@media screen and (max-width: 768px) {
    #redesociales strong {
        display: none!important;
    }
    #redesociales input[type="text"] {
        float: both;
        color: #555;
        font-weight: bold;
        padding: 6px;
        width: 270px;
        font-size: 20px;
        margin-left: -18%;
    }
}

6) Ahora volvemos a templates/modules/ y crearemos otro archivo llamado m.redes_sociales.tpl

<div id="redes-perfil">
    {if $tsInfo.p_socials.f}
        <a target="_blank" href="http://www.facebook.com/{$tsInfo.p_socials.f}" class="qtip" title="{$tsInfo.p_socials.f}">
            <span class="fa fa-facebook Linkfa"></span>
        </a>
    {/if}
    {if $tsInfo.p_socials.t}
        <a target="_blank" href="http://www.twitter.com/{$tsInfo.p_socials.t}" class="qtip" title="@{$tsInfo.p_socials.t}">
            <span class="fa fa-twitter Linktw"></span>
        </a>
    {/if}
    {if $tsInfo.p_socials.y}
        <a target="_blank" href="http://www.youtube.com/{$tsInfo.p_socials.y}" class="qtip" title="{$tsInfo.p_socials.y}">
            <span class="fa fa-youtube Linkyo"></span>
        </a>
    {/if}
    {if $tsInfo.p_socials.i}
        <a target="_blank" href="http://www.instagram.com/{$tsInfo.p_socials.i}" class="qtip" title="@{$tsInfo.p_socials.i}">
            <span class="fa fa-instagram Linkins"></span>
        </a>
    {/if}
    {if $tsInfo.p_socials.l}
        <a target="_blank" href="http://www.linkedin.com/{$tsInfo.p_socials.l}" class="qtip" title="{$tsInfo.p_socials.l}">
            <span class="fa fa-linkedin Linkli"></span>
        </a>
    {/if}
    {if $tsInfo.p_socials.p}
        <a target="_blank" href="http://www.pinterest.com/{$tsInfo.p_socials.p}" class="qtip" title="{$tsInfo.p_socials.p}">
            <span class="fa fa-pinterest Linkpi"></span>
        </a>
    {/if}

</div>

7) y por último agregan {include file='modules/m.redes_sociales.tpl'} en m.perfil_headinfo o en donde ustedes quieran..

  • Me gusta 5

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 MrDioamDev
      ¡Hola a todos!
      Hoy les traigo la adaptacion del mod "[MOD] mps masivos RISUS" de "TRON".

      Hacen todos los pasos de:

      Ahora la adaptación:
       
      En vez de:
       
      //////////////////////INICIA EL MOD DE TRON///////////////// /* newMpsall() ENVIAMOS MP MASIVO */ function newMpsall(){ global $tsUser, $tsCore; // $cuerpo=$tsCore->setSecure($_POST['cuerpo']); $rangos=(int)$_POST['rangos']; $fecha= time(); if($tsUser->is_admod==1){ if($rangos==1){ $where='WHERE user_id != \''.$tsUser->uid.'\''; }elseif($rangos==2){ $where='WHERE user_id != \''.$tsUser->uid.'\' AND user_rango = 1'; }elseif($rangos==3){ $where='WHERE user_id != \''.$tsUser->uid.'\' AND user_rango = 2'; } $query = mysql_query('SELECT user_id,user_name FROM u_miembros '.$where.' ORDER BY user_id DESC'); if(!$query) die(mysql_error()); $data = result_array($query); foreach($data as $dato){ $subject='Mensaje de la administracion'; $sql = "INSERT INTO u_mensajes (mp_to,mp_from,mp_subject,mp_preview,mp_date) VALUES ('{$dato['user_id']}','{$tsUser->uid}','{$subject}','{$cuerpo}','{$fecha}')"; $result = mysql_query($sql); $mp_id = mysql_insert_id(); mysql_query('INSERT INTO `u_respuestas` (mp_id, mr_from, mr_body, mr_ip, mr_date) VALUES (\''.(int)$mp_id.'\', \'1\', \''.$cuerpo.'\', \''.$_SERVER['REMOTE_ADDR'].'\', \''.time().'\')'); } } if($result) return true; else return false; } Usamos esto:
       
      //////////////////////INICIA EL MOD DE TRON///////////////// /* newMpsall() ENVIAMOS MP MASIVO */ function newMpsall(){ global $tsUser, $tsCore; // $cuerpo=$tsCore->setSecure($_POST['cuerpo']); $rangos=(int)$_POST['rangos']; $fecha= time(); if($tsUser->is_admod==1){ if($rangos==1){ $where='WHERE user_id != \''.$tsUser->uid.'\''; }elseif($rangos==2){ $where='WHERE user_id != \''.$tsUser->uid.'\' AND user_rango = 1'; }elseif($rangos==3){ $where='WHERE user_id != \''.$tsUser->uid.'\' AND user_rango = 2'; } $query = db_exec(array(__FILE__, __LINE__), 'query', 'SELECT user_id,user_name FROM u_miembros '.$where.' ORDER BY user_id DESC'); if(!$query) exit( show_error('Error al ejecutar la consulta de la l&iacute;nea '.__LINE__.' de '.__FILE__.'.', 'db') ); $data = result_array($query); foreach($data as $dato){ $subject='Mensaje de la administracion'; $sql = "INSERT INTO u_mensajes (mp_to,mp_from,mp_subject,mp_preview,mp_date) VALUES ('{$dato['user_id']}','{$tsUser->uid}','{$subject}','{$cuerpo}','{$fecha}')"; $result = db_exec(array(__FILE__, __LINE__), 'query', $sql); $mp_id = db_exec('insert_id'); db_exec(array(__FILE__, __LINE__), 'query', 'INSERT INTO `u_respuestas` (mp_id, mr_from, mr_body, mr_ip, mr_date) VALUES (\''.(int)$mp_id.'\', \'1\', \''.$cuerpo.'\', \''.$_SERVER['REMOTE_ADDR'].'\', \''.time().'\')'); } } if($result) return true; else return false; }



      y con eso, sería todo.
       

       
      Por cierto, los mensajes se envían desde el usuario numero 1 (el creador de la web, el que instalo el script)
      y si no te llegan a ti es porque eres el usuario numero 1, pero se envían de todas formas.
    • Por unfernacho
      Hola amigos alguien podría ayudarme a adaptar este mod para que solo puedan utilizarlo usuarios de determinados rangos? el mod es el siguiente:
      Lo que quería es que en la creación de un rango esté la opción de si los usuarios de ese rango pueden publicar un vídeo en su perfil, el mod que siga siendo el mismo solo que tenga esa opción  alguien podría? espero sus respuestas!!
       
    • Por Miguel92
      Bueno les presento un complemento que lo tengo en demo32.hol.es, lo hice porque el panel de la izquierda era muy tosco y feo así que decidí cambiarlo por el de la derecha si alguien quiere este panel, se los pasaré...lo hago así porque no se si les gustará o si lo usarán o no!
       

       
      Para ello deben tener el conjunto de Glyphicon Halflings aunque también se los dejaré por si acaso!
       
      Si la imagen no se ve haz clic aquí
      Después le haré el mod para que el usuario elija la imagen del fondo desde su cuenta!...
    • Por Miguel92
      Hola, este es un mod/mini-mod/complemento que aplica un background solo en el perfil... he tratado de hacerlo con home, fotos, tops, etc. desde la cuenta, en teoría lo que quería hacer es que los usuarios eligieran las imágenes que querían poner para las secciones ya mencionadas, pero solo logré para el perfil... Si el mod ya existía pido perdón, porque no lo he visto
       
      1) Ejecutar esta consulta
      ALTER TABLE `u_perfil` ADD `p_fondo` VARCHAR(200) NOT NULL;  2) Ir a c.cuenta.php y buscar 
      function loadHeadInfo($user_id){         global $tsUser, $tsCore;         // INFORMACION GENERAL y dentro de esta función buscamos 
      p.p_socials, p.p_empresa, y agregar a lado de esto
      p.p_fondo,  Luego buscar más abajo
      }         // COMPROBAR PORCENTAJE         $total = array(5,8,9,8,9); // CAMPOS EN CADA CATEGORIA         $tid = $save - 1; y arriba agregamos
                  case 9:                 // IN DB                 $perfilData = array(                     'fondo' => $tsCore->setSecure($_POST['fondo']), //Este es para el perfil                 );             break;  
      3) Vamos a estilos.css y en body dentro de las llaves {...} agregaremos esto
          background-position: center center;     background-repeat: no-repeat;     background-attachment: fixed;     background-size: cover;  
      4) Luego buscar tuTheme/templates/t.cuenta.tpl y debajo de 
      <li><a onclick="cuenta.chgtab(this)">Cambiar Nick</a></li> agregamos
      <li><a onclick="cuenta.chgtab(this)">Fondo</a></li> un poco más abajo debajo de
      {include file='modules/m.cuenta_nick.tpl'} agregamos
      {include file='modules/m.cuenta_fondo.tpl'}  
      5) Crearemos el archivo m.cuenta_fondo.tpl y la colocaremos en modules
      <div class="content-tabs fondo" style="display:none">     <fieldset>     <div class="alert-cuenta cuenta-9"></div>              <div class="field" style="padding: 5px 0">             <label for="fondo" style="display: inline-block;">Fondo del Perfil:</label>             <input type="text" value="{$tsPerfil.p_fondo}" maxlength="200" name="fondo" id="fondo" class="text cuenta-save-9" style="width:65%; display: inline-block;">         </div>    </fieldset>                   <div class="buttons">             <input type="button" value="Guardar" onclick="cuenta.save(9)" class="mBtn btnOk"/>         </div>                                      <div class="clearfix"></div> </div>  
      6) Último paso vamos a templates/sections/main_header.tpl y buscamos
      </head> <body> y arriba agregamos
      {literal} <style>     body {         background-image: url({/literal}{$tsInfo.p_fondo}{literal});     } </style> {/literal} RESULTADO FINAL:

       
       
      Para evitar las puntas blancas busquen en estilos.css
       /****** Bordes Redondos ******/  debajo agregan ↓ ↓ ↓ 
      .rtop { border-radius: 11px 11px 0 0; } .rbott { border-radius: 0 0 11px 11px; }  y listo quedará más lindo
      Para el fondo con opaco → ir a sections/main_header.tpl y buscar <body> debajo pegamos
      <div id="background_transparent"></div> y en estilo.css debajo de body { ... } pegamos
      Fondo 1
      #background_transparent {     background-color: rgba(255,255,255,.6);     position: fixed;     height: 100%;     top: 0;     width: 100%;     z-index: -1; } Fondo 2
      #background_transparent {     background-color: rgba(0,0,0,.8);     position: fixed;     height: 100%;     top: 0;     width: 100%;     z-index: -1; } Fondo1                                                           Fondo2

  • Navegando Recientemente   0 miembros

    No registered users viewing this page.

×