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

Comparte vídeos de Youtube en tu sitio web

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 en pc

 Configurar RetroArch para Playstaion 2

Hay que seguir los pasos de este vídeo de Youtube.

Si por x o y razón no funciona correctamente, hay que agregar la carpeta de pcsx2 dentro de cada juego para que los corra correctamente.

CSS - Flip Card con contenido

 Flip Card con contenido al reverso 

Código:

HTML

 <div class="flip-container">

    <div class="card">

    <div class="front"></div>

    <div class="back"

Grid - Ajuste de imagenes

Grid para imagenes con enlaces

Código fuente:

CSS - Quitar el fondo blanco de una imagen con css

 Quitar el fondo blanco de una imagen con css

Simple pero poderoso código...

mix-blend-mode: multiply;

background-color: white;

Delineado de letras con css

Delinear letras con css

Solo copia y pega...

-webkit-text-stroke-width: 1px;

-webkit-text-stroke-color: #000000;

color: white; 

Scroll behavior smooth

Habilitar scroll behavior smooth en Google Chrome

Para trabajar a la par con VSC y que nos muestre lo que hacemos, tenemos que habilitar esta opción en GChrome desde chrome://flags/

CSS - Flip Card

Voltea la tarjeta al hacer clic sobre ella...

<!------ FLIP-CARD 2------>

            <div class="scene scene--card">

                <input id="card" type="checkbox">

                <label for="card">

                    <div class="card">

                    <div class="card_face card_face--front">front</div>

                    <div class="card_face card_face--back">back</div>

                    </div>

                </label>

            </div>