Gallery

jueves, 30 de marzo de 2023

Javascript - Multiplicar desde tu sitio web

Código Javascript para incluir un multiplicador en tu website


HTML 5

<form id="multiplicar">
<input type="text" id="multiplicando" value="0" onchange="multiplicar();">
 x <input type="text" id="multiplicador" value="0" onchange="multiplicar();">
 = <input type="text" id="resultado">
</form>

JS

function multiplicar(){
    m1 = document.getElementById("multiplicando").value;
    m2 = document.getElementById("multiplicador").value;
    r = m1*m2;
    document.getElementById("resultado").value = r;
}

jueves, 12 de enero de 2023

Windows - Escribe con tu voz (Dictado por voz)

Dictado por voz.

Tienes la habilidad para que todo lo que digas lo escribas a la vez.

Lo único que necesitas hacer es posicionarte en el lugar donde empieza la escritura y empezar a hablar, la maquina hará el resto.

De hecho todo esto esta escrito de esa manera, intentalo.

Para ello presionas el botón de Windows + "h" y se abrira el microfono de tu pc.

miércoles, 11 de enero de 2023

Windows - Cambiar la foto de perfil de tu PC


Cambia la foto de perfil en tu PC

Solo tienes que seguir estos sencillos pasos:

  1. Btn Windows
  2. Configuración
  3. Cuentas
  4. Tu información - Foto de Perfil
  5. Elegir un archivo - Examinar archivos
Después de seleccionar la imagen tarda un poco en verse reflejado el cambio unos 10 min. Pero queda de lujo.

El truco es no olvidar los usuarios, ya que con ellos son con los que accederemos al sistema.
CMD: net users

martes, 3 de enero de 2023

HTML - Días para Navidad


 Cuenta regresiva para Navidad

Solo lee la letra pequeñita, hay que corregir el código para que se ajusten los dias correctos... Buena practica

HTML

    <div class="sm_counter_cont">
      <div class="sm_santa"></div>
      <h2>! Días para Navidad !</h2>
      <div class="sm_counter_column">
      <div class="sm_column_top" id="xmasdays"></div>
      <div class="sm_column_bottom">Dias</div>
      </div>
      <div class="sm_counter_column">
      <div class="sm_column_top" id="xmashours"></div>
      <div class="sm_column_bottom">Horas</div>
      </div>
      <div class="sm_counter_column">
      <div class="sm_column_top" id="xmasminutes"></div>
      <div class="sm_column_bottom">Minutos</div>
      </div>
      <div class="sm_counter_column">
      <div class="sm_column_top" id="xmasseconds"></div>
      <div class="sm_column_bottom">Segundos</div>
      </div>
      </div>
  </div>

CSS

.sm_counter_cont {
    position: relative;
    width: 200px;
    border-radius: 5px;
    float: left;
    background:#fff;
    padding: 5px 10px;
    font-family: Arial, Helvetica, sans-serif;
    margin-left: 30px;
    margin-top: 10px;
    box-shadow:inset 0px 1px 8px rgba(0,0,0,0.1);
    }
    .sm_santa {
    width: 50px;
    height: 70px;
    position: absolute;
    left: -18px;
    top: -10px;
    }
    .sm_counter_cont h2 {
    font-size: 15px;
    margin: 0 0 2% 0;
    text-align: CENTER;
    color: #000;
    }
    .sm_counter_column {
    color: #000;
    width: 23%;
    float: left;
    border-top: 1px solid #ccc;
    padding: 2% 0px;
    margin: 0px 1%;
    border-radius: 5px;
    background-color: #FFF;
    text-align: center;
    }
    .sm_column_top {
    font-weight: bold;
    }
    .sm_column_bottom {
    text-transform: uppercase;
    font-size: 7px;
    color: #898989;
    }

JAVASCRIPT

