¡Bienvenid@!

Bienvenidos un año mas a la academia mundial de naciones conocida como ¡Gakuen Hetalia! Las naciones aqui inscritan estudiaran todas las asignaturan que les haga falta para poder convertirse en un buen pais pero tambien habra diversion, parejas y grupos ¿Te lo vas a perder?



¡Conectate!

Ingresa con tu nick, Nombre y Apellido, se admiten iniciales.
Conectarse

Recuperar mi contraseña











Administración

SAVAGE
MP - PERFIL
FIERCE
MP - PERFIL
WILD
MP - PERFIL


Awards


Desconocido
Mejor personaje masculino
Últimos temas
» Wonderland Rol {Afiliación Éite}
Dom Mayo 25, 2014 5:51 pm por Invitado

» Magic Academy [Reapertura, Afiliación Élite]
Dom Mayo 11, 2014 5:36 pm por Invitado

» Sakura Feudal [Élite]
Jue Mayo 08, 2014 7:35 am por Invitado

» Orfanato Shota [Afiliación Élite] [Reviviendo]
Dom Mayo 04, 2014 2:57 pm por Invitado

» Anime Rol [Élite]
Lun Nov 11, 2013 9:23 am por Invitado

» Hogwarts School Rol {Afiliación Élite}
Lun Oct 07, 2013 12:13 am por Invitado

» Haruna Minashigo-in {Afiliación Élite}
Jue Oct 03, 2013 6:09 pm por Invitado

» Kagerou Project {Afilición Élite}
Vie Sep 13, 2013 10:49 pm por Invitado

» Royal Atlantic Line Afiliación Elite
Vie Sep 13, 2013 5:21 am por Invitado

ADFN Foro Crossover Vocaloid Dreams Crear Youkai Academy Little Secrets Sweet Dreams Rol Kaeru no Sensou Core-Pride Fierce magic rol Sword Art Online Proyect Photobucket Amaranth PsicoticHetalia Pokémon Samaya DeadEndPrison INTERNADO NEBLOOD
Afiliados Normales









Créditos&Copyright

Tanto el Contenido, el diseño e Imagenes de Axis Powers Hetalia Rol© son propiedad del Foro y nos reservamos el derecho para la distribución de estos; por lo cual cada historia, imagen (creada), firma, avatares... etc es propiedad de este foro exclusivamente. Gakuen-Hetalia Rol Dic. 2012. Derechos Reservados ©Gakuen-Hetalia Rol 2012-2013. (Derechos Reservados ©) Si el foro observa que dicha información es aplicada a otro foro sin el consentimiento del verdadero autor, el foro se verá obligado a recurrir al derecho del autor, propinando una denuncia justificada y legal. Skin diseñado por Skaôi de SourceCode. Crédito, crédito, crédito & Copyright.

¿Como hacer la ficha con codigos HTML?

Ver el tema anterior Ver el tema siguiente Ir abajo

¿Como hacer la ficha con codigos HTML?

Mensaje por Paulo Da Silva el Miér Dic 19, 2012 2:57 pm

Bien, he decidido que como hay gente que no sabe manejar el html y que por tanto la ficha no sale o se deforma (cosa que frusta mucho, lo se) hacer esta pequeña guia para que la vayais mirando si teneis dudas de algo. Espero que sea de ayuda

Código:
<center><style type="text/css"> #code1 { position: relative; display: inline-block;} #code2 { display: none; background: #333; opacity: 0.7; width: 200px; height: 100 px; position: absolute; top: 140px; left: 300px; font-size: 25px; padding: 30px 10px;border-radius: 50px; font-family: 'Poiret One'; color: #FFF;} .avalon { background-image: url(IMAGEN BLANCO Y NEGRO); width: 500px; height:200px;  -moz-transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out; } .avalon:hover { background-image: url(IMAGEN COLOR) ; width: 500px; height: 200px;-moz-transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out; } #code1:hover #code2 { display: block; }</style>

Primera parte, aqui solo debeis tocar donde pone IMAGEN EN BLANCO Y NEGRO. Ahi teneis que poner una imagen de 500x200 de vuestro personaje. El link ponerlo entre los parentesis. Donde pone IMAGEN COLOR tambien teneis que poner una imagen de vuestro personaje, la misma, la misma con algo añadido u otra del personaje con la misma medida y tambien entre parentesis.

