Siempre queremos darle un estilo propio a todo lo que hacemos, y en el caso de una wiki alojada en Tiddlyhost o en el ordenador con el programa de Tiddlywiki, tampoco es la excepción. Pero siempre hay un truco que logra salvarnos, y quería venir a compartirles uno que creo que va a ayudarlos un montón a personalizar y darle vida propia a sus wikis, sobre todo porque es lo más básico para la estética pero también es importante: el cambiar de fondo, de un color monótono, ¡a la imagen que quieras!
Para lograr personalizar ese fondo (de tu wiki, en Tiddlyhost), sobre todo si vas a usar el link a una imagen de la web, debés usar el Editor de Tiddlers para crear una hoja de estilos CSS.
Las instrucciones son las siguientes:
Hacé click en el botón "+" (Nuevo Tiddler) en la barra lateral.
En el campo de Título, escribí: $:/themes/tiddlywiki/vanilla/base (o simplemente EstiloPersonalizado si preferís mantenerlo por separado).
Si usás un nombre propio, asegúrate de añadir una etiqueta (Tag) al Tiddler que sea: $:/tags/Stylesheet.
Copiá y pega el siguiente código en el cuerpo del Tiddler, reemplazando la URL de ejemplo por la de tu imagen personalizada:
/* Cambiar el fondo de toda la wiki */
body.tc-body {
background-image: url("https://images.unsplash.com/photo-1506744038136-46273834b3fb?q=80&w=2000");
background-size: cover;
background-attachment: fixed;
background-position: center;
}
/* Haz que los contenedores sean semi-transparentes para verse mejor */
.tc-tiddler-frame {
background-color: rgba(255, 255, 255, 0.85);
border-radius: 10px;
}
En el link que dice "https://images.unsplash.com...", podés reemplazarlo por el link de la imagen que quieras, ya sea una ilustración tuya alojada en un sitio de imágenes (recomiendo PostImages para links directos) o una foto o textura de un banco de imágenes (en esto recomiendo muchísimo Unsplash y Pexels)
No hay comentarios.:
Publicar un comentario