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? :

Buen miércoles a todos [table class=fecha_up][td]Se modifico:23/05/18 - 8:31 hrs. [/td][/table]


Banner en temas :

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


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6676


Puntos :

8737


Me gusta :

1004


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


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

Volver arriba Ir abajo

staff
se oye interesante el titulo...
Dosh
avatar

¿Que estoy pensando? :

Vuelve el hijo prodigo...


Banner en temas :

https://i.imgur.com/JdnysKr.png


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

1516


Puntos :

2202


Me gusta :

408


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 :

25


Puntos :

38


Me gusta :

13


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? :

Buen miércoles a todos [table class=fecha_up][td]Se modifico:23/05/18 - 8:31 hrs. [/td][/table]


Banner en temas :

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


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6676


Puntos :

8737


Me gusta :

1004


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


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

Volver arriba Ir abajo

 En la misma categoria


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