Staff en línea

[CSS] Indice en varias lineas
Tema iniciado por y Añadir a favoritos

[CSS] Indice en varias lineas 
el Lun Oct 27, 2014 5:09 pm
staff


Última edición por Chalo el Vie Ene 01, 2016 7:54 pm, editado 2 veces
[codebox]Indice en varias lineas.

[/codebox]

[hidecode]
Código:
#wrap {
  width: 960px;
  min-width: 960px;
}
 
.forabg .forums li.row {
  display: inline-block;
  width: 330px;
  background-color: rgba(214, 230, 243, 1);
  border-radius: 5px;
  margin: 20px 15px;
  padding: 10px;
  border: none;
  position: relative;
}
 
.forabg .forums dd.dterm {
  border: none;
  padding: 0;
  width: 250px;
  position: relative;
  z-index: 2;
}
 
.forabg .forums dd.dterm > div {
  height: 80px;
  overflow-y: auto;
  margin: 25px 0px 0px !important;
}
 
.forabg .forums dd.dterm h3.hierarchy, .forabg .forums dd.dterm h2.hierarchy {
  font-size: 16px !important;
  font-weight: normal;
  position: absolute;
  margin-top: 0px;
  top: 0;
  left: 0;
}
 
.forabg .forums dd.dterm h3.hierarchy a, .forabg .forums dd.dterm h2.hierarchy a {
  font-weight: normal;
}
 
.forabg .forums dd.dterm h3.hierarchy + br, .forabg .forums dd.dterm h2.hierarchy + br {
  display: none;
}
 
.forabg .forums dd.posts, .forabg .forums dd.topics {
  float: left;
  width: 65px;
  border: medium none;
  text-transform: uppercase;
  line-height: 17px;
  font-size: 19px;
  margin: 10px 0 10px 10px;
  height: 40px;
  padding: 0;
  position: relative;
  z-index: 2;
}
 
.forabg .forums dd.posts dfn, .forabg .forums dd.topics dfn {
  display: block;
  font-size: 12px;
  font-style: normal;
}
 
.forabg .forums dd.lastpost {
  clear: both;
  width: 100%;
  padding: 0;
  margin: 10px 0 0 0;
  border: none;
  border-top: 1px solid #FFF;
  padding-top: 10px;
  height: 15px;
  line-height: 15px;
  position: relative;
  z-index: 2;
}
 
.forabg .forums dd.lastpost br {
  display: none;
}
.forabg .forums dd.lastpost a:first-of-type {
  margin-right: 3px;
}
.forabg .forums dd.lastpost a.gensmall {
  margin-left: 3px;
}
.forabg .forums dd.lastpost .color-groups {
  display: inline;
  float: none;
}
 
.forabg .forums dd.lastpost a[href=""]:after {
  content: 'No hay mensajes en este foro';
  cursor: text;
  color: #536482;
}
 
.forabg .forums dl.icon {
  background: none !important;
}
 
.forabg .forums dl.icon:before {
  content: "";
  display: block;
  position: absolute;
  right: -10px;
  bottom: -10px;
  width: 27px;
  height: 27px;
  padding: 10px;
  background-repeat: no-repeat;
  background-position: 10px 10px;
  background-color: #D6E6F3;
  border-radius: 100%;
  z-index: 1;
}
 
/* Repite el siguiente código CSS tantas veces como imágenes de no nuevo/nuevo tengas en tu foro (lo digo porque se puede tener hasta cuatro, dos para no nuevo/nuevo de los foros y otros dos para no nuevo/nuevo de los foros con subforos). Recuerda poner la url a la imagen en cuestión dos veces, tal y como aparece en el código de aquí abajo predeterminado */
 
.forabg .forums dl.icon[style*="url(http://illiweb.com/fa/prosilver/forum_read.gif)"]:before {
  background-image: url('http://illiweb.com/fa/prosilver/forum_read.gif');
}
[/hidecode][likepost][time="8/04/18 - 20:57 hrs."][avatar="https://imgfast.net/users/3214/29/54/58/avatars/4-0.jpg" user_id="http://www.opensourcephpbb3.com/u4"][userlike="http://www.opensourcephpbb3.com/u4"] Dosh[/userlike][/likepost]
Chalo
avatar

¿Que estoy pensando? :

Soy leyenda 3.0 [table class=fecha_up][td]Se modifico:20/11/18 - 12:05 hrs. [/td][/table]


Banner en temas :

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


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6863


Puntos :

8959


Me gusta :

1031


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


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

Volver arriba Ir abajo

Re: [CSS] Indice en varias lineas 
el Sáb Nov 01, 2014 8:55 am
staff
[tag]Chalo[/tag]
Chalo
avatar

¿Que estoy pensando? :

Soy leyenda 3.0 [table class=fecha_up][td]Se modifico:20/11/18 - 12:05 hrs. [/td][/table]


Banner en temas :

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


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6863


Puntos :

8959


Me gusta :

1031


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


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

Volver arriba Ir abajo

Re: [CSS] Indice en varias lineas 
el Vie Ene 01, 2016 7:52 pm
muchas gracias chalo por el css
Roger
avatar

¿Que estoy pensando? :

Probando el status del foro [table class=fecha_up][td]Se modifico:9/03/17 - 9:13 hrs.[/td][/table]


Banner en temas :

http://thedesigninspiration.com/wp-content/uploads/2012/06/Facebook-Covers-029.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

305


Puntos :

343


Me gusta :

30


ingreso :

30/03/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [CSS] Indice en varias lineas 
el Sáb Feb 24, 2018 12:42 am
Lo probaré de antemano gracias y sigan asi


Enviado desde mi UnknownPhone
rokitx
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://www.profilebrand.com/images/facebook-cover/4342-loading-90-percent-facebook-cover.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

72


Puntos :

76


Me gusta :

4


ingreso :

18/05/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [CSS] Indice en varias lineas 
el Dom Abr 08, 2018 11:11 am
staff
Interesante buen aporte @chalo
Dosh
avatar

¿Que estoy pensando? :

Vuelve el hijo prodigo... [table class=fecha_up][td]Se modifico:1/010/18 - 15:59 hrs. [/td][/table]


Banner en temas :

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


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

1585


Puntos :

2328


Me gusta :

453


ingreso :

07/12/2014


Sexo :

Masculino

Plataforma :

punbb


Navegador :

Chrome


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

Volver arriba Ir abajo

 En la misma categoria


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