Cat purple

January 06, 2023

Cómo hacer "efectos profesionales" en los posteos:

Los navegadores renderizan HTML, esa es la base de todo
Catpurple remueve las etiquetas HTML de las entradas de catpurple en el momento en que se guardan, excepto por las siguientes
<b><i><h1><h2><h3><h4><h5><h6><hr><a><p>

Primero, si no lo hiciste, tenés que leer sobre el uso de etiquetas HTML en cat purple en la siguiente entrada
Etiquetas HTML en catpurple.net

Luego tenés que entender un poco como funcionan los estilos (CSS). Podés aprender CSS en este link Aprendé CSS acá

Para poder ponerles estilos a una etiqueta HTML tenés que usar el atributo Style. Cómo? muy sencillos, por ejemplo, vamos a ponerle el atributo style a una etiqueta p (de parrafo, en realidad, de paragraph)

En este ejemplo el atributo style está vacío pero ahí adentro es donde irían las propiedades css, separadas por coma unas de otras. Por ejemplo. Vamos a agregar las siguientes propiedades:

-background-color (color de fondo)
-color (color de la letra)

En este caso le estamos indicando que el fondo sea blanco y la letra #4433AA (en los colores expresados en hexadecimal los 2 primeros caracteres corresponden a la cantidad de rojo, los siguientes 2 a la cantidad de verde y los siguientes 2 a la cantidad de azul), (en el sistema hexadecimal AA equivale al 256 del sistema decimal

Bueno, y así se puden combinar distintas propiedades CSS con sus distintos posibles valores, no tiene sentido que copiemos una guia completa de CSS. Pero acá van algunos ejemplos de propiedades:

-width (ancho del elemento en cuestión, ejemplos de posibles valores: 10px, 455px, 40em)
-height (ancho del elemento en cuestión, ejemplos de posibles valores: 10px, 455px, 40em)
-font-size: (tamaño de la letra del elemento en cuestión, ejemplos de posibles valores: 10px, 455px, 40em)
-font-decoration: (indica si la letra tiene alguna decoración, ejemplos de posibles valores: underline, overline, line-through, underline red)

Hay cientos de propiedades, bueno, no sé si cientos, pero hay muuchas, lleva un tiempo de estudiar CSS hasta entender bien como se comporta cada una de ellas.
Pero esperamos que esta guía te haya servido para poder empezar a experimentar y divertirte con CSS y catpurple.

Tip: También podés copiar el código fuente de entradas ya existentes apretando botón derecho y la opción "ver código fuente" desde un navegador web con una computadora