Últimos temas
Página 1 de 1. • Comparte
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>
- Código:
margin-top:-20px;
Admin
Página 1 de 1.
Permisos de este foro:
No puedes responder a temas en este foro.
|
|
Dom 4 Mar - 13:36 por Admin
» Registro de Pbs
Dom 4 Mar - 13:27 por Admin
» Asentamientos
Dom 4 Mar - 13:26 por Admin
» Guia para nuevos usuarios
Dom 4 Mar - 13:08 por Admin
» Ambientación del foro
Dom 4 Mar - 13:04 por Admin
» Modelo de ficha 02 (opcional)
Vie 2 Mar - 12:00 por Admin
» Fauna del mundo
Sáb 24 Feb - 14:00 por Admin
» Tabla para afiliados
Vie 23 Feb - 22:08 por Admin
» Modelo de ficha 01 (opcional)
Vie 23 Feb - 13:22 por Admin