el programa

Evitad el navegador Firefox, da problemas. Podéis descargar el programa o usarlo en línea sin ni siquiera inscripción. En ese caso vuestro twine se conserva en el navegador, no en algún servidor. Pensad en salvaguardar el trabajo...

sitografía básica

nos hacemos entre todos un twine?

si necesitáis incluir en vuestro twine dudas en español de ortografía, gramática o léxico tenéis aquí algunas ideas:

Crea una nueva historia (menú principal + Historia)

¿Quieres cambiar la apariencia de tu twine?


Eso siempre se hará manipulando HTML o CSS. Pero que no cunda el pánico vamos a probar algo muy sencillo, por ejemplo para el aspecto general:


  • ves a Story Format› elige Harlowe 1.2.4
  • clica en› Edit Story Stylesheet
  • copia/pega la lista siguiente y observa los cambios




tw-passage { width: 90%; padding: 2em; margin: auto; border: solid#666 1px; border-radius: 0.2em; font-family: Geneva, Helvetica, sans-serif; font-size: 1.2rem; color: #000; text-align: left; background-color: #fff; box-shadow: #666 0.3em 0.3em 0; line-height: 130%; object-fit: contain;}
h1 { color:red; font-size:2rem; border-bottom: solid #000 0.05em; margin:0 0 0 0;}h2 { color:#a12525; font-size:1.6rem; border-bottom: solid #ccc 0.05em;}
small { color:#a12525;line-height:130%; display:block; width:100%; margin-top:0; }
footer {font-size:0.8rem;color:##a12525;line-height:130%; display:block; width:100%; border-top: solid #6661px; padding-top:0.5em}figcaption {color:#333; font-size:0.9rem;}
img { margin:0 0;padding:0 0; align: center; display: block; margin-left: auto; margin-right: auto;}body { background-color:#963838; }br {font-size: 2px;vertical-align: -4px;}

puedes cambiar color, tipo de letra, etc.

ejemplo cambio color de fondo:


body { background-color:#963838; }

si le cambias el color por #6c096d › morado fuerte, si pones #0e6476› verde mar...


incluir una imagen

¿Quieres incluir una imagen? Dentro de un pasaje pega esta etiqueta allí donde desees que aparezca:

<img src="pega aquí la ruta de la imagen en cuestión" height=90% width=90% />

Si necesitas imágenes libres de derechos prueba aquí:


incluir un enlace externo

<a title="el texto que quieres ver convertido en enlace" href= "http://la pagina.html"> repite el texto que quieres ver convertido en enlace</a>

ejemplo:

  • para que aparezca como un enlace "fuente: enclaveRAE", pega una etiqueta así:
  • <a title="fuente: enclaveRae" href="https://twitter.com/enclaveRAE/status/1091382816405942272"> fuente: enclaveRae </a>

incluir vídeo

bajo el vídeo clic en COMPARTIR> INSERTAR copia la etiqueta y pégala en el pasaje allí donde quieras que se vea


<iframe width="560" height="315" src="https://www.youtube.com/embed/uJYzFWTvUas" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>


incluir un gif. animado

<img src="enlacedelgif"height=90% width=90% />

aseguraos que acaba en .gif

banco de .gifs

incluir un audio

<audio src="enlace_del_audio" autoplay loop></audio>

aseguraos que es un .mp3

audios efectos especiales

sonidos gratis en mp3