Staff en línea

[CSS] [nuevo] Crear burbujas en comentarios (perfil izquierdo)
Tema iniciado por y Añadir a favoritos

staff


Última edición por Chalo el Mar Mar 10, 2015 12:14 pm, editado 2 veces
[codebox]Efecto de burbuja estilo comic en los post de los temas, funciona solo con el perfil a la izquierda[/codebox]
[hidecode]
Código:
burbuja en comentarios

.post.row1 .postbody:before {
    content: "";
    position: absolute;
    margin-top: 41px;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-right: 11px solid #AAD1E0;
}
.post .row1 .content.clearfix:before {
    content: "";
    position: absolute;
    margin-left: -1.7em;
    margin-top: -2px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}
.post .row1 .content.clearfix {
    background: linear-gradient(to bottom,rgba(176,212,227,1) 0%,rgba(136,186,207,1) 100%)!important;
    text-shadow: rgba(255,255,255,.5) 0 1px 0;
    min-height: 126px;
}
.post.row2 .content.clearfix:before {
    content: "";
    position: absolute;
    margin-left: -1.7em;
    margin-top: -2px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}
.post.row2 .content.clearfix {
    background: linear-gradient(to bottom,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%)!important;
    text-shadow: rgba(255,255,255,.5) 0 1px 0;
    min-height: 126px;
}
.post.row2 .postbody:before {
    content: "";
    position: absolute;
    margin-top: 41px;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-right: 11px solid #DFE5D7 !important;
}
[/hidecode]
Chalo
avatar

¿Que estoy pensando? :

love is in the air [table class=fecha_up][td]Se modifico:15/02/18 - 11:37 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6590


Puntos :

8636


Me gusta :

991


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario http://www.opensourcephpbb3.com

Volver arriba Ir abajo

staff
se oye interesante el titulo...
Dosh
avatar

¿Que estoy pensando? :

Caballo sin nombre... [table class=fecha_up][td]Se modifico:31/07/17 - 20:22 hrs. [/td][/table]


Banner en temas :

http://i.imgur.com/FzYAhXk.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

1481


Puntos :

2156


Me gusta :

397


ingreso :

07/12/2014


Sexo :

Masculino

Plataforma :

punbb


Navegador :

Chrome


Ver perfil de usuario http://www.telefoneros.com/

Volver arriba Ir abajo

voy a ver que es esto que no tengo ni idea, jejeje.. gracias amigo!
arsenico
avatar

¿Que estoy pensando? :

Baneado del foro [table class=fecha_up][td]Se modifico:12/12/15 - 18:20 hrs.[/td][/table]


Banner en temas :

http://www.pagecovers.com/covers/electronic_music/music_drum_bass_beats.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

361


Puntos :

495


Me gusta :

52


ingreso :

10/03/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

firefox


Ver perfil de usuario http://losslesscity.foroactivo.com/

Volver arriba Ir abajo

Ayer probe a instalar el codigo pero no funciona en mi foro, de todos modos me espero por si haces lo que comentamos ayer de que cuando alguien sube un tema nuevo o responde en un tema, cuando entras en el indice salga de color esa columna con un parpadeo de unos pocos segundos.
arsenico
avatar

¿Que estoy pensando? :

Baneado del foro [table class=fecha_up][td]Se modifico:12/12/15 - 18:20 hrs.[/td][/table]


Banner en temas :

http://www.pagecovers.com/covers/electronic_music/music_drum_bass_beats.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

361


Puntos :

495


Me gusta :

52


ingreso :

10/03/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

firefox


Ver perfil de usuario http://losslesscity.foroactivo.com/

Volver arriba Ir abajo

Voy a probarlo! Gracias!!!
Lelu
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

http://portadafb.com/wp-content/uploads/2012/05/portada-facebook-nyan-cat.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

18


Puntos :

28


Me gusta :

10


ingreso :

08/01/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario http://secretsdesires.forosactivos.net/

Volver arriba Ir abajo

staff
@arsenico escribió:[quotelink="/t190-css-nuevo-crear-burbujas-en-comentarios-perfil-izquierdo#1621"]
voy a ver que es esto que no tengo ni idea, jejeje.. gracias amigo!

@arsenico escribió:[quotelink="/t190-css-nuevo-crear-burbujas-en-comentarios-perfil-izquierdo#1675"]
Ayer probe a instalar el codigo pero no funciona en mi foro, de todos modos me espero por si haces lo que comentamos ayer de que cuando alguien sube un tema nuevo o responde en un tema, cuando entras en el indice salga de color esa columna con un parpadeo de unos pocos segundos.

es para darle efecto de burbuja,pero en los temas, con el perfil izquierdo
Chalo
avatar

¿Que estoy pensando? :

love is in the air [table class=fecha_up][td]Se modifico:15/02/18 - 11:37 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6590


Puntos :

8636


Me gusta :

991


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario http://www.opensourcephpbb3.com

Volver arriba Ir abajo

 En la misma categoria


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