Guia para modificar regras CSS no console

L

Linton

Épsilon

Usuário com poucas negociações! Use sempre o saldo do ForoBeta!

• 19/03/2019

• #1

:sorprendido: Se supone que a la vista de semejante batiburrillo puedo modificar las reglas CSS. Pues ni idea, no sé cómo cambiar los parámetros, ni cuáles debo cambiar. ¿Alguna guía facilita?

 

ramonjosegn

Sigma

Verificación en dos pasos activada

Usuário popular!

• 19/03/2019

• #2

Hola [MENTION=30305]Linton[/MENTION] depende de lo que quieras obtener...

No es lo mismo cambiar la ruta de una imagen a pasar el borde de una imagen a amarillo.

Tienes que saber, antes de nada, qué vas a cambiar... sino será muy complicado ayudarte.

 

L

Linton

Épsilon

Usuário com poucas negociações! Use sempre o saldo do ForoBeta!

• 19/03/2019

• #3

Gracias,intento darle margen a la foto, pero no sé dónde hacerlo, ni puedo cambiar los valores que sí aparecen :sorprendido:

 

N

nalayu

Beta

Verificación en dos pasos activada

Usuário com poucas negociações! Use sempre o saldo do ForoBeta!

• 08/06/2019

• #4

Hola Linton,

Chrome tiene su propia documentación sobre cómo usar la consola y en una de las secciones explica cómo puedes cambiar el CSS.

Es bastante completo y está en diferentes idiomas, entre ellos español. Te dejo el enlace por si te puede ayudar:

Chrome DevTools | Tools for Web Developers
| Google Developers

En todo caso, si no te aclaras mándame un MP.

- - - Actualizado - - -

Si sabes inglés está guía va más al grano y te puede ayudar también:
How to Use the Chrome Inspector to Edit Your Website CSS - Design TLC

 

L

Linton

Épsilon

Usuário com poucas negociações! Use sempre o saldo do ForoBeta!

• 09/06/2019

• #5

Muchas gracias, utilizo Firefox pero me paso a Chrome de mil amores si allí hay menos engorro.

 

O

Okumura Rin

Gamma

Programador

No recomendado

Usuário com poucas negociações! Use sempre o saldo do ForoBeta!

• 10/06/2019

• #6

Linton disse:

Muchas gracias, utilizo Firefox pero me paso a Chrome de mil amores si allí hay menos engorro.

Clique para expandir...

Asi es, justo eso iba a comentarte. Se ve claramente que esa consola es de firefox.
Para debugger e inspeccionar, te recomiendo CHROME.

Y al igual q firefox, te saldran las propiedades CSS en el lado derecho, y podras modificarlos e ir viendo las modificaciones en tiempo real.

Slds

 

N

nalayu

Beta

Verificación en dos pasos activada

Usuário com poucas negociações! Use sempre o saldo do ForoBeta!

• 10/06/2019

• #7

Las dos consolas, la de Firefox y la de Chrome, son muy parecidas. Así que cuando entiendas cómo va una de las dos, la otra te será muy fácil de utilizar.
Suerte 😉