Diferencia entre revisiones de «Usuario:ManuelRomero/css»

De WikiEducator
Saltar a: navegación, buscar
(Hacer un menú desplegable)
(Web para combinar colores)
 
(Una revisión intermedia por el mismo usuario no mostrado)
Línea 7: Línea 7:
 
}
 
}
 
</source>
 
</source>
 +
===Web para combinar colores===
 +
https://coolors.co/
 +
https://www.disfrutalasmatematicas.com/numeros/hexadecimal-decimal-colores.html
 +
 
===Hacer un menú desplegable===
 
===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)
 
*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)

Última revisión de 21:32 13 mar 2022

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%
}

Web para combinar colores

https://coolors.co/
https://www.disfrutalasmatematicas.com/numeros/hexadecimal-decimal-colores.html

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>
 
;Componente de vue
*Esto es justo lo que quiero, ya existe el componente ... a usarlo
 https://yaminncco.github.io/vue-sidebar-menu/#/basic-usage