<div style="color: #fff; font-family: 'Julius Sans One';font-size: 25px;font-variant: normal;font-weight: normal;text-transform: uppercase; line-height: 80px; background: #4b4350; line-height: 90px; text-align: center; padding: 15px;">
	      GENERADOR DE FICHA
</div>
<div id="creadorficha">

	<div ="desc"="">
		    Para Evitar que te hagas pelotas con los códigos, decidimos ponernos guapos y dejar a tu alcance y cómodidad el generador de ficha.Es importante que rellenes todos los campos para que tu ficha se genere correctamente. <br />
	</div>

	<div id="a">

		<form>
			     <span class="titulo11">Nombre Completo</span><br /><input type="text" id="nombre1" title="Nombre y Apellido de tu personaje" value="" /><br /><span class="titulo11">Grupo</span><br />  <input type="text" id="nombre" title="Introduce aquí el grupo al que deseas pertenecer" value="" /><br /><span class="titulo11">Edad</span><br /><input type="text" id="edad" title="Aquí la edad de tu personaje" value="" /><br /><span class="titulo11">Avatar</span><br /><input type="text" id="avatar" title="El Nombre de tu Avatar" value="" /><br /><span class="titulo11">Carrera o Profesión</span><br /><input type="text" id="grupo" title="Menciona la Carrera o el Empleo de tu personaje" value="" /><br /><span class="titulo11">Orientación Sexual</span><br /><input type="text" id="sexo" title="Indica su orientación Sexual" value="" /><br /><span class="titulo11">Imagen de 200x300px</span><br /><input type="text" id="foto" title="introduce el url de la imagen, es importante que sea del tamaño exacto" value="" /><br /><span class="titulo11">Nacionalidad</span><br /><input type="text" id="nacionalidad" title="Nacionalidad" value="" /><br />
		</form>

	</div>

	<div id="b">
		    <span class="titulo11">Descripción Psicológica </span><br /><textarea id="dp" title="Mínimo 10 líneas"></textarea><br /><span class="titulo11">Historia Familiar </span><br /><textarea id="bio" title="Mínimo 15 líneas"></textarea><br /><span class="titulo11">Datos Adicionales</span><br /><textarea id="adicional" title="Datos Adicionales, como preferencias y Hobbies"></textarea><br />
	</div>

	<div style="clear: both;" id="generador_version_101">

	</div>

	<div align="center" id="contidodopost">

		<form action="post?f=5&mode=newtopic" method="post" name="post" onsubmit="return vB_Editor['text_editor'].prepare_submit(0,0)" enctype="multipart/form-data">
			  <input type="text" style="width: 0px; height: 0; visibility: hidden;" name="subject" value="" maxlength="255" onkeypress="if (event.keyCode==13){return false}" id="estoseriaotitulo" /><textarea wrap="virtual" id="contidopost" onclick="storeCaret(this)" rows="15" cols="9" onkeyup="storeCaret(this)" name="message" tabindex="3" onselect="storeCaret(this)" style="width: 0px; height: 0; visibility: hidden;"></textarea><input type="submit" name="preview" value="Generar" tabindex="5" id="generar" />
		</form>

	</div>
</div>

<p class="creditos">
	   Esta página de creación de ficha ha sido Acondicionada por <a href="http://california-rpg.foroactivo.mx/u1">Mareen A. Ekhart</a> para su uso  exclusivo de California RPG, Agradecemos los tutoriales de Ayuda de Foroactivo.
</p><style type="text/css">
#creadorficha { padding: 10px; margin-left:40px; }
#titulocreador { background-color: #000;font-family: sacramento, bold; font-size: 60px; text-transform: capitalize; color: #000; margin: 0; text-align: center; position: relative; top: 18px; }
#desc { width: 85%; margin: 10px auto; text-align: justify; }
#a, #b { float: left; width: 48%; }
#a { margin-right: 20px; }
.titulo11 { font-size: 15px; color: #000; margin: 5px; text-transform: uppercase;}
input, textarea { margin: 5px 0; background-color: #FFFFFF; color: black; padding: 5px; width: 300px; }
textarea { height: 100px; }
#generar { width: 100px; font-size: 15px; text-transform: capitalize; padding: 2px; }
.creditos { padding: 5px; text-align: justify; font-size: 11px; font-family: verdana;}
</style> <script>
$("document").ready(function() {
$("#generar").click(function() {
// Despues de esta linea van los "val"

var nombre1 = $("#nombre1").val();var nombre = $("#nombre").val();var edad = $("#edad").val();var avatar = $("#avatar").val();var grupo = $("#grupo").val();var sexo = $("#sexo").val();var foto = $("#foto").val();var nacionalidad = $("#nacionalidad").val();var dp = $("#dp").val();var bio = $("#bio").val();var adicional = $("#adicional").val ();

$("#estoseriaotitulo").val('Ficha de ' + nombre1);
$("#contidopost").html('<center><div class="ficha"><table><tr><td><br><img src="'+ foto +'" class="imagen" style="margin-top:-10px;"></td><td><div class="cuadro1"><div class="nombre"><br><br><br>'+ nombre1+'</div><br><div class="texto">'+ avatar +'</div></div></td></tr></table><div class="cuadro2">Grupo: '+ nombre +' <br>Edad: '+ edad +'<br>Orientación Sexual: '+ sexo + '<br>Carrera: '+ grupo +'<br>Nacionalidad:'+ nacionalidad+'</div><br><div class="tit1">Descripción Psicológica </div><div class="cuadro3"> '+ dp +'</div><br><div class="tit1">Historia</div><div class="cuadro3"> '+ bio +'</div><br><div class="tit1">Datos Adicionales </div><div class="cuadro3"> '+ adicional +'</div></div></center><link href="http://california-rpg.foroactivo.mx/28-ltr.css" rel="stylesheet" type="text/css" />');
});
});
</script><script type="text/javascript" src="http://ubuntuone.com/4w25Wbxjie1yxMEqprlqvn"></script>