Jump to content

Recommended Posts

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:

A25.png

 

 

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

F3E.png

Editado por Miguel92
  • Me gusta 2
  • Gracias 1

Compartir este post


Enlace al post
Compartir en otros sitios

añadiste un tab completo para un input, mejor lo hubieras puesto junto los otros, o ese tab llamarlo diseño y agregar mas opciones de diseño :P bueno +1 -see

Compartir este post


Enlace al post
Compartir en otros sitios
hace 6 minutos, bits4me dijo:

añadiste un tab completo para un input, mejor lo hubieras puesto junto los otros, o ese tab llamarlo diseño y agregar mas opciones de diseño :P bueno +1 -see

Ni siquiera pensé en el nombre, si eso ya va a ser...para después de todas formas puedes hacerle esto, obviamente con esta configuración ↑ ↑

 

Editado por Miguel92

Compartir este post


Enlace al post
Compartir en otros sitios
hace 2 minutos, Miguel92 dijo:

Si eso ya va a ser...para después de todas formas puedes hacerle esto, obviamente con esta configuración ↑ ↑

 

hace siglos que lo habia hecho

982072415b7b5f34b600734cba1487d8o.png

Compartir este post


Enlace al post
Compartir en otros sitios
hace 7 minutos, bits4me dijo:

hace siglos que lo habia hecho

982072415b7b5f34b600734cba1487d8o.png

Si sabia le aplicaba ese...yo hice ese porque estaba aburrido...nunca me entere de que ya existía! Es con Material design?

ese diseño ya me dio una idea nueva -few r,r

Editado por Miguel92

Compartir este post


Enlace al post
Compartir en otros sitios
Ahora, Miguel92 dijo:

Si sabia le aplicaba ese...yo hice ese porque estaba aburrido...nunca me entere de que ya existía! Es con Material design?

no lo publique io pero si ya hay mods asi :P y si es material :B

Compartir este post


Enlace al post
Compartir en otros sitios
hace 3 horas, Muerte dijo:

pensé que ya le habías integrado la función para subir una imagen y no solo un link

mejor que pongan un link, subir imagenes es todo un tema, algunos locos te meten un bmp de 5 megas o un gif re pesado, supongo que se puede limitar el tamaño y el formato de la imagen, pero para mi creo que siempre es mejor que no te suban nada al host.

 

Buena actualizacion ya que este mod existe, pero esta buena la actualizacion.

Compartir este post


Enlace al post
Compartir en otros sitios
hace 8 minutos, ellocoloco dijo:

mejor que pongan un link, subir imagenes es todo un tema, algunos locos te meten un bmp de 5 megas o un gif re pesado, supongo que se puede limitar el tamaño y el formato de la imagen, pero para mi creo que siempre es mejor que no te suban nada al host.

 

Buena actualizacion ya que este mod existe, pero esta buena la actualizacion.

nunca dije que al hosting propio, aparte seria gastar recursos por una pavada jeje

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
      [Mini-Mod] Aumentar/Disminuir texto! V.2
      Versión más simplificada...
       
      Hace lo mismo que la V.1 pero esta cuenta solamente con 2 opciones

       
      Descargaremos estas 2 imágenes, y la guardan en la carpeta de images 
       
      Imagen 1 → la guardan como disminuir.png
      Imagen 2 → la guardan como aumentar.png
       
      1) Vamos a sections/main_footer.tpl y arriba de </body> pegamos esto
      <div class="aumendim">   <a href="#" id="increaseFont"><img src="{$tsConfig.images}/aumentar.png" alt=""></a>   <a href="#" id="decreaseFont"><img src="{$tsConfig.images}/disminuir.png" alt=""></a>  </div>  {literal} <style>   .aumendim {     float: left;     position: fixed;     bottom: 20px;     left: 20px;   }   .aumendim a {     padding: 5px;   } </style> {/literal} <script src="{$tsConfig.js}/mix.js" type="text/javascript"></script>  
      2) Luego descargamos este archivo mix.js y lo guardamos en la carpeta tu_theme/js y listo
    • Por Miguel92
      Bueno este es un pedido para @unfernacho sobre: Pedido MOD Agrandar tamaño de la letra a gusto
       
       
      No es lo que yo buscaba pero es lo más parecido, para ver que funciona lo podes ver en → Demo32 ←, Espero que sea lo que buscabas

       
      Son 4 botones:
      * El ojo: Muestra/Oculta las opciones
      * El Medio Blanco/Medio Negro: Es el contraste (*opcional*)
      * El A+: Es para aumentar la fuente
      * El A-: Es para disminuir!
       
      Lo único que hacemos es ir a sections/footer.tpl y arriba de </body> pegamos esto
      <link rel="stylesheet" href="{$tsConfig.css}/mix.css">   <div class="acess-container">     <div id="jbbutton" class="balloon" title="Accessibility">       <span class="balloontext">Accesibilidad</span>       <img src="{$tsConfig.images}/accesibilidad.png">     </div>     <div id="acess-icons">       <div class="acess-icon balloon" title="Contraste">         <span class="balloontext">Contraste</span>         <img id="contrast" src="{$tsConfig.images}/contraste.png"/>       </div>       <div class="acess-icon balloon" title="Aumentar Fuente">         <span class="balloontext">Aumentar Fuente</span>         <img id="increaseFont" src="{$tsConfig.images}/aumentar.png"/>       </div>       <div class="acess-icon balloon" title="Diminuir Fuente">         <span class="balloontext">Diminuir Fuente</span>         <img id="decreaseFont" src="{$tsConfig.images}/disminuir.png"/>       </div>     </div>   </div> <script src="{$tsConfig.js}/mix.js" type="text/javascript"></script> Luego descargas esto: MiniMod_Aumentar_Diminuir_Fuente.rar y lo descomprimes en la carpeta de tu theme...
       
      Cualquier problema me avisas!
    • 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!
       
  • Navegando Recientemente   0 miembros

    No registered users viewing this page.

×