Diferencia entre revisiones de «Formato especial»

De enunpimpam
Saltar a: navegación, buscar
 
(No se muestran 2 ediciones intermedias del mismo usuario)
Línea 58: Línea 58:
 
==JavaScript==
 
==JavaScript==
 
<nowiki>
 
<nowiki>
<syntaxhighlight lang="js">
+
<syntaxhighlight lang="js"> </syntaxhighlight>
 
</nowiki>
 
</nowiki>
 
<syntaxhighlight lang="js">
 
<syntaxhighlight lang="js">

Revisión actual del 10:28 31 jul 2020


https://www.mediawiki.org/wiki/Extension:Highlightjs_Integration

https://highlightjs.org/static/demo/

Code

<code>$wgTweekiSkinUseTooltips</code>

$wgTweekiSkinUseTooltips

Consola

<syntaxhighlight lang="bash"> </syntaxhighlight>

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

<syntaxhighlight lang="css"> </syntaxhighlight>

#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

<syntaxhighlight lang="js"> </syntaxhighlight>

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

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" />

JSON

<syntaxhighlight lang="json">

[
  {
    "title": "apples",
    "count": [12000, 20000],
    "description": {"text": "...", "sensitive": false}
  },
  {
    "title": "oranges",
    "count": [17500, null],
    "description": {"text": "...", "sensitive": false}
  }
]