Retroarch - Bios para Playstation 1

Intro original de Playstation 1 en Retroarch

Solo hay que descargar la bios de la play para este intro tan nostálgico, da clic acá download

Después hay que ir a la carpeta raíz de las bios en retroarch: C:\RetroArch-Win64\system Y aquí pegar el folder y extraer.
Quedando de la siguiente forma:

Pero para que funcione, tiene que deshabilitar Fast Boot en retroarch..

Al ingresar al juego presionamos f1 en el teclado, opciones del núcleo, console setting, fast boot y dejar en NO.

JS - Creando el espacio en tu sitio web

 Espacio estelar en tu sitio web con Javascript

Código para no perder la línea--

Espero poder poner contenido dentro del espacio, que hasta ahorita no he podido.

-------------------------HTML5

<canvas id="canvas"></canvas>

-------------------------CSS3

#canvas{

    width: 100%;

    height: 150px;

    background: black;

}

-------------------------CSS3

// Canva espacial black and estrellas

  const canvas = document.getElementById('canvas');

  const ctx = canvas.getContext('2d');

  canvas.width = window.innerWidth;

  canvas.height = window.innerHeight;

  // Crear lista de estrellas

  const numEstrellas = 200;

  const estrellas = [];

  for (let i = 0; i < numEstrellas; i++) {

    estrellas.push({

      x: Math.random() * canvas.width,

      y: Math.random() * canvas.height,

      tam: Math.random() * 5,

      vel: Math.random() * 1.5 + 3.5 // Velocidad de movimiento

    });

  }

  function animar() {

    // Limpiar pantalla

    ctx.clearRect(0, 0, canvas.width, canvas.height);

    ctx.fillStyle = 'white';

    // Actualizar y dibujar cada estrella

    estrellas.forEach(e => {

      e.x += e.vel; // Mover a la derecha

      // Si pasa el borde derecho, regresar a la izquierda (infinito)

      if (e.x > canvas.width) {

        e.x = 10;

        e.y = Math.random() * canvas.height; // Nueva posición vertical opcional

      }

      // Dibujar estrella

      ctx.fillRect(e.x, e.y, e.tam, e.tam);

    });

    requestAnimationFrame(animar);

  }

  animar(); Si logras poner contenido dentro del espacio, hay que compartir el como...

JS - Protegiendo la página web

Proteger tu sitio web con un código simple pero poderoso con Javascript.

He acá hemos dejado el código para que puedan utilizarlo, copiar y pegar como siempre.

<script>validarPassword();</script>

function validarPassword(){

    texto = prompt("Para ver la página introduzca su contraseña");

    while(texto!="titojefe.123"){

        alert("Password incorrecta");

        texto = prompt("Para ver la página introduzca su contraseña");

    }

    alert("Password Correcta");

}

Y hay que dejar la fuente de donde lo encontramos. Origen Siempre hay que agradecer a quienes construyen herramientas para los demás.

Iframe - Código para streaming deportivos

Un iframe para ver streaming deportivos en vivo

<div class="ifcontenedor">

    style="top: -20px; height: 410px;"

    <div class="tema-dcanal">

        <h1>DirecTV Sports</h1>

        <div class="sportsif">

           <iframe width="560" height="315" src=""

            title="YouTube video player" frameborder="0"

            allow="accelerometer; autoplay; clipboard-write;

            encrypted-media; gyroscope; picture-in-picture;

            web-share" referrerpolicy="strict-origin-when-cross-origin"

                allowfullscreen ></iframe>

        </div>  

    </div>

--- CSS ---

.ifcontenedor{

    width: 100%;

    height: auto;

    background: rgb(24, 24, 24);

    display: flex;

    flex-flow: row wrap;

    align-items: center;

    justify-content: center;

    padding: 50px 0px;

}

.tema-dcanal{

    margin: 10px;

}

.sportsif{

    width: 280px;

    height: 150px;

    background: black;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 3px solid tomato;

    overflow: hidden;

    border-bottom-left-radius: 10px;

    border-bottom-right-radius: 10px;

}

.sportsif iframe{

    position: relative;

    width: 350px;

    height: 300px;

    top: -70px;

    background: rgb(58, 58, 58);

}

Creado para fútbol libre...

