Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Cómo editar CSS

Este tutorial te enseñará cómo editar CSS y cambiar colores, bordes y dar transparencia.
by

Rocío van Nierop

on 18 September 2014

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Cómo editar CSS

RECURSOS ÚTILES SOBRE CÓDIGOS HEX
CAMBIAR
COLOR DE FORMA
COLOR DE LÍNEAS / FLECHAS
CAMBIAR
COLOR DE MARCO
HACER UNA FORMA TRANSPARENTE
Cómo editar
CONSEJOS
http://color.hailpixel.com/
http://www.colorpicker.com/
http://cloford.com/resources/colours/500col.htm
Busca las secciones que controlan los marcos.

{comienzan con
frame.
}
Después busca las dos líneas siguientes:
gradStartColor: #número;
gradeEndColor: #número;
El número es el código hex del color asignado al marco. Para cambiar el color, necesitas cambiar este número.
gradStartColor: #
número
;

Haz clic en
Apply.
¡Tip!
Prueba a usar colores diferentes para el inicio (StartColor) y el final (EndColor).
Las líneas y flechas siempre comparten los mismos colores.
{comienzan por
line-arrow.style
}
Busca las siguientes secciones y cambia el número al código hex que desees.
gradStartColor: #
número
;
gradEndColor: #
número
;
Cambia también el código hex a la línea:
color: #
número
;
¡Puedes usar hasta 5 estilos!
Para el color de fondo, sigue los mismos pasos que para las líneas y flechas.
{estas secciones comienzan por
shape.style
}
Recuerda que tienes que hacer clic en
Apply.
CAMBIAR
COLOR DE BORDE
TEN EN CUENTA
Los bordes no se muestran en las líneas, pero sí se muestran en las flechas.
Dependiendo del grosor, el borde puede hacer que un rectángulo tenga las esquinas redondeadas.
Los bordes se escalan según se ajusta el tamaño de un objeto.
Las líneas NO muestran transparencia; las flechas sí.
Ve a la sección que controla la configuración de la forma.
{ya sabes qué hacer}
Esta vez vamos a agregar las siguientes líneas:
gradStartAlpha: número entre 0-1;
gradeEndAlpha: número entre 0-1;
Para esta sección, vamos a usar puntos decimales para especificar el nivel de transparencia.
{
.5
=
50%
transparente,
.6
=
60%
, etc.}

Sigue los mismos pasos que para los marcos y las flechas.
Prueba a experimentar con distintos niveles de transparencia para gradStartAlpha y gradEndAlpha, y conseguirás más efectos.
No te olvides de hacer clic en
Apply.
CAMBIAR
TAMAÑO DE BORDE
Ve a la sección del tipo de objeto que deseas editar.
{formas, marcos o flechas}
Busca la siguiente línea:
borderColor: #número;

Sustituye el número del código hex por el número del color que desees.
{si la línea no está por defecto,
agrégala
}
borderColor: #número;

{formas, marcos o flechas}
Ve a la sección del tipo de objeto que deseas editar.
Busca la siguiente línea:
borderThickness: número;

{si la línea no está por defecto,
agrégala
}
Ajusta el número hasta lograr el grosor de borde que desees.
borderThickness:
número
;

{mayor número = mayor grosor}
Haz clic en
Apply.
Haz clic en
Apply.
Haz clic en
Apply.
Puedes eliminar la transparencia de un marco estableciendo gradStartAlpha y gradEndAlpha a 1.
CSS
Full transcript