Staff en línea
Últimos temas
[html]Tablilla sencilla Origin10[html]Menú de enlaces simple
por Lelu Jue Nov 28, 2019 6:30 am

[html]Tablilla sencilla Origin10[html]Menú dinámico
por Lelu Jue Nov 28, 2019 6:11 am

[html]Tablilla sencilla Origin10[html]Escaparate de imágenes sencillo
por Lelu Jue Nov 28, 2019 6:02 am

[html]Tablilla sencilla Origin10[Duda] ModernBB vale la pena?
por mrsrz Miér Nov 27, 2019 9:57 am

[html]Tablilla sencilla Origin10[Ocio] Contemos hasta el 5000
por Fibo Miér Nov 27, 2019 9:19 am

[html]Tablilla sencilla
Tema iniciado por y Añadir a favoritos

[html]Tablilla sencilla 
el Vie Dic 15, 2017 12:56 pm
staff
[codebox]Tablilla para añadir en la plantilla. Si necesitas ayuda, consulta aquí mismo[/codebox]
DEMO
http://www.opensourcephpbb3.com/h35-tablilla2-0-aporte-rinc

HTML
[hidecode]
Código:
<div class="wrapper">
  <header class="header">My header</header>
  <aside class="sidebar">Sidebar</aside>
  <article class="content">
    <h1>2 column, header and footer</h1>
    <p>This example uses line-based positioning, to position the header and footer, stretching them across the grid.</p>
  </article>
  <footer class="footer">My footer</footer>
</div>
[/hidecode]


CSS
[hidecode]
Código:
.sidebar {
  float: left;
  width: 19.1489%;
}

.content {
  float: right;
  width: 79.7872%;
}

/* make a grid */
.wrapper {
  max-width: 940px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 3fr;
  grid-gap: 10px;
}

.wrapper > * {
  background-color: #444;
  color: #fff;
  border-radius: 5px;
  padding: 20px;
  font-size: 150%;
  /* needed for the floated layout*/
  margin-bottom: 10px;
}

.header,
.footer {
  grid-column: 1 / -1;
  /* needed for the floated layout */
  clear: both;
}

/* We need to set the widths used on floated items back to auto, and remove the bottom margin as when we have grid we have gaps. */
@supports (display: grid) {
  .wrapper > * {
    width: auto;
    margin: 0;
  }
}
[/hidecode]

El código contiene balizas genéricas, por lo que al añadir el CSS puede cambiar más cosas del foro por tener el mismo nombre. Deberás cambiarlo por nombres únicos de la tablilla para que no afecte al resto del foro.
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

 En la misma categoria


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