Gallery

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

domingo, 9 de octubre de 2022

Javascript - Escuchar audio al presionar una imagen


CÓDIGO HTML

<button class="zorro">
    <img src="https://st4.depositphotos.com/155636red.jpg" alt="zorro" title="Zorro" >        
</button>


CODIGO CSS

let botonzorro = document.querySelector(".zorro")

botonzorro.addEventListener("click", () => {
    let etiquetaAudio = document.createElement("audio")
    etiquetaAudio.setAttribute("src", "../media/zorro.mp3")
    etiquetaAudio.play()
})

lunes, 12 de septiembre de 2022

CMD - Comandos

INDICE PARA ACCEDER A LOS CÓDIGOS (CMD) MAS REGULARES.


CMD                          [Símbolo de sistema]

El símbolo del sistema (en inglés, Command prompt, también conocido como cmd.exe o simplemente cmd) es el intérprete de comandos en OS/2 y sistemas basados en Windows NT (incluyendo Windows 2000, Windows XP, Windows Server 2003, Windows Vista, Windows 7, Windows 8, Windows 8.1 y Windows 10). 


Es el equivalente de COMMAND.COM en MS-DOS y sistemas de la familia Windows 9x


domingo, 21 de agosto de 2022

Componentes PC gamer




samsung galaxy tab s7+
apple ipad pro

rom
ram

procesador: cerebro del ordenador, ejecucion de instrucciones de los programas.. nucleos e hilos
procesador es quien ayuda a la tarjeta grafica
procesador tiene que ser compatible con placa base: motherboard: 3formatos principales

atx: mas posibilidades y mas conexiones, ram usb mas capacidad overcloc
micro atx: montaje menor al convencional
mini atx: super pequeño pc

buscando
ryzen 5 3600 socket que socket tiene..? en google
the socket is am4

tarjeta grafica: datos para que provienen del procesador, transformarlos para imagen
necesita enfriamiento...

media baja tarjeta grafica 1080p
streaming: procesador y memoria ram. escoger componenetes de manera equilibrada

amd: ryzen 3, 5, 7 o 9 o intel: i3, 5, 7 o 9
mayor es el numero mayor gama alta es... se calienta y pide enfriamento
hay refrigreracion por aire o liquidas

aire: tipicos
liquidas: all in one circuito cerrado, el liquido se cambia cada cierto tiempo
liquidas modulares, son las que se montan en el cpu... son muy caras y las mejores (overcloc mejorar las frecuencias a las que trabajan los componentes de serie para ganar rendimiento generan mucho calor y piden enfriador)

ram: asistente del procesador
almacen de datos con los que se trabajan en el momento, varios programas abiertos al mismo tiempo
2dual chanel 8gb mejor que sea de 4 y 4

almacenamiento:
ssd m2 los rapdios
ssd rapido
hdd normal no se recomienda instalar app acá

kernel
bios

Documental de Hackers