Modelo de Cronologia

Código:

<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:200' rel='stylesheet' type='text/css'>
<div style="width:500px; height: 480px; padding: 10px;background-image: url(http://desmond.imageshack.us/Himg406/scaled.php?server=406&filename=llllvj.png&res=landing);  margin: 0 auto; border: solid 1px #ECF3FF"><div style="width:200px; float:left;"><div style="background: url(IMAGEN QUE QUIERAS); width:198px; height:350px; border: solid 1px #A0C2FF;"></div><div style="background: #ECF3FF; height:25px; margin:2px 0px; text-align: center; font-family: Yanone Kaffeesatz; font-size:20px; text-transform: uppercase; color:#2D3748; padding-top:5px;">¡Pídeme rol!</div><div style="background: #A0C2FF; height:25px; margin:2px 0px; text-align: center; font-family: Yanone Kaffeesatz; font-size:20px; text-transform: uppercase; color:#2D3748; padding-top:5px;"><a href="aqui va el url de tu ficha de personaje" style="color:#2D3748; text-decoration: none;">Ficha de personaje</a></div><div style="background: #254B90; height:25px; margin:2px 0px; text-align: center; font-family: Yanone Kaffeesatz; font-size:20px; text-transform: uppercase; color:#2D3748; padding-top:5px;"><a href="aqui va el url de tus relaciones" style="color:#000F2B; text-decoration: none;">Relaciones</a></div><div style="background: #000F2B; height:25px; margin:2px 0px; text-align: center; font-family: Yanone Kaffeesatz; font-size:16px; text-transform: uppercase; color:#2D3748; padding-top:5px;">Template por <a href="http://sourcecode.foroactivo.com/u16" style="text-decoration: none; color:#ECF3FF">Oyuki</a> ♣ 2012</div></div><div style="font-family:Yanone Kaffeesatz; font-size:42px; text-align: right; color: #ECF3FF; letter-spacing:0px; text-transform:uppercase; padding: 6px 0px;">NOMBRE  Y APELLIDO</div><div style="font-family: georgia; font-size:9px; line-height:95%; color: #000F2B; text-transform:lowercase; margin-left:210px; padding: 3px 0px; letter-spacing: 1px; text-align:right;">Aqui va una frase o lo que gustes</div>
<div style="width: 270px; padding: 10px; background: #A0C2FF; height: 150px; margin-left: 210px; border-top:solid 5px #ECF3FF; border-bottom: solid 5px #254B90;"><div style="font-family: Yanone Kaffeesatz; font-size:30px; text-align: center; color: #000F2B; border-bottom: dashed 1px #000F2B; padding-bottom:5px; text-align:right;">TEMAS ABIERTOS</div><div style="font-family:georgia; font-size:9px; text-transform: lowercase; color: #254B90; padding:10px 20px; overflow:auto; height:100px; opacity:0.7;">
» <a href="#" style="color: black">NombreDelRol</a> # Con Fulano & Mengano
» <a href="#" style="color: black">NombreDelRol</a> # Con Fulano & Mengano
» <a href="#" style="color: black">NombreDelRol</a> # Con Fulano & Mengano</div></div><div style="font-family: georgia; font-size:9px; line-height:95%; color: #000F2B; text-transform:lowercase; margin-left:210px; padding: 3px 0px; letter-spacing: 1px; text-align:right;">Aqui va una frase o lo que gustes</div>
<div style="width: 270px; padding: 10px; background: #A0C2FF; height: 150px; margin-left: 210px; border-top:solid 5px #ECF3FF; border-bottom: solid 5px #254B90;"><div style="font-family: Yanone Kaffeesatz; font-size:30px; text-align: center; color: #000F2B; border-bottom: dashed 1px #000F2B; padding-bottom:5px; text-align:right;">TEMAS CERRADOS</div><div style="font-family:georgia; font-size:9px; text-transform: lowercase; color: #254B90; padding:10px 20px; overflow:auto; height:100px; opacity:0.7;">
» <a href="#" style="color: black">NombreDelRol</a> # Con Fulano & Mengano
» <a href="#" style="color: black">NombreDelRol</a> # Con Fulano & Mengano
» <a href="#" style="color: black">NombreDelRol</a> # Con Fulano & Mengano
» <a href="#" style="color: black">NombreDelRol</a> # Con Fulano & Mengano
» <a href="#" style="color: black">NombreDelRol</a> # Con Fulano & Mengano
» <a href="#" style="color: black">NombreDelRol</a> # Con Fulano & Mengano</div></div>
</div>


---

Hola aqui os explicare como usar esta plantilla

1.- Como poner la ficha de tu personaje, buscas esto con una combinación de letras [ctr+f] (asi me sirve a mi)

Código:

<a href="aqui va el url de tu ficha de personaje" style="color:#2D3748; text-decoration: none;">Ficha de personaje</a>

Donde dice "aqui va el url de tu ficha de personaje" pones el url de tu ficha de personajes, entre las comillas, esas no las borras.

2.- Con las relaciones es lo mismo solo que buscas esto:

Código:

<a href="aqui va el url de tus relaciones" style="color:#000F2B; text-decoration: none;">Relaciones</a>

Y ya sabras lo demas.


3.-Imagen [ese cuadro que esta vacio es donde ira la imagen] buscas de igual manera que lo demas esto:

Código:

<div style="background: url(IMAGEN QUE QUIERAS); width:198px; height:350px; border: solid 1px #A0C2FF;">

Donde dice (imagen que quieras) pones el url de tu imagen, entre los parentecis, no los borren.


4.- En nombre y apellido, buscan

Código:

NOMBRE Y APELLIDO

Y sustituyen por esos su y apellido de su personaje por eso.

5.- Frases, para poner frases, buscas esto

Código:

Aqui va una frase o lo que gustes

Y pones borras eso y pones tu frase, son dos, asi que solo lo buscas nuevamente y ya


6.- Estos son los codes de los temas

Código:

» <a href="#" style="color: black">NombreDelRol</a> # Con Fulano & Mengano

Sustituyes el # por el url de tu tema, el nombre del rol, pues por el nombre, con fulano y mengano pues con quienes tuviste el rol, si quieres agregar más temas ( osea de los que ya estan por predeterminados se acabaron) solo copias y lo agregas debajo del ultimo.

7.- Si Algo sale mal, no dudes en contactarme a mi o a otro administrador/moderador que sepa como ayudarte