Diferencia entre revisiones de «Usuario:ManuelRomero/css»

De WikiEducator
Saltar a: navegación, buscar
(Agregar propiedades a una clase existente)
Línea 7: Línea 7:
 
}
 
}
 
</source>
 
</source>
 +
===Hacer un menú desplegable===
 +
*La intención es conseguir realizar un menú como el que aparece en la página de angular (menú en la parte izquierda de la página)
 +
https://angular.io/start
 +
*Lo primero buscando, aparece las librerías que se necesitan en bootstrap:  ''''Popper.js''''
 +
https://getbootstrap.com/docs/4.0/components/dropdowns/
 +
https://popper.js.org/
 +
 +
*Para ello cargamos la librería con CDN
 +
<source lang=html5>
 +
<!-- Development version -->
 +
<script src="https://unpkg.com/@popperjs/core@2/dist/umd/popper.js"></script>
 +
 +
<!-- Production version -->
 +
<script src="https://unpkg.com/@popperjs/core@2"></script>
 +
</script>

Revisión de 02:24 9 sep 2020

Agregar propiedades a una clase existente

Lo uso para modificar propiedades en clases css del wiki u otro entorno dónde las clases ya han sido creadas y queremos agregar alguna propiedad manteniendo la clase y todo en el fichero css

Tenemos la clases mw-code y queremos agregarle una anchura (width) de 80%.
[class*="mw-code"]{
 width:80%
}

Hacer un menú desplegable

  • La intención es conseguir realizar un menú como el que aparece en la página de angular (menú en la parte izquierda de la página)
https://angular.io/start
  • Lo primero buscando, aparece las librerías que se necesitan en bootstrap: 'Popper.js'
https://getbootstrap.com/docs/4.0/components/dropdowns/
https://popper.js.org/
  • Para ello cargamos la librería con CDN
<!-- Development version -->
<script src="https://unpkg.com/@popperjs/core@2/dist/umd/popper.js"></script>
 
<!-- Production version -->
<script src="https://unpkg.com/@popperjs/core@2"></script>
</script>