Últimos temas
» Registro de muertes
Modelo de ficha 02 (opcional) EmptyDom 4 Mar - 13:36 por Admin

» Registro de Pbs
Modelo de ficha 02 (opcional) EmptyDom 4 Mar - 13:27 por Admin

» Asentamientos
Modelo de ficha 02 (opcional) EmptyDom 4 Mar - 13:26 por Admin

» Guia para nuevos usuarios
Modelo de ficha 02 (opcional) EmptyDom 4 Mar - 13:08 por Admin

» Ambientación del foro
Modelo de ficha 02 (opcional) EmptyDom 4 Mar - 13:04 por Admin

» Modelo de ficha 02 (opcional)
Modelo de ficha 02 (opcional) EmptyVie 2 Mar - 12:00 por Admin

» Fauna del mundo
Modelo de ficha 02 (opcional) EmptySáb 24 Feb - 14:00 por Admin

» Tabla para afiliados
Modelo de ficha 02 (opcional) EmptyVie 23 Feb - 22:08 por Admin

» Modelo de ficha 01 (opcional)
Modelo de ficha 02 (opcional) EmptyVie 23 Feb - 13:22 por Admin


Ver el tema anterior Ver el tema siguiente Ir abajo

Modelo de ficha 02 (opcional) Empty Modelo de ficha 02 (opcional)

Mensaje por Admin Vie 2 Mar - 12:00





RELACIONES DE FULANITO



 

   Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum laudantium architecto impedit harum nulla iure ipsam incidunt deserunt tempore doloremque, delectus optio expedita, consectetur beatae. Dolorum doloribus beatae quas repudiandae. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum laudantium architecto impedit harum nulla iure ipsam incidunt deserunt tempore doloremque, delectus optio expedita, consectetur beatae. Dolorum doloribus beatae quas repudiandae. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum laudantium architecto impedit harum nulla iure ipsam incidunt deserunt tempore doloremque, delectus optio expedita, consectetur beatae. Dolorum doloribus beatae quas repudiandae.
 


Civiles - Luciernagas - Militares - Saqueadores - Sectarios - Viejo gobierno - Nuevo gobierno - Inmunes

RELACIONES AMISTOSAS

Amigos de la infancia
"Nos conocemos desde niños y nos hemos criado juntos"
-
-
Amigos de conveniencia
"Cuando me interesa eres mi amigo y cuando no, no."
-
-
Amigos de copas
"Con quien tomo algo. No solemos vernos fuera del local"
-
-
Conocidos
"Apenas nos conocemos"
-
-
RELACIONES ROMÁNTICAS


Amigos con derechos
"Solo somos buenos amigos pero sabemos divertirnos juntos"
-
-
Amor plátonico
"Se que es imposible que estemos juntos pero me encantas"
-
-
Lio de una noche
"Probablemente no se vuelva a repetir"
-
-
RELACIONES HOSTILES


Enemigos
"No nos aguantamos ni hacemos nada por disimularlo"
-
-
RELACIONES IMPORTANTES

 

 

   Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum laudantium architecto impedit harum nulla iure ipsam incidunt deserunt tempore doloremque, delectus optio expedita, consectetur beatae. Dolorum doloribus beatae quas repudiandae. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum laudantium architecto impedit harum nulla iure ipsam incidunt deserunt tempore doloremque, delectus optio expedita, consectetur beatae. Dolorum doloribus beatae quas repudiandae. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum laudantium architecto impedit harum nulla iure ipsam incidunt deserunt tempore doloremque, delectus optio expedita, consectetur beatae. Dolorum doloribus beatae quas repudiandae.

 

 

   Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum laudantium architecto impedit harum nulla iure ipsam incidunt deserunt tempore doloremque, delectus optio expedita, consectetur beatae. Dolorum doloribus beatae quas repudiandae. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum laudantium architecto impedit harum nulla iure ipsam incidunt deserunt tempore doloremque, delectus optio expedita, consectetur beatae. Dolorum doloribus beatae quas repudiandae. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum laudantium architecto impedit harum nulla iure ipsam incidunt deserunt tempore doloremque, delectus optio expedita, consectetur beatae. Dolorum doloribus beatae quas repudiandae.




  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum laudantium architecto impedit harum nulla iure ipsam incidunt deserunt tempore doloremque, delectus optio expedita, consectetur beatae. Dolorum doloribus beatae quas repudiandae. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum laudantium architecto impedit harum nulla iure ipsam incidunt deserunt tempore doloremque, delectus optio expedita, consectetur beatae. Dolorum doloribus beatae quas repudiandae. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum laudantium architecto impedit harum nulla iure ipsam incidunt deserunt tempore doloremque, delectus optio expedita, consectetur beatae. Dolorum doloribus beatae quas repudiandae.


