Bienvenidos
Oslo es una ciudad tranquila, con un entorno ideal para familias, pero al mismo tiempo ofrece una diversa vida nocturna. Todo esto va acompañado de una gran variedad de locales. ¿Qué dices? ¿Quieres saber sobre los atentados de 2011? Vamos, el responsable ya ha sido capturado... no deberías preocuparte tanto por éso... ¿desapariciones? ¡que va! Mejor disfruta lo que puedes de la ciudad
Otoño
2017
Reglas
★ No hay mínimo de lineas
★ Los avatares son de 250x400. Firma de 500x300
★ Rellena todos los campos en el perfil.
★ Cada 30 días se revisa la actividad de los usuarios.
★ Para no caer inactivo se necesitan 3 post al mes.
★ No olvides estar atento a los anuncios por parte del staff.
Importante
Revisa los registros..
Conectarse

Conectate
Nombre de usuario

Constraseña

Registrate
Para ver el foro completo.
Actualización
Temas
Últimos temas
Últimos temas
» Imagenes 232343
Dom Abr 08, 2018 11:12 pm por Admin

» tienda Oslo
Sáb Abr 07, 2018 1:27 am por Admin

» Reto mensual
Mar Abr 03, 2018 10:56 pm por Admin

» Awards Oslo
Mar Abr 03, 2018 2:39 am por Admin

» registros Oslo
Mar Abr 03, 2018 1:56 am por Admin

» Grupos oslo
Mar Abr 03, 2018 1:36 am por Admin

» Nuevos registros Oslo
Lun Abr 02, 2018 9:37 pm por Admin

» gossip girl
Sáb Mar 24, 2018 10:45 pm por Dylan Van den Broeck

» probando 123
Dom Ene 14, 2018 10:41 pm por Admin

Administración
Mr. President Administrador + MP
Oskar Bakker Administrador + MP
Adrienna Ostberg Administrador + MP
Christoffer NæssAdministrador + MP
Clima
sabias qué?
Pj Destacado
Nombre Apellido
Edad.
Grupo
★ Dato Extra
★ Dato extra
★ Dato extra
Reloj
© Diferencia horaria
Hora Actual
Ciudad de Mexico
Visualiza
Si tienes algún problema con la visualización del foro, envía un mensaje privado a los administradores y resolverán el problema a la brevedad. Y es importante que recuerdes que el foro se visualiza mejor con:
Importante
Registrate para ver el foro.

Página 1 de 1.

titulo
subtitulo
20
Enero
GG
Edición
texto del articulo
Tagged
#Tag
#tag

