Jump to content
Kmario19

Fondo de perfil en post y Cabecera de perfil en VCard

Recommended Posts

Hola a todos comparto este mod para que puedan ver el fondo de perfil de usuario en su post y tambien su cabecera de perfil en el VCard.

 

Primero debemos tener el mod de Tutan instalado

 

 

Ahora abrimos c.posts.php que esta en inc/class y buscamos

 

	/*
		getSideData($array)
	*/
	function getAutor($user_id){
	   global $tsUser, $tsCore;
        // DATOS DEL AUTOR
        $query = mysql_query('SELECT u.user_id, u.user_name, u.user_rango, u.user_puntos, u.user_lastactive, u.user_last_ip, u.user_activo, u.user_baneado, p.user_pais, p.user_sexo, p.p_socials, p.user_firma FROM u_miembros AS u LEFT JOIN u_perfil AS p ON u.user_id = p.user_id WHERE u.user_id = \''.(int)$user_id.'\' LIMIT 1');
        $data = mysql_fetch_assoc($query);

 

Reemplazamos por

 

	/*
		getSideData($array)
	*/
	function getAutor($user_id){
	   global $tsUser, $tsCore;
        // DATOS DEL AUTOR
        $query = mysql_query('SELECT u.user_id, u.user_name, u.user_rango, u.user_puntos, u.user_lastactive, u.user_last_ip, u.user_activo, u.user_baneado, p.user_pais, p.user_sexo, p.p_socials, p.p_fondo, p.user_firma FROM u_miembros AS u LEFT JOIN u_perfil AS p ON u.user_id = p.user_id WHERE u.user_id = \''.(int)$user_id.'\' LIMIT 1');
        $data = mysql_fetch_assoc($query);

 

Guardamos y ahora abrimos c.user.php en la misma carpeta y buscamos

 

// INFORMACION GENERAL
		$query = mysql_query('SELECT u.user_id, u.user_name, u.user_lastactive, u.user_baneado, p.user_sexo, p.user_pais, p.p_nombre, p.p_mensaje, p.p_sitio FROM u_miembros AS u, u_perfil AS p WHERE u.user_id = \''.(int)$user_id.'\' AND p.user_id = \''.(int)$user_id.'\'');
		$data = mysql_fetch_assoc($query);

 

Reemplazamos por

 

// INFORMACION GENERAL
		$query = mysql_query('SELECT u.user_id, u.user_name, u.user_lastactive, u.user_baneado, p.user_sexo, p.user_pais, p.p_fondoper, p.p_nombre, p.p_mensaje, p.p_sitio FROM u_miembros AS u, u_perfil AS p WHERE u.user_id = \''.(int)$user_id.'\' AND p.user_id = \''.(int)$user_id.'\'');
		$data = mysql_fetch_assoc($query);

 

Guardamos y ahora abrimos t.posts.tpl que está en templates y despues de 

 

 

 

{include file='sections/main_header.tpl'}
 

Agregamos

 


{if $tsAutor.p_fondo != ''}
<body style="background-image:url('{$tsAutor.p_fondo}');background-repeat: repeat;background-position: center">
{/if}

 

 

Guardamos y ahora abrimos p.live.vcard.tpl que está en templates/t.php_files y buscamos

 


<div class="hovercard-inner">
    <div class="bd">
        <a href="{$tsConfig.url}/perfil/{$tsData.user_name}" class="profile-pic"><img src="{$tsConfig.url}/files/avatar/{$tsData.user_id}_50.jpg" class="avatar" /></a>
        <div class="bio">

 

 

Reemplazamos por:

 

<div class="hovercard-inner">
    <div class="bd">
        {if $tsData.p_fondoper != ''}<img src="{$tsData.p_fondoper}" style="height:75px;width:278px;">{/if}
        <a {if $tsData.p_fondoper != ''}style="margin: -20px 10px;"{/if} href="{$tsConfig.url}/perfil/{$tsData.user_name}" class="profile-pic"><img src="{$tsConfig.url}/files/avatar/{$tsData.user_id}_50.jpg" class="avatar" /></a>
        <div class="bio" {if $tsData.p_fondoper != ''}style="margin-left: 70px;"{/if}>

 

Y eso es todo... les quedará algo como esto:

 

20DgS.png 20DhW.png

 

Para el que no tenga cabecera de perfil se verá normalmente

 

20Djw.png

 

Y el fondo de perfil que se verá en los posts....

 

20Dl5.png

 

20DoU.png

 

Y eso es todo espero que les haya gustado les recuerdo que tienen que instalar el mod de de tutan para que pueda previsualizarse las imagenes:

 

 

Nos vemos en otro mod ;)



en p.live.vcard reemplazamos por esto:

 

<div class="hovercard-inner">
    <div class="bd">
        {if $tsData.p_fondoper != ''}<img src="{$tsData.p_fondoper}" style="height:75px;width:278px;">{/if}
        <a {if $tsData.p_fondoper != ''}style="margin: -20px 10px;"{/if} href="{$tsConfig.url}/perfil/{$tsData.user_name}" class="profile-pic"><img src="{$tsConfig.url}/files/avatar/{$tsData.user_id}_120.jpg" class="avatar" {if $tsData.p_fondoper != ''}style="height:60px;width:60px;"{/if}/></a>
        <div class="bio" {if $tsData.p_fondoper != ''}style="margin-left: 80px;"{/if}>

 

Disculpen no lo había actualizado correctamente, que algun mod edite el tema ;)

  • Me gusta 6

