CODIGOS

Enlaces webs como insta

<p><a
href="https://www.instagram.com/ioxarts/?
hl=es">Juego creado por: @ioxarts </a></p>

PAZZWORD O similar con ejemplo final de

loop.

(set:$name to (prompt:"Tu nombre: ",

"Vacio"))
(if: $name is "loco")[ [[bingo]] ]
[[introducir codigo]]

boton

<button>
<span>[[texto->a donde lleva]]</span>
</button>

Dar puntos o algo

(set:$puntos to ($puntos+10))
Ver puntos o algo
<b>$puntos: Puntos </b>

Texto alerta
(alert:”aqui tu texto”)

Encontrar dinero al azar

(set: $randomtreasure to (random: 1, 100))
You found $randomtreasure coins in the
treasure chest!
(set: $coins to $coins + $randomtreasure)

enconjer imagen metida

<style> img {
        max-width:46%;
max-height:46%;}
</style>

Cabecera texto
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
Centrado y color
(align:"=><=")+(box:"X=")[=
(text-colour:cyan)[tu texto]

Pon tu name
(set:$name to (prompt:"Tu nombre: ",
"Vacio"))

Te nombran
$name

(text-style: "rumble")[    ]

Inclina el texto
// text //

Invisible menu
tw-sidebar {
visibility: hidden
}

Viso de algo mas boton ok.

(Alert:” “)

Imagenes
<img src=" ">
Viajas a …
[[volver-> Comenzar juego ]]

———————————————————

ESTETICA FULL

html {
background-color: #000;
color: #FFF;
}

@import url(https://fonts.googleapis.com/css?
family=Press+Start+2P);

tw-story {
    /* The following changes the text */
    color: white; /* Set text to green or other color
*/
    text-shadow: 0px 0px lightgreen; /* Green text
shadow */
    font-size: 20px;
    font-family: "Press Start
2P","Helvetica","Arial",sans-serif;

    /* Set background to fade lightblue to blue */

    background: lightblue; /* For old browsers */     
    background: -webkit-linear-gradient(lightblue,
blue);
    background: -o-linear-gradient(lightblue, blue);
    background: -moz-linear-gradient(lightblue,
blue);
    background: linear-gradient(lightblue, blue);

    /* Add a Mars background that will cover the

screen */
    background-image:
url("http://www.ohiofi.com/img/mars.jpg");
    background-size: cover;
}

tw-passage {
    /* The following changes the text box */
    border: 5px groove gray; /* Gray border
around the box */
    border-radius: 25px; /* Rounded corners on
the box */
    background: rgba(000); /* 30% transparent
box */
    padding: 25px;
}

tw-link {
    color:yellow; /* Set the link color to darkblue */
    transition: color .5s ease-in-out;
}

tw-link:hover { /* Mouse over a link & it turns

orange */
    color: cyan;
}

img { /* Images won't get wider than tw-passage

container */
    max-width: 100%;
}