/************* HORAS PARA NAVIDAD *************/
function calculateXmasCounter() {
    //calculate
    var now = new Date();
    var current_year = now.getFullYear();
    var xmas = new Date(current_year, 11, 25, 0, 0, 0, 0); //Xmas Date (be careful: 11 is December)
    var hoursleft = 23 - now.getHours();
    var minutesleft = 59 - now.getMinutes();
    var secondsleft = 59 - now.getSeconds();
    var daysleft = Math.floor((xmas - now) / (1000*60*60*24));
    //format 0 prefixes
    if (minutesleft < 10) minutesleft = "0" + minutesleft;
    if (secondsleft < 10) secondsleft = "0" + secondsleft;
    //display
    document.getElementById('xmasdays').innerHTML = (daysleft < 0) ? 0 : daysleft;
    document.getElementById('xmashours').innerHTML = (daysleft < 0) ? 0 : hoursleft;
    document.getElementById('xmasminutes').innerHTML = (daysleft < 0) ? "00" : minutesleft;
    document.getElementById('xmasseconds').innerHTML = (daysleft < 0) ? "00" : secondsleft;
    }
    calculateXmasCounter();
    setInterval(calculateXmasCounter, 1000);


domingo, 4 de diciembre de 2022

Windows - Como acceder a la configuración de la Bios

 Acceso a la BIOS de tu computadora



Pasos para acceso a la BIOS

  • Reiniciar la pc y dejar presionada la tecla shift
  • También puedes presionar varias veces F10 o F2 dependiendo, esto cuando estes accediendo de nuevo despues del reinicio. 

miércoles, 30 de noviembre de 2022

HTML - Código para 9 recuadros con media query



 

CÓDIGO HTML5

<main>
<!-------------- 1ERA SECCION -------------->
  <div class="row">
    <div class="column">
      <a href="https://www.paramountplus.com/"><img src="../img/paramountplus.jpg" alt="Paramount +" style="width:100%"></a>
    </div>
    <div class="column">
      <a href="https://play.hbomax.com/page/urn:hbo:page:home"><img src="img/hbo.png" alt="HBO Max" style="width:100%"></a>
    </div>
    <div class="column">
      <a href="https://disneyplus.com/"><img src="img/disneyplus.jpg" alt="Disney +" style="width:100%"></a>
    </div>    
    <div class="column">
      <a href="https://www.netflix.com/browse"><img src="img/netflix.jpg" alt="Netflix" style="width:100%"></a>
    </div>
    <div class="column">
      <a href="https://www.starplus.com/"><img src="img/starplus.jpg" alt="Star +" style="width:100%"></a>
    </div>
    <div class="column">
      <a href="https://vix.com/es-es/ondemandplus"><img src="https://img-s-msn-com.akamaized.net/tenant/amp/entityid/AAZOpTJ.img?h=0&w=600&m=6&q=60&u=t&o=f&l=f" alt="Vix +" style="width:100%"></a>
    </div>
    <div class="column">
      <a href="https://serieslan.com/dragon-ball-gt"><img src="img/dragonballgt.jpg" alt="Dragon Ball GT" title="Dragon Ball GT" style="width:100%"></a>
    </div>
    <div class="column">
      <a href="https://serieslan.com/los-caballeros-del-zodiaco"><img src="https://i0.wp.com/lacomikeria.com/wp-content/uploads/2022/02/33D1123B-9E73-40F4-A189-B74FDE357C54.jpeg?resize=600%2C400&ssl=1" alt="Caballeros del Zodiaco" title="Caballeros del Zodiaco" style="width:100%"></a>
    </div>
    <div class="column">
      <a href="https://vix.com/es-es/ondemandplus"><img src="img/livetv.jpg" alt="Vix +" style="width:100%"></a>
    </div>
  </div>

<!-------------- 2DA SECCION -------------->
  <div class="row">
    <div class="column">
      <a href="https://www.paramountplus.com/"><img src="../img/paramountplus.jpg" alt="Paramount +" style="width:100%"></a>
    </div>
.
.
.
</main>

CÓDIGO CSS


/************* MAIN *************/
main{
    width: 100%;
    height: auto;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
}
.column {
    float: left;
    width: 11%;
    padding: 5px;
  }
 
  /* Clearfix (clear floats) */
  .row::after {
    content: "";
    clear: both;
    display: table;
  }
