Modelo de Cronología

Mar 23 Mayo 2023, 19:37

Firstname Lastname

Kinda dream that can't be sold

Jelly-o pudding wafer oat cake liquorice gummi bears tart chocolate pie.

Cronologia

Nombre del temacon Nombre del personaje

Relaciones

Firstname Lastname Tipo de relacion

Código:: <div class="ftup-cronorela"><div class="ftup-crE"><name>Firstname Lastname</name><icon><img src="https://via.placeholder.com/130"></icon></div><div id="ftup-crP"></div> <div class="ftu-cnr"> <div class="ftcr"><input type="radio" id="ftcr-1" name="ftcr-group-1" checked=""><label for="ftcr-1" title="Portada"><i class="bi bi-person-bounding-box"></i></label> <div class="ftc-updesc1"> <personaje><img src="https://via.placeholder.com/270x336"></personaje> <div class="ftc-p1dt"><span>Kinda dream that can't be sold</span> <baules><a href="/" title="Ficha"><i class="cp cp-user"></i></a><a href="/" title="Habilidades e inventario"><i class="bi bi-box-seam"></i></a><a href="/" title="Extra"><i class="cp cp-plus"></i></a><a href="/" title="Extra"><i class="cp cp-plus"></i></a><a href="/" title="Extra"><i class="cp cp-plus"></i></a><a href="/" title="Extra"><i class="cp cp-plus"></i></a></baules> </div> <quote><span>Jelly-o pudding wafer oat cake liquorice gummi bears tart chocolate pie.</span><i class="cp cp-quote"></i></quote> </div></div> <div class="ftcr"><input type="radio" id="ftcr-2" name="ftcr-group-1"><label for="ftcr-2" style="top: 355px;" title="Cronologia"><i class="cp cp-hourglass"></i></label> <div class="ftc-updesc2"><h1>Cronologia</h1> <div class="ftc-cronologia"> <div class="ftp-cro act"><tema><a href="/">Nombre del tema</a></tema><span>con <b>Nombre del personaje</b></span></div> <div class="ftp-cro crd"><tema><a href="/">Nombre del tema</a></tema><span>con <b>Nombre del personaje</b></span></div> <div class="ftp-cro cmp"><tema><a href="/">Nombre del tema</a></tema><span>con <b>Nombre del personaje</b></span></div> <div class="ftp-cro act"><tema><a href="/">Nombre del tema</a></tema><span>con <b>Nombre del personaje</b></span></div> <div class="ftp-cro crd"><tema><a href="/">Nombre del tema</a></tema><span>con <b>Nombre del personaje</b></span></div> <div class="ftp-cro cmp"><tema><a href="/">Nombre del tema</a></tema><span>con <b>Nombre del personaje</b></span></div> <div class="ftp-cro act"><tema><a href="/">Nombre del tema</a></tema><span>con <b>Nombre del personaje</b></span></div> <div class="ftp-cro crd"><tema><a href="/">Nombre del tema</a></tema><span>con <b>Nombre del personaje</b></span></div> <div class="ftp-cro cmp"><tema><a href="/">Nombre del tema</a></tema><span>con <b>Nombre del personaje</b></span></div> </div> </div></div> <div class="ftcr"><input type="radio" id="ftcr-3" name="ftcr-group-1"><label for="ftcr-3" style="top: 427px;" title="Relaciones"><i class="bi bi-people"></i></label> <div class="ftc-updesc3"><h1>Relaciones</h1> <div class="ftc-relaciones"> <div class="ftp-rel"><i class="cp cp-heart"></i><img src="https://via.placeholder.com/80"><span>Firstname Lastname <n>Tipo de relacion</n></span></div> <div class="ftp-rel"><i class="cp cp-star"></i><img src="https://via.placeholder.com/80"><span>Firstname Lastname <n>Tipo de relacion</n></span></div> <div class="ftp-rel"><i class="cp cp-skull"></i><img src="https://via.placeholder.com/80"><span>Firstname Lastname <n>Tipo de relacion</n></span></div> <div class="ftp-rel"><i class="cp cp-pistol"></i><img src="https://via.placeholder.com/80"><span>Firstname Lastname <n>Tipo de relacion</n></span></div> <div class="ftp-rel"><i class="cp cp-rainbow"></i><img src="https://via.placeholder.com/80"><span>Firstname Lastname <n>Tipo de relacion</n></span></div> <div class="ftp-rel"><i class="cp cp-planet"></i><img src="https://via.placeholder.com/80"><span>Firstname Lastname <n>Tipo de relacion</n></span></div> <div class="ftp-rel"><i class="cp cp-heart"></i><img src="https://via.placeholder.com/80"><span>Firstname Lastname <n>Tipo de relacion</n></span></div> <div class="ftp-rel"><i class="cp cp-star"></i><img src="https://via.placeholder.com/80"><span>Firstname Lastname <n>Tipo de relacion</n></span></div> </div> </div></div> </div> </div>