Código:
<style>.c-post-blog {margin-top: 25px;margin-left: 25px;margin-right: 25px;background-color: white;position: relative;}.c-intro-post {height: 70px;background-color: #444;}.c-title-desc-post {width: 389px;color: white;height: 70px;float: left;}.title-post-blog {font-weight: 700;font-size: 30px;padding-left: 15px;margin-top: 20px;font-family:Playfair Display;}.desc-post-blog { margin-top: 3px; padding-left: 15px; text-transform: uppercase;font-size: 10px;font:montserrat;border-top:2px solid #fff;}.c-time-post {float: left;background-color: #963b5e;width: 75px;height: 70px;color: white;}.top-detail-post {font-size: 35px;font-weight: bold;text-align: center;margin-top:10px;}.bottom-detail-post { text-transform: uppercase;font-weight: bold;text-align: center;margin-top: 20px;}.bottom-detail-post1 { text-transform: uppercase;font-weight: bold;text-align: center;margin-top: 20px;}.c-author-post {height: 70px;width: 75px;float: left;background-color: #963b5e;color: white;margin-top:0px;}.c-content-post {padding-bottom: 25px;}.img-post-blog {height: 200px;background-color: #f1f1f1;margin: 25pxbackground-size: cover;background-position: center; margin-bottom:0px;}.r-post-blog { margin: 0px 25px; text-align: justify; line-height: 15px;margin-top: 10px;color: #7f7f7f;}.container-tags-people {height: 35px;background-color: #444;}.title-tags {font-weight: bold;text-transform: uppercase;color: white;line-height: 35px;background-color: #963b5e; width: 90px; padding-left: 25px; float: left;}.c-tag-people {float: left;color: white;text-transform: uppercase; font-size: 10px; line-height: 35px; height: 35px;margin-left: 10px; font-style: italic;}</style>
<div class="c-post-blog"><div class="c-intro-post"> <div class="c-title-desc-post"><div class="title-post-blog">titulo</div><div class="desc-post-blog">subtitulo</div> </div><div class="c-time-post"> <div class="top-detail-post">20</div><div class="bottom-detail-post1">Enero</div></div> <div class="c-author-post"><div class="top-detail-post">GG</div> <div class="bottom-detail-post">Edición</div> </div> </div><div class="c-content-post"><div class="img-post-blog" style="background-image:url(https://i.imgur.com/A9vDAIb.png);"></div><div class="r-post-blog">texto del articulo</div></div> <div class="container-tags-people"> <div class="title-tags"><i class="fa fa-tag" aria-hidden="true"></i> Tagged</div><div class="c-tag-people">#Tag</div><div class="c-tag-people">#tag</div></div> </div>

titulo
subtitulo
20
Enero
GG
Edicion
texto del articulo
Tagged
#Tag
#tag

Código:

<style>.c-post-blog {margin-top: 25px;margin-left: 25px;margin-right: 25px;background-color: white;position: relative;}.c-intro-post {height: 70px;background-color: #444;}.c-title-desc-post {width: 389px;color: white;height: 70px;float: left;}.title-post-blog {font-weight: 700;font-size: 30px;padding-left: 15px;margin-top: 20px;font-family:Playfair Display;}.desc-post-blog { margin-top: 3px; padding-left: 15px; text-transform: uppercase;font-size: 10px;font:montserrat;border-top:2px solid #fff;}.c-time-post {float: left;background-color: #963b5e;width: 75px;height: 70px;color: white;}.top-detail-post {font-size: 35px;font-weight: bold;text-align: center;margin-top:10px;}.bottom-detail-post { text-transform: uppercase;font-weight: bold;text-align: center;margin-top:20px;}.bottom-detail-post1 { text-transform: uppercase;font-weight: bold;text-align: center;margin-top: 20px;}.c-author-post {height: 70px;width: 75px;float: left;background-color: #963b5e;color: white;margin-top:0px;}.c-content-post {padding-bottom: 25px;}.img-post-blog {height: 200px;background-color: #f1f1f1;margin: 25pxbackground-size: cover;background-position: center; margin-bottom:0px;}.r-post-blog { margin: 0px 25px; text-align: justify; line-height: 15px;margin-top: 10px;color: #7f7f7f;}.container-tags-people {height: 35px;background-color: #444;}.title-tags {font-weight: bold;text-transform: uppercase;color: white;line-height: 35px;background-color: #963b5e; width: 90px; padding-left: 25px; float: left;}.c-tag-people {float: left;color: white;text-transform: uppercase; font-size: 10px; line-height: 35px; height: 35px;margin-left: 10px; font-style: italic;}</style>
<div class="c-post-blog"><div class="c-intro-post"> <div class="c-title-desc-post"><div class="title-post-blog">titulo</div><div class="desc-post-blog">subtitulo</div> </div><div class="c-time-post"> <div class="top-detail-post">20</div><div class="bottom-detail-post1">Enero</div></div> <div class="c-author-post"><div class="top-detail-post">GG</div> <div class="bottom-detail-post">Edicion</div> </div> </div><div class="c-content-post"><div class="img-post-blog" style="background-image:url(https://i.imgur.com/WlDITIq.png);"></div><div class="r-post-blog">texto del articulo</div></div> <div class="container-tags-people"> <div class="title-tags"><i class="fa fa-tag" aria-hidden="true"></i> Tagged</div><div class="c-tag-people">#Tag</div><div class="c-tag-people">#tag</div></div> </div>

titulo
subtitulo
20
Enero
GG
Edicion
texto del articulo
Tagged
#Tag
#tag

Código:

<style>.c-post-blog {margin-top: 25px;margin-left: 25px;margin-right: 25px;background-color: white;position: relative;}.c-intro-post {height: 70px;background-color: #444;}.c-title-desc-post {width: 389px;color: white;height: 70px;float: left;}.title-post-blog {font-weight: 700;font-size: 30px;padding-left: 15px;margin-top: 20px;font-family:Playfair Display;}.desc-post-blog { margin-top: 3px; padding-left: 15px; text-transform: uppercase;font-size: 10px;font:montserrat;border-top:2px solid #fff;}.c-time-post {float: left;background-color: #963b5e;width: 75px;height: 70px;color: white;}.top-detail-post {font-size: 35px;font-weight: bold;text-align: center;margin-top:10px;}.bottom-detail-post { text-transform: uppercase;font-weight: bold;text-align: center;margin-top:20px;}.bottom-detail-post1 { text-transform: uppercase;font-weight: bold;text-align: center;margin-top: 20px;}.c-author-post {height: 70px;width: 75px;float: left;background-color: #963b5e;color: white;margin-top:0px;}.c-content-post {padding-bottom: 25px;}.img-post-blog {height: 200px;background-color: #f1f1f1;margin: 25pxbackground-size: cover;background-position: center; margin-bottom:0px;}.r-post-blog { margin: 0px 25px; text-align: justify; line-height: 15px;margin-top: 10px;color: #7f7f7f;}.container-tags-people {height: 35px;background-color: #444;}.title-tags {font-weight: bold;text-transform: uppercase;color: white;line-height: 35px;background-color: #963b5e; width: 90px; padding-left: 25px; float: left;}.c-tag-people {float: left;color: white;text-transform: uppercase; font-size: 10px; line-height: 35px; height: 35px;margin-left: 10px; font-style: italic;}</style>
<div class="c-post-blog"><div class="c-intro-post"> <div class="c-title-desc-post"><div class="title-post-blog">titulo</div><div class="desc-post-blog">subtitulo</div> </div><div class="c-time-post"> <div class="top-detail-post">20</div><div class="bottom-detail-post1">Enero</div></div> <div class="c-author-post"><div class="top-detail-post">GG</div> <div class="bottom-detail-post">Edicion</div> </div> </div><div class="c-content-post"><div class="img-post-blog" style="background-image:url(https://i.imgur.com/9ZmZWqr.png);"></div><div class="r-post-blog">texto del articulo</div></div> <div class="container-tags-people"> <div class="title-tags"><i class="fa fa-tag" aria-hidden="true"></i> Tagged</div><div class="c-tag-people">#Tag</div><div class="c-tag-people">#tag</div></div> </div>
avatar
Mensajes : 43
Status : Sin fama
Imagen :
Edad : ## años
Puntos : 56
Ocupación : blabla bla
Frase : blaablabla
Admin
Ver perfil de usuario
http://atprueba.foroactivo.com/
http://atprueba.foroactivo.com/
http://atprueba.foroactivo.com/
http://atprueba.foroactivo.com/
http://atprueba.foroactivo.com/
http://atprueba.activo.mx
Titulo
Oslo News
Subtitulo
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ornare arcu ac magna bibendum semper. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed imperdiet vestibulum lorem, ut congue libero facilisis id. Nam dolor odio, hendrerit suscipit ex nec, pretium blandit ipsum. Donec diam libero, accumsan eget tincidunt ut, dictum non velit. Proin pretium augue eget eros scelerisque rutrum. Curabitur in eros vel leo gravida tincidunt. Aliquam lorem urna, interdum id mi vitae, pretium dignissim ipsum. massa erat, efficitur ut vehicula ac, iaculis a dolor.

Nunc tristique turpis at risus pellentesque faucibus. Nulla eget odio justo. Proin ac malesuada orci. Proin egestas ex non mi sollicitudin, in pellentesque nunc tempus. Proin accumsan erat quis est rhoncus, in vehicula ante placerat. Etiam urna erat, luctus ac urna eu, posuere volutpat enim. Donec non lacus justo. Mauris laoreet feugiat mattis. Curabitur aliquet quis sem ut convallis. Aenean tincidunt elit eget sodales imperdiet.
Subtitulo
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ornare arcu ac magna bibendum semper. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed imperdiet vestibulum lorem, ut congue libero facilisis id. Nam dolor odio, hendrerit suscipit ex nec, pretium blandit ipsum. Donec diam libero, accumsan eget tincidunt ut, dictum non velit. Proin pretium augue eget eros scelerisque rutrum. Curabitur in eros vel leo gravida tincidunt. Aliquam lorem urna, interdum id mi vitae, pretium dignissim ipsum. Morbi quis metus ex. Integer sed risus nec purus viverra blandit. Ut nec elit et risus imperdiet fermentum at non est.

Proin vehicula commodo nisi dignissim lobortis. Donec metus justo, consequat in sollicitudin sed, volutpat vitae lectus. Duis imperdiet lobortis sapien id condimentum. Fusce cursus odio nisl, vel tempus lacus semper nec. Nulla risus enim, aliquam sit amet vehicula a, lacinia sed dolor. Aliquam malesuada, est in pellentesque viverra, ipsum mi tristique ipsum, a luctus nibh sapien nec lectus. Proin euismod bibendum turpis eu porta. Sed sed viverra magna, nec sodales justo. Fusce id lectus et purus placerat varius in at neque. Phasellus malesuada posuere sem sit amet scelerisque. Cras ultricies, massa eu sollicitudin dapibus, sem leo egestas tellus, mattis maximus ligula mi molestie leo. Vivamus condimentum nisi sit amet sapien porta, at interdum diam aliquam. Maecenas vehicula diam ac risus fermentum iaculis. Nulla fermentum rutrum orci a egestas. Aliquam sit amet vulputate nunc, eget molestie metus.

Etiam a nisl enim. Duis volutpat vestibulum scelerisque. Proin ac cursus sapien, eu mollis ante. Ut facilisis, arcu ut mollis blandit, turpis nulla dictum metus, quis sagittis mi eros quis dolor. In ac ultricies dolor, sit amet mollis risus. Cras dictum orci et finibus lacinia. Duis fringilla dui non est tincidunt bibendum. Nam non justo ac dui viverra consectetur.

Pellentesque a interdum lectus, eu vehicula orci. Duis interdum arcu tortor, ut consequat nisi feugiat ac. Vivamus a sapien purus. Donec efficitur suscipit odio, eu aliquam felis dapibus ut. Etiam at purus a turpis placerat tincidunt at vitae nibh. Fusce ac dolor aliquet, pellentesque justo in, ultrices felis. Proin sed pellentesque neque. Ut vulputate tincidunt velit, eu euismod libero consequat ac. Ut dignissim at libero in aliquet. Suspendisse ut lectus aliquam, congue nisl a, tempor dui. Sed lobortis pharetra mi sit amet maximus. Vivamus massa erat, efficitur ut vehicula ac, iaculis a dolor.

Nunc tristique turpis at risus pellentesque faucibus. Nulla eget odio justo. Proin ac malesuada orci. Proin egestas ex non mi sollicitudin, in pellentesque nunc tempus. Proin accumsan erat quis est rhoncus, in vehicula ante placerat. Etiam urna erat, luctus ac urna eu, posuere volutpat enim. Donec non lacus justo. Mauris laoreet feugiat mattis. Curabitur aliquet quis sem ut convallis. Aenean tincidunt elit eget sodales imperdiet.

Código:
<center><div style="width:500px;height:140px;background-color:#2a2a2a;color:#fff;font-family:playfair display;text-transform:uppercase;text-align:right;"><div style="line-height:140px;margin-right:50px;font-size:40px;">Titulo</div><div style="line-height:25px;margin-right:10px;font-size:10px;margin-top:-50px;border-top:2px solid #fff;">Oslo News</div></div><div style="width: 500px; height: 200px; background-image: url(https://i.imgur.com/Wvhe0lp.png);"></div><div style="width:500px; height: 2px; background-color: #f1f1f1; border-bottom: 1px dashed black;"></div><div style="width:500px;height:auto;background-color:#2a2a2a;"><div style="line-height:30px;font-size:20px;text-align:center;color:#fff;text-transform:uppercase;font-family:Abril Fatface;">Subtitulo</div></div><div style="width:450px;height:auto;background-color:#fff;padding:25px;text-align:justify;color:#2a2a2a;font-size:12px;column-count:2;column-gap:10px;;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ornare arcu ac magna bibendum semper. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed imperdiet vestibulum lorem, ut congue libero facilisis id. Nam dolor odio, hendrerit suscipit ex nec, pretium blandit ipsum. Donec diam libero, accumsan eget tincidunt ut, dictum non velit. Proin pretium augue eget eros scelerisque rutrum. Curabitur in eros vel leo gravida tincidunt. Aliquam lorem urna, interdum id mi vitae, pretium dignissim ipsum.  massa erat, efficitur ut vehicula ac, iaculis a dolor.

Nunc tristique turpis at risus pellentesque faucibus. Nulla eget odio justo. Proin ac malesuada orci. Proin egestas ex non mi sollicitudin, in pellentesque nunc tempus. Proin accumsan erat quis est rhoncus, in vehicula ante placerat. Etiam urna erat, luctus ac urna eu, posuere volutpat enim. Donec non lacus justo. Mauris laoreet feugiat mattis. Curabitur aliquet quis sem ut convallis. Aenean tincidunt elit eget sodales imperdiet.</div><div style="width:500px;height:auto;background-color:#2a2a2a;"><div style="line-height:30px;font-size:20px;text-align:center;color:#fff;text-transform:uppercase;font-family:oswald;">Subtitulo</div></div><div style="width:450px;height:auto;background-color:#fff;padding:25px;text-align:justify;color:#2a2a2a;font-size:12px;column-count:2;column-gap:10px;;"><div style="width: 250px; height: 250px; background-image: url(https://i.imgur.com/sgwFfhs.png);"></div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ornare arcu ac magna bibendum semper. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed imperdiet vestibulum lorem, ut congue libero facilisis id. Nam dolor odio, hendrerit suscipit ex nec, pretium blandit ipsum. Donec diam libero, accumsan eget tincidunt ut, dictum non velit. Proin pretium augue eget eros scelerisque rutrum. Curabitur in eros vel leo gravida tincidunt. Aliquam lorem urna, interdum id mi vitae, pretium dignissim ipsum. Morbi quis metus ex. Integer sed risus nec purus viverra blandit. Ut nec elit et risus imperdiet fermentum at non est.

Proin vehicula commodo nisi dignissim lobortis. Donec metus justo, consequat in sollicitudin sed, volutpat vitae lectus. Duis imperdiet lobortis sapien id condimentum. Fusce cursus odio nisl, vel tempus lacus semper nec. Nulla risus enim, aliquam sit amet vehicula a, lacinia sed dolor. Aliquam malesuada, est in pellentesque viverra, ipsum mi tristique ipsum, a luctus nibh sapien nec lectus. Proin euismod bibendum turpis eu porta. Sed sed viverra magna, nec sodales justo. Fusce id lectus et purus placerat varius in at neque. Phasellus malesuada posuere sem sit amet scelerisque. Cras ultricies, massa eu sollicitudin dapibus, sem leo egestas tellus, mattis maximus ligula mi molestie leo. Vivamus condimentum nisi sit amet sapien porta, at interdum diam aliquam. Maecenas vehicula diam ac risus fermentum iaculis. Nulla fermentum rutrum orci a egestas. Aliquam sit amet vulputate nunc, eget molestie metus.

Etiam a nisl enim. Duis volutpat vestibulum scelerisque. Proin ac cursus sapien, eu mollis ante. Ut facilisis, arcu ut mollis blandit, turpis nulla dictum metus, quis sagittis mi eros quis dolor. In ac ultricies dolor, sit amet mollis risus. Cras dictum orci et finibus lacinia. Duis fringilla dui non est tincidunt bibendum. Nam non justo ac dui viverra consectetur.

Pellentesque a interdum lectus, eu vehicula orci. Duis interdum arcu tortor, ut consequat nisi feugiat ac. Vivamus a sapien purus. Donec efficitur suscipit odio, eu aliquam felis dapibus ut. Etiam at purus a turpis placerat tincidunt at vitae nibh. Fusce ac dolor aliquet, pellentesque justo in, ultrices felis. Proin sed pellentesque neque. Ut vulputate tincidunt velit, eu euismod libero consequat ac. Ut dignissim at libero in aliquet. Suspendisse ut lectus aliquam, congue nisl a, tempor dui. Sed lobortis pharetra mi sit amet maximus. Vivamus massa erat, efficitur ut vehicula ac, iaculis a dolor.

Nunc tristique turpis at risus pellentesque faucibus. Nulla eget odio justo. Proin ac malesuada orci. Proin egestas ex non mi sollicitudin, in pellentesque nunc tempus. Proin accumsan erat quis est rhoncus, in vehicula ante placerat. Etiam urna erat, luctus ac urna eu, posuere volutpat enim. Donec non lacus justo. Mauris laoreet feugiat mattis. Curabitur aliquet quis sem ut convallis. Aenean tincidunt elit eget sodales imperdiet.
</div></center>
avatar
Mensajes : 43
Status : Sin fama
Imagen :
Edad : ## años
Puntos : 56
Ocupación : blabla bla
Frase : blaablabla
Admin
Ver perfil de usuario
http://atprueba.foroactivo.com/
http://atprueba.foroactivo.com/
http://atprueba.foroactivo.com/
http://atprueba.foroactivo.com/
http://atprueba.foroactivo.com/
http://atprueba.activo.mx
probanding
avatar
Mensajes : 1
Puntos : 1
Estudiante Wingfrid University
Ver perfil de usuario
Contenido patrocinado

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