Cómo agregar CSS personalizado para modificar tu tema Tumblr

Tumblr es como Myspace en el sentido de que puedes personalizar tus temas. Estos hacks de usuario te permitirán cambiar la apariencia completa del diseño que estés usando. Aquí, muestro cómo analizar, modificar y piratear el tema de Tumblr.

Asegúrate de ver este video también; agrega profundidad adicional en cómo analizar la hoja de estilos de tus temas.

Tenga en cuenta que si descubre a qué se refiere cada elemento de CSS en su página, esencialmente puede cambiar el aspecto completo de su tema Tumblr solo con CSS. La razón por la que podemos agregar nuestro propio CSS y hacer que anule el CSS del tema real es debido a uno de los factores clave de las Hojas de estilo en cascada: la cascada. Los estilos ingresados ​​por el usuario tendrán prioridad sobre los estilos predeterminados del tema.

1) Ver tu perfil de Tumblr y hacer clic en Personalizar arriba a la derecha (si está usando un tema extraño, puede aparecer en otras partes de la página)

2) La barra de herramientas de personalización aparecerá en la parte superior de la página. Hacer clic Avanzado

3) Bajo Añadir CSS personalizado es donde ingresará cualquier CSS que quiera cambiar en la página. Lo escribes en sólo como lo harías en un archivo .css. Asegúrese de utilizar el formato adecuado y consulte los selectores y clases existentes. Si intenta establecer una regla de estilo para algo que no existe en el estilo del tema, no verá ningún cambio. El video anterior describe en profundidad cómo encontrar las etiquetas exactas para un tema.

4) Solo por ejemplo, definí reglas de estilo para 3 cosas en mi página: cuerpo, encabezado y contenido.

5) Y una vez que haya ingresado su CSS personalizado, haga clic en "Salvar”En la barra de herramientas de personalización de Tumblr.

Y mi tema con su nuevo CSS personalizado:

Nota del editor:
Como muestra Chris en el video, hackear css se hace mucho más fácil con la extensión de Firefox Firebug. Una vez que está instalado, puede hacer clic derecho en el elemento que desee editar y seleccionar Inspeccionar elemento. Esto le dará la navegación correcta y la descripción del elemento. Si aún no conoce CSS, es posible que desee tomar algunas lecciones primero.