Configuración en modem para el servicio de Internet

Configuración de internet para un mejor rendimiento.

Recuerda ingresar a la puerta predeterminada que te muestra CMD... ipconfig 192.168.1.1, aunque puede ser diferente. Y si tienes router, lo recomendable es conectarlo con cable la 1era vez y configurarlo.

En 5G sigue siendo igual WPA2-PSK-AES.

Recuerda siempre investigar para que funciona cada configuración del equipo.

CSS - Borde interior

 Borde interior con css

Código:

    outline: 3px solid rgb(255, 26, 26);

    outline-offset: -3px;

iframe - En lugar específico

 Como abrir un iframe en un lugar específico.

Código:

HTML5

<div class="sportsif">

<iframe width="560" height="315" src="https://futbol-libre.su/espn-1/"

title="YouTube video player" frameborder="0" allow="accelerometer;

autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture;

web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen >

</iframe>

</div>  

CSS

.sportsif{

    width: auto;

    height: 200px;

    background: black;

}

.sportsif iframe{

    position: relative;

    width: 400px;

    height: 350px;

    top: -150px;

    background: red;

}

Edge - Eliminar microsoft edge de Windows 10

Comando para eliminar con Power Shell lo que esta dentro de la carpeta con extension .exe:
.\setup.exe --uninstall --system-level --verbose-logging --force-uninstall Ruta Menu Inicio:

Rura para eliminar los botones que no queremos del menú inicio:
C:\ProgramData\Microsoft\Windows\Start Menu\Programs\StartUp

Seguir los pasos de acá You2

Youtube - Como compartir vídeos de youtube en tu sitio web

Comparte vídeos de Youtube en tu sitio web

HTML

CÓDIGO YOUTUBE - Cuando no se puede compartir en tu sitio web es porque

el dueño del vídeo no deja compartirlo.

<iframe width="570" height="350" src="https://www.youtube.com/embed/

GrY4RRugZAY?si=IRd9Llg_0AFg5WwJ" title="YouTube video player"

frameborder="0" allow="accelerometer; autoplay; clipboard-write;

encrypted-media; gyroscope; picture-in-picture; web-share"

referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

La URL del video deberia ir algo como:
https://www.youtube.com/embed/XXXXXXXX
Donde XXX es el ID del video
Estando en Youtube hay que presionar el boton de compartir



Posterior a ello, hay que copiar el enlace que aparece desde el boton azul:



Nos arroja este ejemplo de enlace:
https://youtu.be/w3z0JI0dAWA?si=pZ-684sJzFHXR5uY

Ya solo hay que cambiarlo a la 1era URL ya mencionada y listo..

Gracias a este brother ---->

Impresora - Compartida en red desde otro ordenador

 Compartir impresora en red desde otra pc

Hay que ingresar a la computadora que si tiene la conexión de la impresora y revisar su ip, que es a donde vamos a ingresar (En cmd escribimos hostname).La impresora tiene que estar compartida en red.

Los archivos de la impresora compartida hay que crear accesos directos en la computadora donde vamos a querer instalarla.

Nunca olvidar que para acceder a la red tenemos que usar los slash invertidos \\192.168.20.52

raíz \\$c$

CEMU - Configuración para jugar en PC

Configuración de emulador CEMU

Descargar: CEMU

Recuerda que tienes que seleccionar la opción del sistema operativo de tu pc.

CSS - Letras con fondo gradiente

Código para letras con fondo gradiente

h1{

  font-size: 4rem;

  text-align: center;

  margin-top: 30px;

  background: -webkit-linear-gradient(left top, green, yellow);

  background: linear-gradient(to bottom right, green, yellow);

  -webkit-background-clip: text;  

  -webkit-text-fill-color: transparent;

}

Siempre lo hacemos fácil, copiar y pegar. (el truco es que background

debe estar encima de webkit.)

Gradiente en línea.

CSS - Imagen dentro de texto

Imágen dentro de etiqueta html H1

Ya sabemos que hacer... Copiar y pegar el código para hacerlo igual. (No olvides modificarlo a tu gusto)

CSS