Código:
<div style="background-color: #000000; width: 500px; border-left: solid 10px #444444" >
<div style=" font-family: 'Poiret one'; font-size: 50px; color: #888888;">This is Me</div>
<div id="code1"><div class="avalon"></div><div id="code2"></b>Nombre del Pj</b></div></div>
<br><br>
<div id="Fay"><ul><li>Nombre Humano:
</li><li> Apodos
</li><li> Curso
</li><li> Edad aproximada y la que aparenta:
</li><li> Pais/Ciudad/Region/Personaje Historico/Capital/Antiguo</div>
Esta parte es mas sencilla. Podeis cambiar donde pone This is me o no, a vuestro gusto
Nombre del personaje--> sencillo ¿no?
Nombre humano---> Lo mismo que lo anterior
Apodos---> si vuestro personaje tiene alguno ponerlo aqui
Curso--> Aqui teneis que poner al curso al que vais (esto depende de la edad que aparenteis ¿sim? menores de 15 a primero, de 15 a 17/18 a segundo, de 18 a 20/21 tercero y de 21 a 25 cuarto) o poner profesores y vuestra asignatura (si son paises actuales solo pueden ser profesores si tienen mas de 2000 años de historia)
Edad aproximada y la que aparenta---> Podeis poner la fecha desde que nacio o desde que se independizo nos da igual y luego la aparente.
Pais/Ciudad/Region/Personaje Historico/Capital/Antiguo----> Quitais lo que no seais y poneis vuestro pais o lo que sea

Código:
<div style=" font-family: 'Poiret one'; font-size: 50px; color: #888888;">Descripción Psicologica</div>
<div style=" background-color: #444444; width:360px; height: 240px; font-famiily: Century Gothic; font-size: 12px; color: #DDD; padding: 30px 20px; overflow:auto;"> {Minimo 6 lineas}
</div>
Aqui solo teneis que quitar lo de {Minimo 6 lineas} y poner vuestra descripcion psicologica. Cuidado no quitar el
Código:
</div>

Código:
<div class="avaloncaja1"> Descripcion fisica <div style="background-image: url(IMAGEN O GIF); width: 500px; height: 200px; "> </div><div style=" width:450px; height: 200px; font-famiily: Century Gothic; font-size: 12px; color: #DDD; padding: 30px 20px; overflow:auto;"> {Minimo 6 lineas}

Vale, aqui debeis poner el link de la imagen entre los parentesis donde pone IMAGEN O GIF (quitando esto claro). La medida es de 500x200. Y luego solo teneis que quitar lo de {Minimo 6 lineas} y poner vuestra descripcion fisica. Cuidado no quitar el
Código:
</div>

Código:
</div></div><div class="avaloncaja2"> Prueba de rol <div style="background-image: url(IMAGEN O GIF); width: 500px; height: 200px; "> </div><div style=" width:450px; height: 200px; font-famiily: Century Gothic; font-size: 12px; color: #DDD; padding: 30px 20px; overflow:auto;"> {Minimo 8 lineas}
Lo mismo que la anterior, debeis poner el link de la imagen entre los parentesis donde pone IMAGEN O GIF (quitando esto claro). La medida es de 500x200. Y luego solo teneis que quitar lo de {Minimo 8 lineas} y poner vuestra prueba de rol. Cuidado no quitar el
Código:
</div>

Código:
</div></div><div class="avaloncaja3"> Otros <div style="background-image: url(IMAGEN O GIF); width: 500px; height: 200px; "> </div><div style=" width:450px; height: 200px; font-famiily: Century Gothic; font-size: 12px; color: #DDD; padding: 30px 20px; overflow:auto;"> {Lo que quieras añadir del personaje}

Idem, debeis poner el link de la imagen entre los parentesis donde pone IMAGEN O GIF (quitando esto claro). La medida es de 500x200. Y luego solo teneis que quitar lo de {Lo que quieras añadir del personaje} y poner lo que querais del personaje (gustos, aficiones, etc). Cuidado no quitar el
Código:
</div>

Bueno hasta aqui la pequeña guia, espero que os sirva ^^
PD: evitar poner link de zerochan, no se suelen ver. No pasa nada si no se ve una imagen de un personaje conocido como Alfred o Canada pero si es un oc no podemos ver que personaje has cogido ¿vale?

_________________

República Portuguesa
Herois do mar, nobre povo,
Nacao valente e imortal
Levantai hoje de novo
O esplendor de Portugal!
Ukko'chii
avatar
Paulo Da Silva
Alumno de cuarto curso
Alumno de cuarto curso

Mensajes : 469
Fecha de inscripción : 01/03/2011
Edad : 28

Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.