Estructura de árbol con CSS y HTML

A veces viene bien poder representar datos en una estructura de árbol como la que produce el programa tree. El programa tree produce una salida de un árbol de directorios como esta:


✔ /var/www/html/Repos/Freak-Spot/freak-theme [master|✔] $ tree
.
├── static
│   ├── css
│   │   └── style.css
│   ├── genericons
│   │   ├── COPYING.txt
│   │   ├── genericons.css
│   │   ├── Genericons.eot
│   │   ├── Genericons.svg
│   │   ├── Genericons.ttf
│   │   ├── Genericons.woff
│   │   ├── LICENSE.txt
│   │   └── README.md
│   ├── images
│   │   ├── creativecommons_public-domain_80x15.png
│   │   ├── gnu-head-mini.png
│   │   └── questioncopyright-favicon.png
│   └── js
│       ├── functions.js
│       └── jquery-3.1.1.js
└── templates
    ├── archives.html
    ├── article.html
    ├── article_info.html
    ├── author.html
    ├── authors.html
    ├── base.html
    ├── category.html
    ├── index.html
    ├── page.html
    ├── pagination.html
    ├── period_archives.html
    ├── tag.html
    ├── taglist.html
    └── tags.html

6 directories, 28 files

Para representar la instrucción tal como aparece en una terminal he utilizado las etiquetas HTML <samp> y <pre> (<pre><samp>salida de tree</samp></pre>). ¿Pero que pasa si quiero incluir un enlace o utilizar otros elementos de HTML, o CSS? Entonces tendremos que usar CSS para mostrar la apariencia de ramas.

Continúa leyendo Estructura de árbol con CSS y HTML

Cómo hacer temas para IceWM

Si eres usuario del gestor de ventanas IceWM tal vez te preguntes cómo se hacen los temas del mismo. Además, tal vez hayas visto algún tema que te gustó pero que tiene algo que no te agrada y deseas saber como modificarlo. O puede ser que encontraste un tema de Metacity/XFW/Openbox/etcétera y tienes deseos de adaptarlo a IceWM. En el siguiente tutorial te mostraré cómo se hace esto. Verás que no es tan complicado como parece.

Continúa leyendo Cómo hacer temas para IceWM

El software libre es mejor que la alquimia

¿Resulta difícil explicar las ventajas del software libre a personas que no entienden de ordenadores? Del mismo modo que no hay que ser periodista para entender los beneficios de la libertad de prensa, no hay que ser programador para entender los beneficios del software libre.

Continúa leyendo El software libre es mejor que la alquimia

La batalla por Wesnoth

La batalla por Wesnoth es un videojuego de estrategia por turnos con temática de fantasía. Se encuentra disponible para GNU/Linux, Mac OS y Windows.

Menú principal de La Batalla por Wesnoth

Se trata de un juego muy completo y cuidado en detalles. Deberemos planificar cuidadosamente la estrategia para llevar a nuestras tropas a la victoria. Varios factores influyen en la batalla: el terreno, el momento del día, el tipo de ataque, habilidades, etc.

Continúa leyendo La batalla por Wesnoth