Compartir este post


Enlace al post
Compartir en otros sitios

Amigo Buen Aportaso Gracias + 1

Gracias por pasar y por tu +1 :D

Vaya! Está muy bueno kmario19

Gracias bro por comentar ;)

Bueno el de livecard, pero el de post,con el fondo general de tutan igual se ve, que tanto afectaría al mod de tutan?

no afectaría en nada, se vería el mismo fondo en el perfil como en los post, solo le agregarías la imagen en la vcard

Muy bueno el aporte, te dejo +1 :D

grcais amigo :D

Amigo es normal que se mueva la imagen de fondo.

j5stw0KRJSEui.png

Si te das cuenta en los pasos yo no toqué nada del perfil asi que el error no es mio :S ademas no me carga tu web :S

Editado por Profecy

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 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

    • Por unfernacho
      Bueno el mod consistiría en que el usuario pueda agrandar el tamaño de la letra a su vista, por ejemplo la fuente por default es 13px, que el usuario pueda agrandarla hasta 22px que es un tamaño que ya sin anteojos ya se podría leer fácilmente digamos, entonces a el usuario le aparezcan 2 botones por ejemplo [ - ] [ + ] y vaya subiendo y bajando el tamaño de la letra según los clicks del usuario por ejemplo cuando el usuario empiece a clieckear el botón [ + ] vaya subiendo el tamaño de la letra de esta forma: (13px por default)(16px 1 click)(18px 2 clicks)(21px 3 clicks)(24px 4 clicks), luego de bajada lo mismo hasta que se estanque en 13px que es el tamaño por default.
       
      alguien podría lograr hacerlo? espero sus respuestas!!! gracias!
       
    • Por unfernacho
      Bueno antes hice un tema pidiendo si alguien podía adaptar un mod, pero ahora creo que ya se como hacer para que esto funcione, pero no se donde agregarlo.
      El mod es el siguiente:
      Lo que quiero hacer es que el icono aparte de que aparezca al lado del nombre en el perfil también aparezca dentro del post y al pasar el ratón por arriba del nombre como se muestra en estas imagenes:
      ASI SE VE EL MOD ORIGINAL

      LO QUE QUIERO ES AGREGAR ESE ICONO EN ESTAS PARTES DE LA WEB

       

       
      Entonces lo que creo que hay que hacer basándome en el mod original es agregar el u.user_vips, al PHP correspondiente y el {if $tsInfo.user_vips} al lado del NICK, lo que no se es en que archivos se encuentran en que php se agrega el u.user_vips, y en que parte, y en que archivo se agrega el info.user_vips, alguno podría ayudarme? gracias!
      @Kmario19 @Vellenger necesito su ayuda 
  • Navegando Recientemente   0 miembros

    No registered users viewing this page.

×