by BellaBlack



Código:
<style>@import url('https://fonts.googleapis.com/css?family=Sree+Krushnadevaraya');.cajaentera1 {text-align:center;background-color:#0B0808; border-left: 10px solid #890000; border-right: 10px solid #890000; width: 500px;#545454;}.titulo {color:#890000;font-size: 25px;font-family: 'Sree Krushnadevaraya';text-align:center; letter-spacing: 3px;padding: 20px; border-bottom: 3px solid #890000;}.imagen1 {width:500px;height:200px;background-image: url(https://78.media.tumblr.com/a02a5e65c6abc4fd802245fdba95ff88/tumblr_onn2mq1T4l1ro0ctvo1_500.gif);overflow:hidden;}.imagen2 {width:500px;height:200px;background-image: url(https://78.media.tumblr.com/a87667303e61ce96720122caaf3e1827/tumblr_oq5ux28o1R1ukxfh9o2_500.gif);overflow:hidden;}.imagen3 {width:500px;height:200px;background-image: url(https://78.media.tumblr.com/ef266f065e63b82276bbc3e1b91aba8f/tumblr_oqmpma6P7g1t00bifo5_r1_500.gif);overflow:hidden;}.imagen4 {width:500px;height:200px;background-image: url(https://78.media.tumblr.com/03d2d8a0df653b54b98c2276cc010318/tumblr_p260qeater1qkjtwuo2_1280.gif);overflow:hidden;}.texto {background-color: rgba(0,0,0,0.6);padding:10px;height:200px;width:480px;font-size:10px;font-family: georgia;color:#fff;text-align:justify;opacity:0;transform:scale(0.2);margin-top:-50px;}.imagen1:hover .texto {opacity:1;transition:0.3s linear;transform: scale(1);}.imagen2:hover .texto {opacity:1;transition:0.3s linear;transform: scale(1);}.imagen3:hover .texto {opacity:1;transition:0.3s linear;transform: scale(1);}.imagen4:hover .texto4 {opacity:1;transition:0.3s linear;transform: scale(1);}.cajalegend{padding: 10px;}.titurelas{color:#890000;font-size: 19px;font-family: 'Sree Krushnadevaraya';text-align:center; letter-spacing: 3px;}.texto4 {background-color: rgba(0,0,0,0.6);padding:10px;height:200px;width:480px;font-size:10px;font-family: georgia;color:#fff;text-align:justify;opacity:0;transform:scale(0.2);margin-top:-20px;}</style>


<center><div class="cajaentera1">
<div class="titulo">RELACIONES DE FULANITO</div>

<div class="imagen1">
 <div class="texto">
   Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum laudantium architecto impedit harum nulla iure ipsam incidunt deserunt tempore doloremque, delectus optio expedita, consectetur beatae. Dolorum doloribus beatae quas repudiandae. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum laudantium architecto impedit harum nulla iure ipsam incidunt deserunt tempore doloremque, delectus optio expedita, consectetur beatae. Dolorum doloribus beatae quas repudiandae. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum laudantium architecto impedit harum nulla iure ipsam incidunt deserunt tempore doloremque, delectus optio expedita, consectetur beatae. Dolorum doloribus beatae quas repudiandae.
 </div>
</div>
<div class="cajalegend">[color=#5C0101]Civiles[/color] - [color=#B8B8B8]Luciernagas[/color] - [color=#0A4D00]Militares[/color] - [color=#455459]Saqueadores[/color] - [color=#A82700]Sectarios[/color] - [color=#B8A007]Viejo gobierno[/color] - [color=#6EB3CC]Nuevo gobierno[/color] - [color=#C70808]Inmunes[/color]</div>
<div class="titurelas">[u]RELACIONES AMISTOSAS[/u]</div>
[b]Amigos de la infancia[/b]
[i]"Nos conocemos desde niños y nos hemos criado juntos"[/i]
-
-
[b]Amigos de conveniencia[/b]
[i]"Cuando me interesa eres mi amigo y cuando no, no."[/i]
-
-
[b]Amigos de copas[/b]
[i]"Con quien tomo algo. No solemos vernos fuera del local"[/i]
-
-
[b]Conocidos[/b]
[i]"Apenas nos conocemos"[/i]
-
-
<div class="titurelas">[u]RELACIONES ROMÁNTICAS[/u]</div>

[b]Amigos con derechos[/b]
[i]"Solo somos buenos amigos pero sabemos divertirnos juntos"[/i]
-
-
[b]Amor plátonico[/b]
[i]"Se que es imposible que estemos juntos pero me encantas"[/i]
-
-
[b]Lio de una noche[/b]
[i]"Probablemente no se vuelva a repetir"[/i]
-
-
<div class="titurelas">[u]RELACIONES HOSTILES[/u]</div>

[b]Enemigos[/b]
[i]"No nos aguantamos ni hacemos nada por disimularlo"[/i]
-
-
<div class="titulo">RELACIONES IMPORTANTES</div>
 <div class="imagen2">
 <div class="texto">
   Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum laudantium architecto impedit harum nulla iure ipsam incidunt deserunt tempore doloremque, delectus optio expedita, consectetur beatae. Dolorum doloribus beatae quas repudiandae. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum laudantium architecto impedit harum nulla iure ipsam incidunt deserunt tempore doloremque, delectus optio expedita, consectetur beatae. Dolorum doloribus beatae quas repudiandae. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum laudantium architecto impedit harum nulla iure ipsam incidunt deserunt tempore doloremque, delectus optio expedita, consectetur beatae. Dolorum doloribus beatae quas repudiandae.</div></div>
 <div class="imagen3">
 <div class="texto">
   Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum laudantium architecto impedit harum nulla iure ipsam incidunt deserunt tempore doloremque, delectus optio expedita, consectetur beatae. Dolorum doloribus beatae quas repudiandae. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum laudantium architecto impedit harum nulla iure ipsam incidunt deserunt tempore doloremque, delectus optio expedita, consectetur beatae. Dolorum doloribus beatae quas repudiandae. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum laudantium architecto impedit harum nulla iure ipsam incidunt deserunt tempore doloremque, delectus optio expedita, consectetur beatae. Dolorum doloribus beatae quas repudiandae.
</div>
</div>
<div class="imagen4">
<div class="texto4">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum laudantium architecto impedit harum nulla iure ipsam incidunt deserunt tempore doloremque, delectus optio expedita, consectetur beatae. Dolorum doloribus beatae quas repudiandae. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum laudantium architecto impedit harum nulla iure ipsam incidunt deserunt tempore doloremque, delectus optio expedita, consectetur beatae. Dolorum doloribus beatae quas repudiandae. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum laudantium architecto impedit harum nulla iure ipsam incidunt deserunt tempore doloremque, delectus optio expedita, consectetur beatae. Dolorum doloribus beatae quas repudiandae.
</div>
</div>
<div>by BellaBlack</div>
</div></center>

Para añadir mas imagenes en "Relaciones importantes" primero has de pegar esto dentro de las etiquetas style al principio del todo del código.

Código:
.imagen4 {width:500px;height:200px;background-image: url(https://78.media.tumblr.com/03d2d8a0df653b54b98c2276cc010318/tumblr_p260qeater1qkjtwuo2_1280.gif);overflow:hidden;}.imagen4:hover .texto {opacity:1;transition:0.3s linear;transform: scale(1);}.cajalegend{padding: 10px;}

Donde pone Imagen4 (está en dos sitios) has de poner otro numero que no esté repetido. En el tablón vienen de la 1 a la 4 así que si quieres una imagen será la 5. La siguiente la 6 y así succesivamente.

Luego pegais esto:

Código:
<div class="imagen4">
 <div class="texto">
   Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum laudantium architecto impedit harum nulla iure ipsam incidunt deserunt tempore doloremque, delectus optio expedita, consectetur beatae. Dolorum doloribus beatae quas repudiandae. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum laudantium architecto impedit harum nulla iure ipsam incidunt deserunt tempore doloremque, delectus optio expedita, consectetur beatae. Dolorum doloribus beatae quas repudiandae. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum laudantium architecto impedit harum nulla iure ipsam incidunt deserunt tempore doloremque, delectus optio expedita, consectetur beatae. Dolorum doloribus beatae quas repudiandae.
</div>
</div>

Y de nuevo cambiais el imagen4 por el numero que le habeis puesto (por ejemplo imagen5) y se pega entre:

Código:
</div>
---SE PEGA AQUI---
<div>by BellaBlack</div>

Si el texto se desconfigurara al añadir otra imágen pegad esto:

Código:
.textoNUM {background-color: rgba(0,0,0,0.6);padding:10px;height:200px;width:480px;font-size:10px;font-family: georgia;color:#fff;text-align:justify;opacity:0;transform:scale(0.2);margin-top:-20px;}

Justo antes de
Código:
</style>
y donde pone NUM poneis un numero (aconsejo poner el numero que habeis usado para añadir la imagen). El NUM se borra. Quedaria por ejemplo texto5 o texto6, etc y lo ultimo que pone
Código:
margin-top:-20px;
le cambiais el numero. Por ejemplo el -50 estará mas arriba que el -20 o e 20.
Admin
Admin
Admin

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.