Diferencia entre revisiones de «Usuario:ManuelRomero/css»
De WikiEducator
(Página creada con «===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 ag...») |
(→Web para combinar colores) |
||
| (4 revisiones intermedias por el mismo usuario no mostrado) | |||
| Línea 1: | Línea 1: | ||
===Agregar propiedades a una clase existente=== | ===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 de 80% | + | Tenemos la clases '''''mw-code''''' y queremos agregarle una '''anchura (width) de 80%'''. |
<source lang=css> | <source lang=css> | ||
[class*="mw-code"]{ | [class*="mw-code"]{ | ||
| 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=== | ||
| + | *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> | ||
| + | |||
| + | ;Componente de vue | ||
| + | *Esto es justo lo que quiero, ya existe el componente ... a usarlo | ||
| + | https://yaminncco.github.io/vue-sidebar-menu/#/basic-usage | ||
Última revisión de 20: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