h1{

  width: auto;

  color: transparent;

  font-family:fantasy;

  font-size: 10rem !important;

  font-weight: bold;

  text-transform: uppercase;

  background-image: url('de imagen');

  background-attachment: fixed;

  background-clip: text;

  -webkit-text-stroke: 1px rgb(111, 255, 0);

}

De donde viene el código. FalconMaster..

RetroArch - Configurar emulador para playstation 2

 Configurar RetroArch para Playstaion 2

Estos pasos pueden ayudar vídeo de Youtube...

Lo que se tiene que tener es la carpeta pcsx2 dentro de System (es la carpeta original donde estan todas las BIOS) en Retroarch para que funcione correctamente.

Y dentro del folder pcsx2 hay que poner el folder de la BIOS.

Descarga la BIOS desde el enlace desde nuestro drive: download

Recordar que también hay que actualizar los archivos del núcleo para que funcione en orden.

CSS - Flip Card con contenido

 Flip Card con contenido al reverso 

 

Código HTML

<div class="contenedor-fc">

    <div class="flip-container">

      <div class="card">

        <div class="front">

            <h2>Zoo</h2>

        </div>

        <div class="back">

          <!-- Aquí va el contenido-->

        </div>

      </div>

    </div>

          <!-- Una 2da flip card -->

  <div class="flip-container">

      <div class="card card2">

        <div class="front front2">

          <h2>Herpetario</h2>

        </div>

        <div class="back back2">

          <!-- Aquí va el contenido-->

        </div>

      </div>

  </div>

  </div>

Código CSS

/*************** FLIP ***************/

.contenedor-fc{

  width: 100%;

  height: auto;

  max-height: auto;

  display: flex;

  flex-flow: row wrap;

  align-items: center;

  justify-content: center;

  margin: 30px 0px;

}

/* FONDO DE FLIP */

.flip-container {

  background-color: rgb(201, 201, 201);

  width: 250px;

  height: 350px;

  perspective: 1000px;

  margin: 10px;

  -webkit-box-shadow: 10px 15px 18px 1px rgba(0,0,0,0.75);

  -moz-box-shadow: 10px 15px 18px 1px rgba(0,0,0,0.75);

  box-shadow: 10px 15px 18px 1px rgba(0,0,0,0.75);

}

.card {

  position: relative;

  width: 100%;

  height: 100%;

  text-align: center;

  transition: transform 1s;

  transform-style: preserve-3d;

}

.flip-container:hover .card {

  transform: rotateY(180deg);

}

.front, .back {

  position: absolute;

  width: 100%;

  height: 100%;

  backface-visibility: hidden;

  display: flex;

  align-items:first baseline;

  justify-content: end;

  font-size: 1.3rem;

}

.front {

  background: url(https://img2.wallspic.com/

previews/9/7/1/0/7/170179/170179-lion-tiger

-zoo-dartmoor_zoo-berlin_zoological_garden-500x.jpg)

no-repeat center center /cover;

}

.front2{

  background: url(https://images.pexels.com/

photos/20546357/pexels-photo-20546357/free-

photo-of-a-bearded-lizard-sitting-on-a-rock.

jpeg?cs=tinysrgb&dpr=1&w=500)

no-repeat center center /cover;

}

h2{

    background: rgb(20, 18, 18);

    color: aliceblue;

    font-size: 1.2rem;

    padding: 3px 25px;

  }

.back {

   background: url(https://wallpaper.forfun.com/

fetch/d4/d42699333f55f4068f92d16196eb0773.jpeg)

no-repeat center center /cover;

   transform: rotateY(180deg);

   display: flex;

   flex-flow: column;

   align-items: center;

   justify-content: end;

}

.back2{

   background: url(https://i.pinimg.com/736x/f5/a3

/ee/f5a3eece3cba943ba0bba0a47d9617a2.jpg)

no-repeat center center /cover;

}

.back a{

  background: rgb(20, 18, 18);

  color: rgb(239, 224, 224);

  font-size: 14px;

  text-decoration: none;

  text-align: center;

  line-height: 30px;

  padding: 3px 20px;

  margin: 1px 0px;

  transition: .2s all linear;

}

.back a:hover{

  color: rgb(255, 245, 52);

  background: rgb(38, 32, 0);

  }

Grid - Ajuste de imagenes

Grid para imagenes con enlaces

Código fuente: