Date: August 25, 2022

Tema: Agregando estilos a nuestro proyecto

Recall

Cómo agregar estilos?

Cómo agregamos nuestros estilos al html?

Notas

• Para agregar los estilos, debemos estar dentro de nuestra app, para este caso polls, creados dos directorios.

  • static/polls
    • Recuerda que esto es así porque internamente Django toma todos los static y los junta en uno solo, para evitar problemas creamos un subdirectorio con el nombre de la app

• Dentro de esa carpeta creamos un archivo style.css

  • Aquí agregamos nuestras sentencias o reglas css, como normalmente lo haríamos.

• Para esto usamos {% load static %} al principio de nuestro index.html, abajo de esto agregamos el link.

  {% load static %}
  <link rel="stylesheet" href="{% static 'polls/style.csss' %}">
  

  • {% static ‘style.css’ %} es similar a url que usábamos.

<aside> 📌 Resumen: Para agregar estilos en nuestro proyecto, debemos crear dos directorios static/app_name, dentro de este crear nuestro archivo css y agregarlo al html como se muestra.

</aside>

Date: August 25, 2022

Tema: Añadiendo una imagen de fondo

Recall

Cómo agregamos una imagen de fondo?

Notas

• Para esto creamos una carpeta images dentro de static y polls.

  • static/polls/images
  • Aquí dentro puedes colocar tus imagenes

• Usamos algún selector puede ser body, y le colocamos un atributo background.

  body {
  	background-image: url("images/tu_imagen.jpg")
  	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  

<aside> 📌 Resumen: Colocar imágenes es sencillo, solo debemos crear un directorio extra llamado images y colocamos imágenes como se suele hacer.

</aside>