domingo, enero 08, 2017

Generador de navbars personalizados de Bootstrap

He encontrado una página muy interesante donde podemos cambiar todos los colores de la navbar de bootstrap Simplemente tenemos que seleccionar los 4 colores que podemos elegir en ella
Después nos tendremos que ir abajo y copiar el CSS en nuestra hoja de estilos
http://work.smarchal.com/twbscolor/

viernes, enero 06, 2017

Quitar inicio de Windows 10 con cuenta hotmail, live u outlook

Asociaste el inicio de sesión de tu PC a tu cuenta de hotmail? Pues con esta pequeña guía podrás cambiarlo en dos minutos.


1 Click en botón de Inicio y escribes "configuración"
2 Haces Click en "Configuración"


3 Haces Click en "Cuentas"


4 Haces Click en "Iniciar sesión con una cuenta local en su lugar"


5 Escribes la contraseña de tu cuenta y haces Click en "Siguiente"


6 Escribes un nombre de usuario
7 Escribes la contraseña
8 Repites la contraseña
9 Escribes un indicio de la contraseña, con una letra sobra
Haces Click en "Siguiente" y aceptas la última ventana que aparece.


Con esto ya tendremos nuestra cuenta configurada con una contraseña distinta a la de nuestro correo.

jueves, enero 05, 2017

Quitar contraseña de después de suspensión de equipo en Windows 10

Si estás en un ordenador de casa y no quieres tener que ir introduciendo la contraseña de inicio de sesión puedes hacerlo muy fácilmente siguiendo estos pasos.

1 Click en botón de Inicio y escribes "configuración"
2 Haces Click en "Configuración"



3 Haces Click en "Cuentas"


4 Haces Click en "Opciones de inicio de sesión"


5 Despliegas el selector de "Requerir inicio de sesión" y seleccionas "Nunca"


A partir de ahora tu PC ya no te pedirá la contraseña cada vez que lo inicies.

miércoles, enero 04, 2017

Cambiar el alto de un navbar de bootstrap

Bootstrap es una herramienta super útil a la hora de hacer diseños bonitos y responsives de forma rápida, aunque a veces te tienes que sacar las castañas del fuego si quieres poder cambiar un poco alguna cosa.

El código CSS que véis aquí es una forma sencilla de hacer un navbar un poco más alto.

.navbar-brand,
.navbar-nav li a {
    line-height: 75px;
    height: 75px;
    padding-top: 0;
}

martes, enero 03, 2017

Hacer un mismo botón con javascript con dos funciones

CÓDIGO HTML
 
<div class="div">Contador impar
 <p id="contadorImpar">0</p>
</div>
<div class="div">Contador par
 <p id="contadorPar">0</p>
</div>
<div style="clear:both"></div>
<button id="miBoton">Botoncillo</button>

Lo que he hecho es una función que va a alternar dos estados a y b, el a ejecutará la función impar y el b ejecutará la función par.

Es bastante sencillo en quanto lo ves funcionando.

CÓDIGO JAVASCRIPT
    
//CONTADOR IMPAR
var num1 = 0;
var num2 = 0;
sumarImpar = document.getElementById("contadorImpar");
sumarPar = document.getElementById("contadorPar");
$.fn.cambiador = function(a, b) {
    return this.each(function() {
        var clicked = false;
        $(this).bind("click", function() {
            if (clicked) {
                clicked = false;
                return b.apply(this, arguments);
            }
            clicked = true;
            return a.apply(this, arguments);
        });
    
    });
};
function impar() {
  num1++;
    console.log("Has sumado un número al contador impar y queda en: "+num1);
    sumarImpar.innerHTML = num1;
}
function par() {
  num2++;
    console.log("Has sumado un número al contador par y queda en: "+num2);
    sumarPar.innerHTML = num2;
}
$("#miBoton").cambiador(impar, par);
Aquí podéis verlo en jsfiddle, haz click en Result