main img{
    border-radius: 6px;
    border: .5px solid rgba(128, 128, 128, 0.301);
}

main img:hover{
    transition: .5s ease all;
    transform: scale(1.1);
}

@media screen and (min-width: 200px) and (max-width: 750px){
    .column{
        float: left;
        width: 33%;
        padding: 5px;
    }

}

domingo, 27 de noviembre de 2022

Facebook - Modo Oscuro

 


Tema oscuro para aplicación de Facebook


Pasos que tienes que seguir para poderlo cambiar de claro hacía oscuro.

  1. Accede a la app de Facebook.
  2. Clic a las tres líneas
  3. Configuración y Privacidad
  4. Modo Oscuro
  5. Activar...

domingo, 13 de noviembre de 2022

Nieve - Gadget para tu sitio web con javascript

 

Nieve en tu sitio web con Javascript


Hay que tener este código:

var speed=30; // A menor numero más rápido
var flakes=150; // Numero de Copos de Nieve
var flake_image="http://i60.servimg.com/u/f60/13/20/23/83/sin_ta11.png"; // URL de la imagen de nieve
var swide, shigh;
var dx=new Array();
var xp=new Array();
var yp=new Array();
var am=new Array();
var sty=new Array();
window.onload=function() { if (document.getElementById) {
var k, f, b;
b=document.createElement("div");
b.style.position="absolute";
b.setAttribute("id", "bod");
document.body.appendChild(b);
set_scroll();
set_width();
for (var i=0; i<flakes; i++) {
dx[i]=0;
am[i]=Math.random()*20;
xp[i]=am[i]+Math.random()*(swide-2*am[i]-25);
yp[i]=Math.random()*shigh;
sty[i]=0.75+1.25*Math.random();
f=document.createElement("div");
f.style.position="absolute";
f.setAttribute("id", "flk"+i);
f.style.zIndex=i;
f.style.top=yp[i]+"px";
f.style.left=xp[i]+"px";
k=document.createElement("img");
k.src=flake_image;
f.appendChild(k);
b.appendChild(f);
}
setInterval("winter_snow()", speed);
}}
window.onresize=set_width;
function set_width() {
if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (typeof(self.innerHeight)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
else {
swide=800;
shigh=600
}
}
window.onscroll=set_scroll;
function set_scroll() {
var sleft, sdown;
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
document.getElementById("bod").style.top=sdown+"px";
document.getElementById("bod").style.left=sleft+"px";
}
function winter_snow() {
for (var i=0; i<flakes; i++) {
yp[i]+=sty[i];
if (yp[i]>shigh-30) {
xp[i]=am[i]+Math.random()*(swide-2*am[i]-25);
yp[i]=0;
sty[i]=0.75+1.25*Math.random();
}
dx[i]+=0.02+Math.random()/10;
document.getElementById("flk"+i).style.top=yp[i]+"px";
document.getElementById("flk"+i).style.left=(xp[i]+am[i]*Math.sin(dx[i]))+"px";
}
}


Decora tu sitio web con este Gadget para Navidad



Recuerden que el script puede estar dentro de HTML o en su propio archivo.JS

Cuando es la 1era vez que se agrega el código tarda en aparecer en el sitio web.

viernes, 4 de noviembre de 2022

Windows - Ms Settings - Comandos para abrir las configuración en Windows

Comandos de Windows que si los utilizas como enlaces, abren las configuraciones que tienes en tu PC




ms-settings:

ms-settings:display

ms-settings:colors

ms-settings:system

ms-settings-connectabledevices:devicediscovery transferir a pantallas disponibles

ms-settings:nightlight luz nocturna

ms-settings:sound sonido

ms-settings:powersleep energia y bateria

ms-settings:storagesense almacenamiento

ms-settings:savelocations donde se guarda cada contenido

ms-settings:multitasking multitareas

ms-settings:bluetooth

ms-settings:network-wifi

ms-settings:personalization-background fondo de pantalla

Documental de Hackers