Staff en línea
Últimos temas
[html]Colección de Cards informátivo Origin10[html]Menú de enlaces simple
por Lelu Jue Nov 28, 2019 6:30 am

[html]Colección de Cards informátivo Origin10[html]Menú dinámico
por Lelu Jue Nov 28, 2019 6:11 am

[html]Colección de Cards informátivo Origin10[html]Escaparate de imágenes sencillo
por Lelu Jue Nov 28, 2019 6:02 am

[html]Colección de Cards informátivo Origin10[Duda] ModernBB vale la pena?
por mrsrz Miér Nov 27, 2019 9:57 am

[html]Colección de Cards informátivo Origin10[Ocio] Contemos hasta el 5000
por Fibo Miér Nov 27, 2019 9:19 am

[html]Colección de Cards informátivo
Tema iniciado por y Añadir a favoritos

[html]Colección de Cards informátivo 
el Vie Dic 15, 2017 11:05 am
staff
[codebox]Colección de cards para tu foro. Puedes poner la información que quieras dentro. Ya sean imagenes, enlaces...lo que quieras.[/codebox]
DEMO
http://www.opensourcephpbb3.com/h32-cards
[html]Colección de Cards informátivo LaQ71NLh

HTML
[hidecode]
Código:
<div class="cardHolder">
    
   <div class="card">
   </div>
    
   <div class="card">
   </div>
    
   <div class="card">
   </div>
    
   <div class="card">
   </div>
    
   <div class="card">
   </div>
    
   <div class="card">
   </div>
    
   <div class="card">
   </div>
    
   <div class="card">
   </div>
    
   <div class="card">
   </div>
    
   <div class="card">
   </div>
    
   <div class="card">
   </div>
    
   <div class="card">
   </div>
    
   <div class="card">
   </div>
    
   <div class="card">
   </div>
    
   <div class="card">
   </div>
    
   <div class="card">
   </div>
    
   <div class="card">
   </div>
    
   <div class="card">
   </div>
    
   <div class="card">
   </div>
    
   <div class="card">
   </div>
    
   <div class="card">
   </div>
    
   <div class="card">
   </div>
    
   <div class="card">
   </div>
    
   <div class="card">
   </div>
    
   <div class="card">
   </div>
    
   <div class="card">
   </div>
    
   <div class="card">
   </div>
    
   <div class="card">
   </div>
    
   <div class="card">
   </div>
    
   <div class="card">
   </div>
    
   <div class="card">
   </div>
    
   <div class="card">
   </div>
    
   <div class="card">
   </div>
    
   <div class="card">
   </div>
    
   <div class="card">
   </div>
    
   <div class="card">
   </div>
    
   <div class="card">
   </div>
    
   <div class="card">
   </div>
    
   <div class="card">
   </div>
    
   <div class="card">
   </div>
    
   <div class="card">
   </div>
    
   <div class="card">
   </div>
    
   <div class="card">
   </div>
    
   <div class="card">
   </div>
    
   <div class="card">
   </div>
    
   <div class="card">
   </div>
    
   <div class="card">
   </div>
    
   <div class="card">
   </div>
</div>
[/hidecode]

CSS
[hidecode]
Código:
.cardHolder {
  display: flex;
  flex-flow: row wrap;
}

.card {
  flex: 1;
  margin: .5em;
  height: 100px;
  min-width: 100px;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  transition: all .25s ease;
  animation: populate .5s ease-out normal backwards;
}

.card:hover {
  transform: scale(1.05);
  z-index: 1;
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);
}

@keyframes populate {
  0% {
    transform: scale(0);
  }
}
[/hidecode]
RinC
RinC

¿Que estoy pensando? :

Ni se te ocurra -_- [table class=fecha_up][td]Se modifico:29/03/18 - 17:44 hrs. [/td][/table]


Banner en temas :

♥♥Open♥♥


Color de titulos :

#DF7401


Sombra titulo :

1px 1px 1px #fff


Mensajes :

789


Puntos :

1149


Me gusta :

200


ingreso :

28/01/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Volver arriba Ir abajo

Re: [html]Colección de Cards informátivo 
el Vie Dic 15, 2017 2:38 pm
staff
muy bien muchas gracias por tu aporte
Chalo
Chalo

¿Que estoy pensando? :

saquen el wato..... [table class=fecha_up][td]Se modifico:8/11/19 - 9:09 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/374/37476.png


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

7036


Puntos :

9158


Me gusta :

1053


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


https://www.opensourcephpbb3.com

Volver arriba Ir abajo

Re: [html]Colección de Cards informátivo 
el Vie Dic 15, 2017 3:19 pm
Exelente aporte ;) obligado compartir
[likepost][time="5/01/18 - 9:53 hrs."][avatar="https://7img.net/users/3214/29/54/58/avatars/1-37.png"][userlike="http://www.opensourcephpbb3.com/u1"] Chalo[/userlike], [time="5/01/18 - 9 hrs."][avatar="https://7img.net/users/3214/29/54/58/avatars/1-37.png"][userlike="http://www.opensourcephpbb3.com/u1"] Chalo[/userlike], 4/01/18 - 12:40 hrs.a Chalo le gusta tu post[likepost]
Julinho
Julinho

¿Que estoy pensando? :

bebecita! brrrrrrrrrrrrrrrrrrrrr [table class=fecha_up][td]Se modifico:7/11/19 - 21:05 hrs. [/td][/table]


Banner en temas :

https://i.imgur.com/hkeup0N.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

136


Puntos :

188


Me gusta :

34


ingreso :

05/02/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


http://4reyes.foroactivo.com/

Volver arriba Ir abajo

Re: [html]Colección de Cards informátivo 
el Miér Ene 10, 2018 9:55 am
Gracias por el aporte
fascicularia
fascicularia

¿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://davesgarden.com/guides/pf/thumbnail.php?image=2006/10/11/Calif_Sue/aad8bf.jpg


Color de titulos :

#576d00


Sombra titulo :

1px 1px 1px #fff


Mensajes :

236


Puntos :

281


Me gusta :

29


ingreso :

20/01/2016


Sexo :

Femenino

Plataforma :

PhpBB2


Navegador :

Opera


Volver arriba Ir abajo

 En la misma categoria


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