lunes, enero 02, 2017

PHP: Desactivar errores-> Deprecated

Utilizar la función error_reporting() La forma más rápida de evitar que salgan mensajes del tipo Warning estás utilizando una función Deprecated es añadir esta función al principio del PHP.
    error_reporting(E_ALL & ~E_DEPRECATED);
Al igual que desactivas el error Deprecated podrías desactiva el Notice
   
error_reporting(E_ALL & ~E_NOTICE);
Y si quieres podrías desactivar los dos
    
    error_reporting(E_ALL & ~E_NOTICE & ~E_DEPRECATED);

miércoles, noviembre 16, 2016

Cambiar un min-height o min-width así como max-height max-width

En ocasiones tendrás un código definido por CSS donde un div o cualquier otro elemento tiene un tamaño mínimo o máximo de altura o anchura predefinido. Cuando esto pasa en principio no se puede cambiar así que tienes que echar manos de un truquillo (un tip).

Si queréis cambiar el mínimo deberéis poner min-height o min-width a "0" y si queréis cambiar max-height o max-width deberéis poner "none"

Aquí podéis ver el código en acción

See the Pen Solución a problemas con min-width min-height max-width y max-height by Juanje Gregori (@fenderslender) on CodePen.

lunes, junio 20, 2016

HTML5 input type=number no acepta decimales o comas en Chrome

Cuando estás poniendo un input de tipo número y quieres que lo valide un formulario, te das cuenta que utilizando Chrome no te permite poner decimales.

Así que con este código:





La pregunta que te estarás haciendo es si esto es un bug ya que en firefox esto no pasa pero en principio de acuerdo a los estándares de la W3C esto debe ser así.

La solución no puede ser más sencilla, si quieres que los saltos no sean de números enteros y que hayan decimales debes escribir 

step="any"

Y si quieres que no puedan haber números negativos deberás añadir

min="0"

Así que el código final quedaría así:



Espero que os sirva de ayuda.


lunes, abril 18, 2016

Header fijo con bootstrap

Si quieres hacer un header fijo en el top de tu página y estás utilizando bootstrap es muy sencillo conseguirlo.

En la clase del  header debes añadir "navbar-fixed-top" quedando así:


<nav class="navbar navbar-inverse navbar-fixed-top">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="#">WebSiteName</a>
    </div>
    <ul class="nav navbar-nav">
      <li class="active"><a href="#">Home</a></li>
      <li><a href="#">Page 1</a></li>
      <li><a href="#">Page 2</a></li> 
      <li><a href="#">Page 3</a></li> 
    </ul>
  </div>
</nav>

Ten en cuenta que en el css debes añadir un padding con el tamaño del header,
si no se solapará con tu página

En este caso el alto de mi header es 54px y el CSS quedaría así:



body { padding-top: 54px; }


Podéis encontrar más información aquí:

http://www.w3schools.com/bootstrap/bootstrap_navbar.asp

jueves, abril 07, 2016

Configurar NppFTP para Notepad++

Si el anterior día vimos como instalar NppFTP esta vez vamos a configurarlo. Estos son los pasos que has de seguir para configurarlo.

1 Hacemos click en Profile settings


2 Al ser la primera vez que lo ejecutamos tendremos que añadir un perfil, hacemos click en Add new




3 Escribimos el nombre que queremos que tenga nuestro perfil



4 Aquí podemos ver todas las opciones que tenemos que poner:

    a Aquí ponemos la ip del FTP al que queremos que se conecte
    b Aquí debemos poner el tipo de  conexión (FTP, FTPS o SFTP)
    c Debemos poner el puerto de conexión, por defecto el FTP es el 21 y el SFTP el 22
    d Nombre de usuario
    e Contraseña
    f Por último seleccionamos el directorio remoto por defecto al que queremos que inicie cuando nos conectamos



Espero que os sirva de ayuda.