Diferencia entre revisiones de «Página principal»

De enunpimpam
Saltar a: navegación, buscar
Línea 57: Línea 57:
 
   $("#preloader").delay(350).fadeOut("slow");
 
   $("#preloader").delay(350).fadeOut("slow");
 
});
 
});
 +
</syntaxhighlight>
 +
 +
HTML
 +
 +
<syntaxhighlight lang="html">
 +
<body>
 +
    <!-- Preloader-->
 +
    <div id="preloader">
 +
      <div id="status">&nbsp;</div>
 +
    </div>
 +
    <!-- Home -->
 +
    <section id="home">
 +
      <!-- Background Video-->
 +
      <video id="home-bg-video" poster="video/pimpam.png" autoplay loop>
 +
        <source src="video/pimpam.mp4" type="video/mp4" />
 
</syntaxhighlight>
 
</syntaxhighlight>

Revisión del 00:41 21 abr 2020

MediaWiki se ha instalado.

Consulta la guía para obtener información sobre el uso del software wiki.

Primeros pasos


Consola

root@pimpam:/var/www/html/mediawiki/extensions/SyntaxHighlight# ls
CODE_OF_CONDUCT.md  extension.json  includes     package-lock.json  SyntaxHighlight.lexers.php
composer.json       Gruntfile.js    maintenance  pygments           tests
COPYING             i18n            modules      README
root@pimpam:/var/www/html/mediawiki/extensions/SyntaxHighlight# cd ..
root@pimpam:/var/www/html/mediawiki/extensions# cd ..

Codigo css


#home-overlay {
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}
#home-content {
  width: 100%;
  height: 100%;
  display: table;
}
#home-content-inner {
  display: table-cell;
  vertical-align: middle;
} </pre>

JavaScript

/* ========================
          Preloader 
===========================*/
$(window).on("load", function () {
  $("#status").fadeOut();
  $("#preloader").delay(350).fadeOut("slow");
});

HTML

<body>
    <!-- Preloader-->
    <div id="preloader">
      <div id="status">&nbsp;</div>
    </div>
    <!-- Home -->
    <section id="home">
      <!-- Background Video-->
      <video id="home-bg-video" poster="video/pimpam.png" autoplay loop>
        <source src="video/pimpam.mp4" type="video/mp4" />