Jump to content
Miguel92

[Mini-Mod] Aumentar/Disminuir texto! V.2

Recommended Posts

Miguel92    272

[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

347.png

 

Descargaremos estas 2 imágenes, y la guardan en la carpeta de images 

B8C.png 85D.png

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

  • Me gusta 3
  • Gracias 1

Compartir este post


Enlace al post
Compartir en otros sitios
Miguel92    272

Para este mod si quieren que agrande solo una parte seleccionada

 

Ejemplo: Quiero maximizar solo las estadísticas. Hacemos lo siguiente buscamos en el archivo mix.js

// specify the text wrapper affected by the plugin
  var text = $("body"),

Y en donde dice

$("body"),

lo cambiamos por

$(".statsam"),

y luego buscan en templates/modules/m.home_stats.tpl dentro buscamos 

<div id="webStats">

y la cambiamos por 

<div id="webStats" class="statsam">

Mini-Explicación: 

         Ya que la variable se llama text y las demás configuraciones son fontSize solo afectará al texto no cuadro, la función se llama changeSize para los que saben un poco más de js pueden modificarla desde allí

 

PD: no lo he probado

 

díganme si esto es correcto o no es así!

Compartir este post


Enlace al post
Compartir en otros sitios
MrDioamDev    159
hace 5 horas, Miguel92 dijo:

Para este mod si quieren que agrande solo una parte seleccionada

 

PD: no lo he probado

 

Pues según veo a simple vista se ve que funciona :S 

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
      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 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 Miguel92
      Hola les traigo este complemento que algunos les puede servir en el caso que la contraseña sea larga y se hayan equivocado escribiéndola, con esto puedes ver lo que estas escribiendo, sirve más para el LOGIN que para el registro...Todavía no lo he hecho...
       
      Asi se verá

       
      No se preocupen para que tipo de theme funciona, porque no va por eso ya que no usa ningún tipo de estilo, ahora en el caso que sea como el mio que usa bootstrap les diré que deben agregar ya que cuando se selecciona la opción de mostrar la contraseña el input[type] cambia de password a text, de todas formas es para cualquier theme...
       
      Vean que funciona en demo32 para verificar que es correcto!
      User: Demo
      Pass: demouser
       
      Empecemos:
      1) Buscamos en el archivo js/funciones.js y lo agregan arriba o abajo donde quieran
      /** Mostrar contraseña **/ /* Complemento de Miguel92 */ $(document).ready( function(){    $('#vermipass').attr('checked', false);    $('#vermipass').click(function(){       name = $('#password').attr('name');       value = $('#password').attr('value');       if($(this).attr('checked'))       {          html = '<input type="text" class="ilogin" name="'+ name + '" value="' + value + '" id="password"/>';          $('#password').after(html).remove();       }       else       {          html = '<input type="password" class="ilogin" name="'+ name + '" value="' + value + '" id="password"/>';          $('#password').after(html).remove();       }    }); }); 2) Buscamos en el archivo en mi caso section/plus/login.tpl y ustedes si es default buscan en sections/head_menu.tpl y buscan
      <label>Contraseña</label>                             <input type="password" class="ilogin" id="password" name="pass" maxlength="64"> y debajo le agregan
      <label>Contraseña</label>                             <input type="password" class="ilogin" id="password" name="pass" maxlength="64">                                     <div style="text-align: center; display: block; font-size: 11px; color: #888;">                                             <input type="checkbox" id="vermipass"/> <label for="vermipass">Mostrarme la contraseña</label>                                      </div>  
      Bien ahora en el caso que hayan implementado bootstrap le cambian
      class="ilogin" por
      class="form-control" y eso sería todo, espero que se haya entendido bien...
       
      Es valido:
      * Todos los themes
      * Las versiones 1.1 y 1.2.* del script
      * Las versiones de bootstrap
      No he encontrado ningún topic parecido o igual!
    • Por maxbyte
      Hola gente, hoy les traigo un minimod que al menos a mi me sirve para ganar algo de dinerillo extra.
      Es muy facil de instalar, empecemos...
       
      Solo busquen en su archivo main_header.tpl la etiqueta <head> y justo debajo copian este codigo:
       
      <script type="text/javascript"> var adfly_id = Aqui copian su codigo de Adf.ly; var adfly_advert = 'int'; var frequency_cap = 2; Veces que se redirige en 24 horas var frequency_delay = 15; Minutos entre cada anuncio mostrado var init_delay = 300; Esto son los segundos entre cada anuncio cada vez que se carga una pagina var popunder = true; </script> <script src="https://cdn.adf.ly/js/entry.js"></script> <script type="text/javascript"> var adfly_id = Aqui copian su codigo de Adf.ly; var adfly_advert = 'int'; var popunder = true; var exclude_domains = ['Aqui escriben su web', 'youtube.com']; Estas son las paginas excluidas, pueden incluir las que quieran </script> <script src="https://cdn.adf.ly/js/link-converter.js"></script> Si no quieren  anuncios popunders solo cambian var popunder = true; por var popunder = false;
       
      Y eso es todo, espero que les sirva.
    • Por Rengo

       
      No lo he visto publicado así que lo comparto,
      es algo simple de hacer pero algunos capas lo necesite y no sepan  
       

       
      1. La instalación es simple descargan m.chatango.global.tpl  y suben a modules
      2. abren main_footer.tpl y ponen esto arriba de <div id="pie"> :
      {include file='modules/m.chatango.global.tpl'} y listo.
       
      Ahora les diré unas pequeñas modificaciones:
      Queres sacar el permiso que sean solamente para usuarios de la web? borran:
       
      {if $tsUser->is_member} y
      {else} <div class="aviso"> El chat es solo para usuarios de {$tsConfig.titulo}, Pero no te preocupes, tambi&eacute;n puedes formar parte de nuestra gran familia. <a title="Reg&iacute;strate!" onclick="registro_load_form(); return false" href="" style="color: green;"><b>Reg&iacute;strate!</b> </div> {/if} Queres editar los botones de las redes sociales:
      buscar:
       
      facebook.com/GenerationCS y cambiar por su fanpage.
      y el de G+1:
       
      http://www.generationcs.com Por su url web.
      y si quieren sacar esos botones:
      borran:
      <span class="btf"> <iframe src="https://www.facebook.com/plugins/like.php?locale=es_LA&amp;href=https://www.facebook.com/GenerationCS&amp;ref=hl&amp;send=false&amp;layout=button_count&amp;width=100&amp;shoc_faces=false&amp;action=like&amp;colorscheme=light&amp;font=lucida+grande&amp;height=21" style="margin:0px;left:0px;top:0px;width:136px;height:23px;visibility:visible;position:static" allowtransparency="true" frameborder="0" scrolling="no"> </iframe></span> <span class="btg"> <iframe src="https://plusone.google.com/_/+1/fastbutton?bsv&amp;url=http://www.generationcs.com/&amp;lang=es" style="margin:0px;left:0px;top:0px;width:105px;height:24px;visibility:visible;position:static" allowtransparency="true" frameborder="0" scrolling="no"> </iframe></span> El chatango deberá tener un tamaño de w 350px y h 450px 

       
      Cualquier consulta, duda o queja me dejan en comentarios.
       
      Hasta Luego 
  • Navegando Recientemente   0 miembros

    No registered users viewing this page.

×