lunes, 6 de enero de 2025

Cuando te bloquean tu página web

 Así es como se vera tu sitio web si el FBI identifica que tienes algo prohibido en la red



Solamente podrás ver esta imagen a lo largo de tu sitio.


viernes, 6 de diciembre de 2024

CSS - Salto de línea

Salto de línea en un mismo parrafo


Código para solo copiar y pegar.

    <div id="info_i">
       
        <p>
        Un servicio web que proporciona un análisis gratuito de métricas
        de rendimiento de acceso a Internet, tales como la velocidad de
        conexión y la latencia.
        
        Así que este es el otro salto de línea sin necesidad de br
        o algún otra etiqueta adicional.    
        </p>

    </div>

#info_i p{
    margin: 20px;
    text-indent: 20px;
    white-space: pre-line;
}

martes, 26 de noviembre de 2024

CSS - Mostrar documentacion

VSC - Esconder documentación al escribir CSS



Esto para cuando se vaya a realizar ejercicios de copiar y pegar que se haga más rápido el proceso.

domingo, 3 de noviembre de 2024

GADGET - Fantasmas de Mario Bros en tu sitio web

FANTASMAS EN 


Todo esto va dentro de html5. Esperemos que funcione para después... 

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js' type='text/javascript'></script>

<style>
  .ghost {
      position: absolute;
      width: 100px;
      height: 100px;
      z-index: 10001;
      display: block;
      opacity: 0.8;
      background: transparent url('img/phantom.png') no-repeat;
  }

  .ghost.moving-left {
      -moz-transform: scaleX(-1);
      -webkit-transform: scaleX(-1);
      -o-transform: scaleX(-1);
      transform: scaleX(-1);
      filter: fliph;
      /*IE*/
  }
</style>

<script>
  var Ghost = function () {
      var a = {};
      if (jQuery.browser.msie) {
          if (jQuery.browser.version < 8) {
              return a;
          }
      }
      a.html = '<div class="ghost"></div>';
      a.element = null;
      a.timer = null;
      a.interval = Math.floor(Math.random() * 1e3) + 1e3;
      a.directionX = Math.round(Math.random());
      a.directionY = Math.round(Math.random());
      if (a.directionX == 0) {
          a.directionX = -1;
      }
      if (a.directionY == 0) {
          a.directionY = -1;
      }
      a.screenWidth = null;
      a.screenHeight = null;
      a.elementWidth = 150;
      a.elementHeight = 145;
      a.init = function () {
          a.getBrowserSize();
          jQuery(window).resize(function () {
              a.getBrowserSize();
          });
          a.element = jQuery(a.html);
          a.timer = window.setInterval(a.move, a.interval);
          jQuery("body").append(a.element);
          a.move(true);
          a.move();
          return a;
      };
      a.move = function (b) {
          var c = Math.floor(Math.random() * 100 + 100);
          var d = Math.floor(Math.random() * 100 + 100);
          var e = a.element.offset().left;
          var f = a.element.offset().top;
          var g = e + a.directionX * c;
          var h = f + a.directionY * d;
          var i = a.screenWidth - a.elementWidth - 20;
          var j = a.screenHeight - a.elementHeight;
          if (g > i) {
              g = i;
              a.directionX = -a.directionX;
          } else if (g < 0) {
              g = 0;
              a.directionX = -a.directionX;
          }
          if (h > j) {
              h = j;
              a.directionY = -a.directionY;
          } else if (h < 0) {
              h = 0;
              a.directionY = -a.directionY;
          }
          var k = Math.random() - 0.1;
          if (k < 0.4) {
              k = 0.4;
          }
          if (b) {
              a.element.css(
                  "top",
                  Math.floor(Math.random() * a.screenHeight - a.elementHeight)
              );
              a.element.css(
                  "left",
                  Math.floor(Math.random() * a.screenWidth - a.elementWidth)
              );
          } else {
              a.element.removeClass("moving-left");
              a.element.removeClass("moving-right");
              if (g > e) {
                  a.element.addClass("moving-right");
              } else if (g < e) {
                  a.element.addClass("moving-left");
              }
              a.element.stop();
              a.element.animate(
                  { top: h, left: g, opacity: k },
                  { duration: a.interval, easing: "swing" }
              );
          }
      };
      a.getBrowserSize = function () {
          a.screenWidth = jQuery(document).width();
          a.screenHeight = jQuery(document).height();
      };
      a.init();
      return a;
  };

  jQuery(function () {
      var Ghosts = new Array();
      for (var i = 0; i < 30; i++) {
          Ghosts.push(new Ghost());
      }
  });
</script>

domingo, 15 de septiembre de 2024

VSC - Ajuste de línea

VISUAL STUDIO CODE

AJUSTE DE LÍNEA QUE NO SE MUESTRE EL CÓDIGO DE LA CAJA



Descarga Visual Studio Code.

Solo hay que ir al menú en VSC desde view, apariencia y sticky scroll.
Quitamos la palomita y listo.

Documental de Hackers